@font-face {
font-family: "Switzer";
src: url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Switzer-Bold.woff2) format("woff2"), url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Switzer-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Switzer";
src: url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Switzer-Regular.woff2) format("woff2"), url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Switzer-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Akrobat";
src: url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Akrobat-Regular.woff2) format("woff2"), url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Akrobat-Regular.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Akrobat";
src: url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Akrobat-Black.woff2) format("woff2"), url(//intrapan.it/wp-content/themes/intrapan-child/assets/font/Akrobat-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
h1, .h1 {
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 60px;
line-height: 65px;
font-weight: bold;
}
h2, .h2 {
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 40px;
line-height: 65px;
font-weight: bold;
}
h3, .h3 {
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 30px;
line-height: 38px;
font-weight: bold;
}
h4, .h4 {
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 35px;
line-height: 43px;
font-weight: bold;
}
@keyframes handMoving {
from {
transform: translate(0, 0);
}
to {
transform: translate(-47px, 130px);
}
}
[js-zoomin] {
will-change: transform;
}
.simple-button {
position: relative;
margin: auto;
transform: translate3d(0px, 0%, 0px);
text-decoration: none;
transition-delay: 0.3s;
overflow: hidden;
background: #585857;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 22px;
border-radius: 20px;
font-weight: bold;
}
.simple-button::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: 50% 50% 0 0;
transform: translateY(100%) scaleY(0.5);
transition: all 0.35s ease;
}
.simple-button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #585857;
border-radius: 0;
transform: translateY(0) scaleY(1);
transition: all 0.35s ease;
}
.simple-button.custom {
background: #DC8444;
border: 2px solid #fff;
}
.simple-button.custom::after {
background: #DC8444;
}
.simple-button div {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.simple-button span.width-adapter {
opacity: 0;
visibility: hidden;
}
.simple-button span:not(.width-adapter) {
position: absolute;
z-index: 1;
top: 50%;
width: 100%;
text-align: center;
transition: transform 0.35s ease;
}
.simple-button span:not(.width-adapter).first {
color: #DC8444;
transform: translateY(80%);
}
.simple-button span:not(.width-adapter).second {
color: #fff;
transform: translateY(-50%);
}
.simple-button:hover {
background: #fff;
transition: background 0.1s linear;
transition-delay: 0.2s;
}
.simple-button:hover::after {
border-radius: 0 0 50% 50%;
transform: translateY(-100%) scaleY(0.5);
transition-delay: 0;
}
.simple-button:hover::before {
border-radius: 0;
transform: translateY(0) scaleY(1);
transition-delay: 0;
}
.simple-button:hover span.first {
transform: translateY(-50%);
}
.simple-button:hover span.second {
transform: translateY(-160%);
}
.arrow-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.arrow-button a {
text-decoration: none;
display: block;
font-size: 24px;
line-height: 24px;
padding-right: 70px;
font-weight: bold;
color: #585857;
position: relative;
z-index: 2;
transition: all 0.35s ease;
}
.arrow-button::before {
content: "";
position: absolute;
right: 25px;
top: 50%;
transform: translate(50%, -50%);
width: 18px;
height: 18px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/arrow-light.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.arrow-button::after {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: #DC8444;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: width 0.4s ease, border-radius 0.1s 0.3s ease;
pointer-events: none;
}
.arrow-button:hover a {
color: #DC8444;
}
.arrow-button:hover::before {
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/arrow-dark.svg);
}
.arrow-button:hover::after {
background: #fff;
border-radius: 25px;
width: calc(100% + 25px);
transition: width 0.4s ease, border-radius 0.1s 0s ease;
}
.slick-dots {
bottom: 15px !important;
}
.slick-dots li {
width: 14px !important;
height: 14px !important;
padding: 0 !important;
transition: all 0.65s ease;
}
.slick-dots li.slick-active {
width: 40px !important;
}
.slick-dots li.slick-active button, .slick-dots li.slick-active button::before {
width: 40px !important;
}
.slick-dots li button {
width: 14px !important;
height: 14px !important;
padding: 0 !important;
transition: all 0.65s ease;
}
.slick-dots li button::before {
content: "" !important;
border-radius: 25px !important;
width: 14px !important;
height: 14px !important;
opacity: 1 !important;
background: #EEEAE7 !important;
transition: all 0.65s ease;
}
.arrow-prev, .arrow-next, .next-post, .prev-post {
width: 70px;
height: 70px;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.4s ease;
}
.arrow-prev img, .arrow-next img, .next-post img, .prev-post img {
display: block;
position: relative;
z-index: 2;
}
.arrow-prev::before, .arrow-next::before, .next-post::before, .prev-post::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
background: #fff;
z-index: 0;
pointer-events: none;
}
.arrow-prev::after, .arrow-next::after, .next-post::after, .prev-post::after {
content: "";
width: 50px;
height: 50px;
position: absolute;
background: #DC8444;
border-radius: 50%;
z-index: 1;
pointer-events: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
opacity: 0.5;
transition: all 0.3s ease;
}
.arrow-prev:hover::after, .arrow-next:hover::after, .next-post:hover::after, .prev-post:hover::after {
opacity: 1;
transform: translate(-50%, -50%) scale(0.9);
}
.arrow-next, .next-post {
right: 20px;
left: auto;
}
.next-post, .prev-post {
width: 45px;
height: 45px;
top: -90px;
transform: unset;
left: 1vw;
transition: all 0.3s ease;
}
.next-post::after, .prev-post::after {
width: 34px;
height: 34px;
}
.next-post::before, .prev-post::before {
transition: all 0.3s ease, border-radius 0.2s 0.29s linear;
}
.next-post span, .prev-post span {
position: absolute;
left: 115%;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
font-size: 14px;
opacity: 0;
transition: all 0.3s ease;
}
.next-post:hover::before, .prev-post:hover::before {
width: 150px;
border-radius: 30px;
transition: all 0.3s ease, border-radius 0s ease;
}
.next-post:hover span, .prev-post:hover span {
opacity: 1;
transition: all 0.3s 0.2s ease;
}
.single-tramezzini .next-post, .single-tramezzini .prev-post {
top: -50px;
}
.single-tramezzini section#heading.-rolle .next-post, .single-tramezzini section#heading.-rolle .prev-post {
top: -110px;
}
.next-post {
left: auto;
right: 1vw;
}
.next-post::before {
left: auto;
right: 0;
}
.next-post span {
left: auto;
right: 115%;
}
.single-bruschette .next-post, .single-bruschette .prev-post {
top: 100px;
}
.-lines .-line {
opacity: 0;
transform: translateY(100%) rotateX(-80deg);
transform-origin: center top;
transform-style: preserve-3d;
transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-lines.is-inview .-line {
opacity: 1;
transform: none;
transition-duration: 0.75s;
transition-delay: 0.6s;
}
.-multiply {
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-intrapan.jpg);
background-repeat: repeat;
background-size: cover;
background-blend-mode: multiply;
}
body, html {
box-sizing: border-box;
outline: none;
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 16px;
line-height: 20px;
color: #585857;
background-color: #DBD1C9;
}
.t1 {
font-size: 60px;
line-height: 70px;
}
h1, h2, h3 {
margin: 0;
}
a, span {
color: #585857;
text-decoration: none;
}
.c-scrollbar_thumb {
background-color: #585857 !important;
}
.site-bg {
position: fixed;
width: 100%;
height: 100vh;
z-index: 0;
top: 0;
left: 0;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-intrapan.jpg);
background-repeat: repeat;
background-size: cover;
}
.site-bg.-green {
background-color: #EEF6D8;
background-blend-mode: multiply;
}
[data-scroll-container], [data-scroll-section] {
transform-style: preserve-3d;
will-change: transform;
}
[data-scroll-container] {
perspective: 999999px !important;
}
header#masthead {
padding: 10px !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
z-index: 99999;
}
header#masthead .header-side-navigation {
position: relative;
z-index: 5;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
perspective: 1000;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform;
}
header#masthead .header-side-navigation .hamburger-button {
width: 100%;
height: 100%;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-sidebar.jpg);
background-repeat: repeat;
background-size: cover;
background-position: top left;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
z-index: 2;
}
header#masthead .header-side-navigation .hamburger-button span.button {
width: 30px;
height: 30px;
display: block;
position: relative;
transition: all 0.3s ease;
}
header#masthead .header-side-navigation .hamburger-button span.button::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-radius: 8px;
background: #fff;
bottom: 10px;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
header#masthead .header-side-navigation .hamburger-button span.button::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-radius: 8px;
background: #fff;
bottom: 0;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
header#masthead .header-side-navigation .hamburger-button span.menu, header#masthead .header-side-navigation .hamburger-button span.close, header#masthead .header-side-navigation .hamburger-button span.open {
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
display: block;
text-align: center;
margin-top: 4px;
}
header#masthead .header-side-navigation .hamburger-button span.menu:not(.active), header#masthead .header-side-navigation .hamburger-button span.close:not(.active), header#masthead .header-side-navigation .hamburger-button span.open:not(.active) {
visibility: hidden;
opacity: 0;
width: 0;
height: 0;
margin: 0;
}
header#masthead .header-side-navigation .hamburger-button:not(.active):not(:hover) span.button {
transform: translateY(-6px);
}
header#masthead .header-side-navigation .hamburger-button:not(.active):hover span.button::before {
bottom: 50%;
left: 0;
transform: rotate(90deg);
}
header#masthead .header-side-navigation .hamburger-button:not(.active):hover span.button::after {
bottom: 50%;
left: 0;
}
header#masthead .header-side-navigation .hamburger-button:not(.active):hover span.menu, header#masthead .header-side-navigation .hamburger-button:not(.active):hover span.close {
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
header#masthead .header-side-navigation .hamburger-button:not(.active):hover span.open {
visibility: visible;
opacity: 1;
width: auto;
height: auto;
margin-top: 4px;
}
header#masthead .header-side-navigation .hamburger-button.active {
background: transparent;
}
header#masthead .header-side-navigation .hamburger-button.active span.button::before {
bottom: 50%;
left: 0;
transform: rotate(45deg);
}
header#masthead .header-side-navigation .hamburger-button.active span.button::after {
bottom: 50%;
left: 0;
transform: rotate(-45deg);
}
header#masthead .header-side-navigation #side-navigation {
width: calc(100vw - 20px);
height: calc(100vh - 20px);
position: absolute;
background: transparent;
left: 0;
top: 0;
z-index: 1;
border-radius: 10px;
overflow: hidden;
}
header#masthead .header-side-navigation #side-navigation:not(.active) {
pointer-events: none;
width: 0;
height: 0;
transition: all 0s 1s linear;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container {
width: calc(100vw - 20px);
height: calc(100vh - 20px);
padding: 100px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
position: relative;
border-radius: 10px;
overflow: hidden;
transition: transform 0.5s ease;
transform-origin: top left;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-sidebar.jpg);
background-repeat: repeat;
background-size: cover;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .site-branding-light {
position: absolute;
z-index: 2;
top: 55px;
left: 50%;
transform: translateX(-50%);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .site-branding-light img {
display: block;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item {
width: calc(100% / 5 - (450px / 5));
flex-basis: calc(100% / 5 - (450px / 5));
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span {
font-size: 40px;
line-height: 50px;
font-weight: bold;
color: #fff;
margin-bottom: 35px;
display: block;
overflow: hidden;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span span.plus, header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span span.minus {
display: none;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span a {
font-size: 40px;
line-height: 50px;
color: #fff;
font-weight: bold;
transform: translateY(0px);
transition: transform 0.3s 0s ease;
display: block;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span {
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: bold;
display: block;
overflow: hidden;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span:not(:last-child) {
margin-bottom: 18px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span a {
display: block;
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: bold;
transform: translateY(0px);
transition: transform 0.3s 0s ease;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom {
width: calc(100% - 200px);
display: flex;
justify-content: flex-end;
align-items: flex-end;
position: absolute;
left: 100px;
bottom: 70px;
z-index: 3;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-magazine {
display: flex;
margin-left: 31.63vw;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-magazine a {
display: block;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-magazine a:first-child {
font-size: 40px;
line-height: 50px;
color: #fff;
font-weight: bold;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-contatti a {
color: #fff;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .socials {
display: flex;
align-items: flex-end;
margin-left: 20px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .socials a {
margin-top: -13px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .socials a:not(:last-child) {
margin-right: 22px;
}
header#masthead .header-side-navigation #side-navigation:not(.active) .side-navigation-container {
pointer-events: none;
transform: scale(2.8%, 6%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.1s 0.55s ease;
}
header#masthead .header-main-navigation {
width: calc(100% - 80px);
height: 70px;
z-index: 1;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(191, 176, 167, 0.7);
position: relative;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
}
header#masthead .header-main-navigation .site-branding {
position: absolute;
z-index: 2;
left: calc(50% - 40px);
top: 50%;
transform: translate(-50%, -50%);
}
header#masthead .header-main-navigation .site-branding .custom-logo-link {
display: flex;
align-items: center;
justify-content: center;
}
header#masthead .header-main-navigation nav {
width: 50%;
height: 100%;
}
header#masthead .header-main-navigation nav .primary-menu-container {
height: 100%;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(:first-child) {
margin-left: 100px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li span {
font-weight: bold;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) span {
background-image: linear-gradient(to top, #fff, #fff 50%, #585857 50%);
background-size: 100% 200%;
background-position: top;
position: relative;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.5s ease;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) a:hover, header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) span:hover {
background-position: bottom;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
position: absolute;
right: 2vw;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti a {
color: #fff;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu {
list-style: none;
padding: 0;
margin: 0;
height: 70px;
border-radius: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 50px;
position: absolute;
left: -8.99vw;
top: calc(100% + 10px);
transition: transform 0.35s ease-in-out;
transform-origin: top;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu:not(.active) {
opacity: 0;
transform: translateY(-10px) scaleY(0);
pointer-events: none;
z-index: -999999999999;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li {
white-space: nowrap;
overflow: hidden;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li:not(:last-child) {
margin-right: 40px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li span {
white-space: nowrap;
background-image: linear-gradient(to top, #DC8444, #DC8444 50%, #585857 50%);
transition: all 0.5s ease, transform 0.24s 0s ease;
transform: translateY(-100%) skewX(0deg);
display: block;
perspective: 1000;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu.active li a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu.active li span {
transform: translateY(0) skewX(0);
transition: all 0.5s ease, transform 0.24s 0.3s ease;
}
header#masthead .header-main-navigation nav#site-navigation-left {
margin-left: -80px;
padding-right: 13vw;
}
header#masthead .header-main-navigation nav#site-navigation-right {
padding-left: 13vw;
}
header#masthead .header-main-navigation nav#site-navigation-right ul {
justify-content: flex-start;
}
header#masthead .languages {
position: absolute;
top: 25px;
right: 25px;
display: flex;
}
header#masthead .languages span {
display: flex;
}
header#masthead .languages span span, header#masthead .languages span a {
font-size: 20px;
line-height: 20px;
padding: 0 4px;
color: #fff;
}
header#masthead .languages span span.lang_sel, header#masthead .languages span a.lang_sel {
font-weight: bold;
}
div#breadcrumbs {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 100px;
transition: all 0.3s ease;
z-index: 9999;
width: 100%;
text-align: center;
}
div#breadcrumbs.hide {
opacity: 0;
pointer-events: none;
}
div#breadcrumbs span {
font-size: 14px;
line-height: 14px;
}
div#breadcrumbs span.breadcrumb_last {
font-weight: bold;
text-decoration: underline;
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #DC8444;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #DC8444 !important;
color: #fff !important;
}
.boxed {
width: 100%;
padding: 0 6vw;
}
.boxed.-medium {
padding: 0 10.4vw;
}
.boxed.-small {
padding: 0 13vw;
}
.section-top {
margin-top: 190px;
}
body.dark-bg {
background: #000 !important;
}
body.dark-bg .site-bg {
opacity: 0;
}
body.dark-bg section *, body.dark-bg footer * {
color: #fff !important;
}
html {
overflow: hidden !important;
}
.site-pop-up {
opacity: 0;
width: 35vw;
height: auto;
padding: 0px;
position: fixed;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease;
background-color: #fff;
box-shadow: 0 0 10px #5f5f5f;
border-radius: 20px;
z-index: -1;
overflow: hidden;
}
.site-pop-up.active {
opacity: 1;
z-index: 999999;
}
.site-pop-up .close-site-pop {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
z-index: 10;
}
.site-pop-up .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
gap: 30px;
}
.site-pop-up .container .div-img {
width: 100%;
position: relative;
}
.site-pop-up .container .div-img a {
width: 100%;
height: 100%;
position: relative;
display: inline-block;
display: flex;
}
.site-pop-up .container .div-img a img, .site-pop-up .container .div-img a picture {
width: 100%;
height: auto;
object-fit: cover;
display: flex;
}
.local .products-grid .grid-item {
pointer-events: auto !important;
}
.local .products-grid .grid-item a {
pointer-events: auto !important;
}
html:lang(en) .products-grid .grid-item, html:lang(en) .products-grid .grid-item * {
pointer-events: none !important;
}
.single header#masthead .languages {
display: none !important;
}
html:lang(en) header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
margin-left: 8vw;
position: absolute;
right: 15px;
} .products-grid {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
padding: 0 10.4vw 0 7vw;
}
.products-grid .grid-item {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-bottom: 35px;
padding-top: 35px;
}
.products-grid .grid-item a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-decoration: none;
}
.products-grid .grid-item a .product-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
}
.products-grid .grid-item a .product-image .image {
max-width: 65%;
width: 100%;
transition: all 0.33s ease;
transform-style: preserve-3d;
will-change: transform, top;
perspective: 1000px;
}
.products-grid .grid-item a .product-image .image img {
width: 100%;
height: auto;
display: block;
transition: all 0.33s ease;
transform-style: preserve-3d;
will-change: margin;
}
.products-grid .grid-item a .product-image .image.-pack {
position: relative;
z-index: 1;
height: auto;
display: block;
}
.products-grid .grid-item a .product-image .image.-product {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
pointer-events: none;
z-index: 0;
}
.products-grid .grid-item a .product-image .image.-product.-rolle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
top: 35px;
}
.products-grid .grid-item a .product-image .image.-product.-rolle img {
will-change: transform;
}
.products-grid .grid-item a .product-image .image.-product.-rolle img:first-child {
transform-style: preserve-3d;
transform: rotateX(180deg);
will-change: transform;
}
.products-grid .grid-item a .product-image .image.-product.-rolle picture:first-child img {
transform-style: preserve-3d;
transform: rotateX(180deg);
will-change: transform;
}
.products-grid .grid-item a .product-info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.products-grid .grid-item a .product-info .title, .products-grid .grid-item a .product-info .text {
max-width: 14.5vw;
text-align: center;
}
.products-grid .grid-item a .product-info .title h3, .products-grid .grid-item a .product-info .title p, .products-grid .grid-item a .product-info .text h3, .products-grid .grid-item a .product-info .text p {
text-align: center;
margin: 0;
}
.products-grid .grid-item a .product-info .title {
margin-top: 30px;
margin-bottom: 15px;
max-width: 16vw;
}
.products-grid .grid-item a:hover .product-image .image.-product:not(.-rolle) {
top: 45px;
}
.products-grid .grid-item a:hover .product-image .image.-product.-rolle img:first-child, .products-grid .grid-item a:hover .product-image .image.-product.-rolle picture:first-child img {
transform: rotateX(180deg) translateX(40%) rotateZ(-90deg);
}
.products-grid .grid-item a:hover .product-image .image.-pack:not(.-rolle) img {
margin-top: -55px;
padding-bottom: 55px;
transform: skewX(-2deg) rotate3d(1, 0, 0, 12deg);
}
.products-grid .grid-item a:hover .product-image .image.-pack.-rolle img {
transform: translateX(-10%);
}
.products-grid .grid-item:not(:nth-last-child(-n + 3)) {
border-bottom: 1px solid #beb4a8;
}
.products-grid .grid-item.simple a .product-image .image.-product {
position: relative;
top: unset;
left: unset;
transform: unset;
}
.products-grid .grid-item.simple a:hover .image, .products-grid .grid-item.simple a:hover img {
transform: none !important;
top: unset !important;
}
.products-grid.related-grid .grid-item {
border: 0 !important;
}
.products-grid.simple .grid-item {
width: calc(100% / 2);
flex-basis: calc(100% / 2);
border: 0 !important;
position: relative;
}
.products-grid.simple .grid-item .moravia-badge {
position: absolute;
left: 50px;
top: 0px;
z-index: 99;
pointer-events: none;
}
.products-grid.simple .grid-item .moravia-badge img {
display: block;
object-fit: contain;
border-radius: 10px;
}
.products-grid.simple .grid-item a .product-image .image {
width: 100%;
max-width: 100%;
}
.products-grid.simple .grid-item a .product-image .image.-product {
position: relative;
left: unset;
top: unset;
transform: unset;
}
.products-grid.simple .grid-item a .product-info {
position: relative;
z-index: 9999;
}
.products-grid.simple .grid-item a .product-info .title {
margin-top: -45px;
max-width: 33vw;
}
.products-grid.simple .grid-item a .product-info .text {
max-width: 17.5vw;
}
.products-grid.simple .grid-item a:hover .product-image .image.-product {
top: unset;
}
.products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(3n)):not(:nth-child(2)) {
border-right: 1px solid #beb4a8;
}
.products-grid.subcategories .grid-item {
pointer-events: auto !important;
}
.products-grid.subcategories .grid-item a {
pointer-events: auto !important;
transition: all 0.3s ease;
}
.products-grid.subcategories .grid-item a:hover {
opacity: 0.8;
}
.products-grid.subcategories .grid-item:not(.empty-item):not(.info-item):not(:nth-child(3n)) {
border-right: 1px solid #beb4a8;
}
.products-grid.subcategories .grid-item:nth-child(3), .products-grid.subcategories .grid-item:nth-child(2) {
border-bottom: 1px solid #beb4a8;
}
.products-grid.subcategories.panini .grid-item {
border-bottom: 0 !important;
}
.products-grid.categories .grid-item {
border-bottom: 1px solid #beb4a8;
}
.products-grid.categories .grid-item:not(.empty-item):not(.info-item):not(:nth-child(3n)) {
border-right: 1px solid #beb4a8;
}
.products-grid.categories .grid-item a .product-image .image {
width: 100%;
max-width: 100%;
}
.products-grid.categories .grid-item a .product-image .image.-product {
position: relative;
left: unset;
top: unset;
transform: unset;
}
.products-grid.categories .grid-item a:hover .product-image .image.-product {
top: unset;
}
.products-grid.categories .grid-item a:hover .product-info .text {
opacity: 0;
}
.products-grid.categories .grid-item a:hover .action {
opacity: 1;
}
.products-grid.categories .grid-item a .product-info .text {
transition: opacity 0.29s ease;
}
.products-grid.categories .grid-item a .action {
position: absolute;
left: 50%;
bottom: 5px;
transform: translateX(-50%);
width: 50px;
height: 50px;
background: #DC8444;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
transition: opacity 0.3s ease;
}
.general-info {
width: 100%;
padding-left: 85px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.general-info .sales-channel {
width: 100%;
padding: 15px 0;
border-radius: 10px;
background-color: #f2ede8;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
margin-top: 50px;
margin-bottom: 40px;
}
.general-info .sales-channel .main-label {
display: block;
writing-mode: tb-rl;
transform: translateY(-50%) rotate(-180deg) translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
position: absolute;
left: 12px;
top: 50%;
font-size: 12px;
line-height: 12px;
width: 100%;
text-align: center;
height: 100%;
}
.general-info .sales-channel .channel {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.general-info .sales-channel .channel:not(:last-child) {
margin-right: 45px;
}
.general-info .sales-channel .channel:not(.active) {
opacity: 0.4;
}
.general-info .sales-channel .channel img {
display: block;
text-align: center;
object-fit: contain;
}
.general-info .sales-channel .channel span {
font-size: 14px;
font-weight: bold;
text-align: center;
display: block;
margin-top: 7px;
line-height: 14px;
}
.general-info .more-info {
width: 100%;
padding-left: 15px;
display: flex;
flex-direction: column;
}
.general-info .more-info .info {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
}
.general-info .more-info .info .icon {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 8px;
}
.general-info .more-info .info .icon img {
display: block;
}
.general-info .more-info .info .label {
max-width: 7.5vw;
}
.general-info .more-info .info .label span {
font-size: 14px;
line-height: 16px;
display: block;
}
.general-info .more-info .info .label.plastic {
max-width: 11.5vw;
}
.general-info .more-info .info .label.plastic span {
color: #55833d;
}
.general-info.-single {
padding-left: 8vw;
}
.general-info.-single .sales-channel {
margin-top: 24px;
}
.general-info.-single .more-info {
width: 100%;
padding-left: 0px;
display: flex;
flex-flow: row wrap;
margin-top: 50px;
}
.general-info.-single .more-info .info {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0px;
width: 50%;
flex-basis: 50%;
padding: 18px 0;
position: relative;
}
.general-info.-single .more-info .info .icon {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 8px;
}
.general-info.-single .more-info .info .icon img {
display: block;
}
.general-info.-single .more-info .info .label {
max-width: auto;
}
.general-info.-single .more-info .info .label.atm {
padding-right: 50px;
}
.general-info.-single .more-info .info .label span {
font-size: 14px;
line-height: 16px;
display: block;
}
.general-info.-single .more-info .info .label.plastic {
max-width: auto;
}
.general-info.-single .more-info .info .label.plastic span {
color: #55833d;
}
.general-info.-single .more-info .info:nth-child(odd)::before {
content: "";
position: absolute;
height: 2px;
width: 200%;
left: 0;
top: 0;
z-index: 9;
background: #585857;
}
.only {
mask-image: unset !important;
-webkit-mask-image: unset !important;
}
.only .right {
mask-image: unset !important;
-webkit-mask-image: unset !important;
} .ingredients {
width: 100%;
display: flex;
}
.ingredients .ingredient {
width: 100%;
height: 37.5vw;
display: flex !important;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.ingredients .ingredient .left {
width: calc(55% - 10px);
flex-basis: calc(55% - 10px);
height: 100%;
overflow: hidden;
border-radius: 10px;
display: block;
margin-right: 10px;
}
.ingredients .ingredient .left .image {
border-radius: 10px;
overflow: hidden;
width: 100%;
height: 100%;
display: block;
will-change: transform;
}
.ingredients .ingredient .left .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px;
}
.ingredients .ingredient .right {
width: calc(45%);
flex-basis: calc(45%);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 10px;
mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask.png);
mask-repeat: no-repeat;
mask-position: center;
position: relative;
-webkit-mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: cover;
}
.ingredients .ingredient .right .title {
margin-bottom: 40px;
padding: 15px 0 7.5px;
position: relative;
}
.ingredients .ingredient .right .title::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
height: 5px;
width: 100%;
background: #585857;
}
.ingredients .ingredient .right .title h2 {
font-size: 72px;
line-height: 76px;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
font-weight: 900;
text-transform: uppercase;
}
.ingredients .ingredient .right .title h2 p {
margin: 0;
}
.ingredients .ingredient .right .title::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
height: 5px;
width: 100%;
background: #585857;
}
.ingredients .ingredient .right .text {
max-width: 24vw;
}
.ingredients .ingredient .right .text p {
text-align: center;
}
.ingredients .ingredient .right .moravia-badge {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
z-index: 99;
}
.ingredients .ingredient .right .moravia-badge img {
display: block;
}
.ingredients button.slick-prev.slick-arrow {
display: none !important;
}
.ingredients + .arrow-next {
width: 50px;
height: 50px;
position: absolute;
right: calc(6vw - 15px) !important;
background-color: #DC8444;
border-radius: 50%;
transition: all 0.3s ease-in-out;
will-change: transform;
}
.ingredients + .arrow-next::before, .ingredients + .arrow-next::after {
display: none !important;
}
.ingredients + .arrow-next:hover {
transform: translateY(-50%) scale(0.9);
background-color: #DC8444 !important;
}
.ingredients + .arrow-next.hide {
opacity: 0 !important;
transition: all 0.3s ease-in-out, opacity 0s ease;
}
.ingredients .slick-dots {
width: auto;
right: calc((45% - 5px) / 2);
transform: translateX(50%);
bottom: 20px !important;
}
.ingredients .slick-dots li button:before {
color: #585857;
background: #585857 !important;
opacity: 0.8;
} .nutrition-table {
width: 100%;
display: flex;
flex-flow: row wrap;
margin-top: 35px;
}
.nutrition-table .row {
width: 50%;
display: flex;
flex-direction: column;
padding-left: 10px;
padding-right: 40px;
border-left: 2px solid #585857;
}
.nutrition-table .row:not(:nth-last-child(-n + 2)) {
margin-bottom: 24px;
}
.nutrition-table .row .label, .nutrition-table .row .value {
width: 100%;
flex-basis: 100%;
}
.nutrition-table .row .label span, .nutrition-table .row .value span {
display: block;
}
.nutrition-table .row .label span {
font-size: 12px;
line-height: 14px;
display: block;
margin-bottom: 10px;
}
.nutrition-table .row .value {
display: flex;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.nutrition-table .row .value span {
font-size: 40px;
line-height: 40px;
font-weight: bold;
}
.home #heading .container .slider.dev .slide {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
}
.home #heading .container .slider.dev .slide .mobileBg {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none !important;
}
.home #heading .container .slider.dev .slide .mobileBg img, .home #heading .container .slider.dev .slide .mobileBg picture {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home #heading .container .slider.dev .slide .imagesWrapper, .home #heading .container .slider.dev .slide .shadowsWrapper, .home #heading .container .slider.dev .slide .dishesWrapper {
position: absolute;
width: 100%;
height: 100%;
display: flex;
left: 0;
top: 0;
z-index: 2;
pointer-events: none;
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
transform: translateY(-100vh);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane picture {
position: absolute;
width: auto;
height: auto;
display: block;
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:first-child img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:first-child picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:first-child img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:first-child picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:first-child img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:first-child picture {
left: 24%;
top: -27%;
transform: rotate(35deg);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(2) img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(2) picture {
left: 52%;
top: 16%;
transform: translateX(-50%) rotate(-5deg);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(3) img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(3) picture {
left: 68%;
top: -23%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(4) img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(4) picture {
left: 73%;
top: 55%;
transform: rotate(-19deg);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(5) img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(5) picture {
left: 53%;
top: 60%;
transform: rotate(28deg);
}
.home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .imagesWrapper .dishPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .shadowsWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .shadowsWrapper .dishPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide .dishesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .dishesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(6) img, .home #heading .container .slider.dev .slide .dishesWrapper .dishPlane:nth-child(6) picture {
left: 13%;
top: 50%;
transform: rotate(18deg);
}
.home #heading .container .slider.dev .slide .shadowsWrapper {
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide2 .shadowsWrapper img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper picture {
opacity: 0.65;
}
.home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane picture {
position: absolute;
height: auto;
width: 45%;
display: block;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child picture {
left: 11%;
top: -7%;
transform: rotate(23deg);
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(2) picture {
left: 46%;
top: 6%;
transform: translateX(-50%) rotate(-9deg);
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) picture {
left: 43%;
top: 1%;
width: 40%;
transform: none;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) picture {
left: 55%;
top: -2%;
width: 40%;
transform: none;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(5) picture {
left: 51%;
top: 37%;
transform: rotate(-24deg);
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(6) picture {
left: 38%;
top: 70%;
transform: rotate(-31deg);
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(7) picture {
left: 18%;
top: 74%;
transform: rotate(-28deg);
width: 40%;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(8) picture {
left: 6%;
top: 69%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .imagePlane picture {
width: 67%;
transform-origin: center;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane {
transform: unset;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane .imageInner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane .imageInner img, .home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane .imageInner picture {
width: 100%;
height: auto;
position: relative !important;
transform: none;
left: unset !important;
top: unset !important;
z-index: 1;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane .imageInner .fakeShadow {
position: absolute;
width: 67%;
height: 37%;
background: #744314;
opacity: 0.35;
filter: blur(22px);
border-radius: 38%;
left: 50%;
top: 51%;
transform: translate(-50%, -50%);
display: block;
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(2) .imageInner {
left: 66.4%;
top: -20%;
transform: unset;
width: 41%;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(2) .imageInner .fakeShadow {
width: 51%;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(3) .imageInner {
left: 66.4%;
top: 46%;
transform: unset;
width: 38.7%;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(3) .imageInner .fakeShadow {
width: 40%;
height: 54%;
}
.home #heading .container .slider.dev .slide.slide3 .shadowsWrapper {
z-index: 0 !important;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper {
z-index: 1;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane {
transform: unset !important;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .dishInner {
position: absolute;
display: block;
width: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .dishInner img, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .dishInner picture, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .dishInner img, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .dishInner picture, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .dishInner img, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .dishInner picture, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .dishInner img, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .dishInner picture {
z-index: 1;
position: relative !important;
transform: unset !important;
left: unset !important;
top: unset !important;
width: 100% !important;
height: auto;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .dishInner .fakeShadow {
width: 77%;
height: 78%;
left: 56%;
top: 53%;
transform: translate(-50%, -50%);
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(2) .dishInner {
width: 41%;
left: 68%;
top: -22vh;
transform: none;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(3) .dishInner {
width: 37%;
left: 68%;
top: 51vh;
transform: none;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(3) .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(3) .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(3) .dishInner .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(3) .dishInner .fakeShadow {
top: 48%;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .fakeShadow, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .fakeShadow {
display: block;
position: absolute;
background: #000;
border-radius: 50%;
filter: blur(7px);
opacity: 0.55;
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide4 .shadowsWrapper img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper picture {
opacity: 0.65;
}
.home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(3) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(4) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane .fakeShadow {
position: absolute;
border-radius: 50%;
background: #0000002f;
filter: blur(8px);
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane picture {
position: absolute;
height: auto;
width: auto;
display: block;
z-index: 2;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:first-child .fakeShadow {
left: 48%;
top: 57%;
transform: rotate(11deg);
width: 19vw;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(2) .fakeShadow {
left: 67%;
top: 6%;
width: 19vw;
transform: translateX(-50%) rotate(-24deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(3) .fakeShadow {
left: 28%;
top: 7%;
transform: rotate(-8deg);
width: 19vw;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(4) .fakeShadow {
left: 16%;
top: 53%;
transform: rotate(25deg);
width: 19vw;
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(5) .fakeShadow {
left: 75%;
top: 35%;
transform: rotate(-24deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(6) .fakeShadow {
left: 53%;
top: 79%;
transform: rotate(-31deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(7) .fakeShadow {
left: 68%;
top: 78%;
transform: rotate(-28deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(8) .fakeShadow {
left: 6%;
top: 69%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(9) .fakeShadow {
left: 16%;
top: 77%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(10) .fakeShadow {
left: 45%;
top: 60%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(11) .fakeShadow {
left: 19%;
top: 25%;
width: 44%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(12) picture {
left: 4%;
top: 14%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(13) picture {
left: 62%;
top: 35%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(14) picture {
left: 13%;
top: 49%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(15) picture {
left: 25%;
top: 75%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(16) picture {
left: 7%;
top: 59%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(17) picture {
left: 78%;
top: 30%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .imagePlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide4 .imagesWrapper .shadowPlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .imagePlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide4 .shadowsWrapper .shadowPlane:nth-child(18) picture {
left: 60%;
top: 58%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide4 .textWrapper .text .title-wrapper h2 {
color: #fff;
}
.home #heading .container .slider.dev .slide.slide4 .textWrapper .text .link-wrapper:hover span a span {
color: #585857;
}
.home #heading .container .slider.dev .slide.slide4 .textWrapper .text .link-wrapper span a span {
color: #fff;
transition: all 0.2s 0.1s ease;
}
.home #heading .container .slider.dev .slide.slide5 .shadowsWrapper img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper picture {
opacity: 0.65;
}
.home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(3) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(4) picture {
width: 36% !important;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane .fakeShadow {
position: absolute;
border-radius: 50%;
background: #0000002f;
filter: blur(8px);
z-index: 0;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane picture {
position: absolute;
height: auto;
width: auto;
display: block;
z-index: 2;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:first-child .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:first-child .fakeShadow {
left: 8%;
top: 80%;
width: 27%;
transform: rotate(0deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(2) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(2) .fakeShadow {
left: 42%;
top: 7%;
width: 53%;
transform: translateX(-50%) rotate(-9deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(3) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(3) .fakeShadow {
left: 73%;
top: 22%;
width: 27%;
transform: none;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(4) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(4) .fakeShadow {
left: 40%;
top: 65%;
width: 32%;
transform: none;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(5) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(5) .fakeShadow {
left: 43%;
top: 34%;
width: 53%;
transform: rotate(13deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(6) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(6) .fakeShadow {
left: 13%;
top: 62%;
width: 31%;
transform: none;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(7) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(7) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(7) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(7) .fakeShadow {
left: 21%;
top: 93%;
width: 32%;
transform: rotate(0);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(8) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(8) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(8) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(8) .fakeShadow {
left: 67%;
top: 37%;
transform: none;
width: 32%;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(9) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(9) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(9) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(9) .fakeShadow {
left: 34%;
top: 3%;
transform: none;
width: 35%;
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(10) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(10) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(10) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(10) .fakeShadow {
left: 37%;
top: -22%;
width: 53%;
transform: rotate(13deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(11) .fakeShadow, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(11) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(11) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(11) .fakeShadow {
left: 13%;
top: 25%;
width: auto;
transform: rotate(-9deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(12) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(12) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(12) picture {
left: 4%;
top: 14%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(13) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(13) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(13) picture {
left: 62%;
top: 35%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(14) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(14) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(14) picture {
left: 13%;
top: 49%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(15) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(15) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(15) picture {
left: 25%;
top: 75%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(16) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(16) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(16) picture {
left: 7%;
top: 59%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(17) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(17) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(17) picture {
left: 78%;
top: 30%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .imagePlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide5 .imagesWrapper .shadowPlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .imagePlane:nth-child(18) picture, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(18) img, .home #heading .container .slider.dev .slide.slide5 .shadowsWrapper .shadowPlane:nth-child(18) picture {
left: 60%;
top: 58%;
transform: rotate(16deg);
}
.home #heading .container .slider.dev .slide.slide5 .textWrapper .text .title-wrapper h2 {
color: #fff;
}
.home #heading .container .slider.dev .slide.slide5 .textWrapper .text .link-wrapper:hover span a span {
color: #585857;
}
.home #heading .container .slider.dev .slide.slide5 .textWrapper .text .link-wrapper span a span {
color: #fff;
transition: all 0.2s 0.1s ease;
}
.home #heading .container .slider.dev .slide .textWrapper {
position: relative;
z-index: 9;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 6.5vw;
}
.home #heading .container .slider.dev .slide .textWrapper .text {
display: flex;
flex-direction: column;
max-width: 25vw;
}
.home #heading .container .slider.dev .slide .textWrapper .text .title-wrapper {
display: block;
overflow: hidden;
}
.home #heading .container .slider.dev .slide .textWrapper .text .link-wrapper {
display: inline-block;
margin-top: 80px;
}
.home {
font-size: 18px;
line-height: 22px;
}
.home #heading .container {
height: 100vh;
width: 100%;
position: relative;
}
.home #heading .container:not(:hover) .arrow-prev, .home #heading .container:not(:hover) .arrow-next {
opacity: 0;
}
.home #heading .container:not(:hover) .arrow-prev {
transform: translateY(-50%) translateX(-50px);
}
.home #heading .container:not(:hover) .arrow-next {
transform: translateY(-50%) translateX(50px);
}
.home #heading .container .slider {
width: 100%;
height: 100%;
display: flex;
flex-flow: row wrap;
}
.home #heading .container .slider .slick-track {
height: 100%;
}
.home #heading .container .slider .slide {
width: 100%;
height: 100%;
position: relative;
}
.home #heading .container .slider .slide .slide-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.home #heading .container .slider .slide .slide-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home #heading .container .slider .slide .slide-content {
width: 100%;
height: 100%;
background: transparent;
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 0 6.5vw;
flex-direction: column;
}
.home #heading .container .slider .slide .slide-content .title {
max-width: 19vw;
margin-bottom: 120px;
position: relative;
padding-bottom: 40px;
}
.home #heading .container .slider .slide .slide-content .title::before {
content: "";
position: absolute;
left: 0;
bottom: 40px;
width: 134px;
height: 22px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/sketch.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.home #heading .container .banner {
position: absolute;
bottom: 20px;
right: 20px;
width: 120px;
height: auto;
}
.home #heading .container .banner img {
width: 100%;
height: auto;
display: block;
}
.home #first {
display: block;
}
.home #first .container {
margin: 150px 0 100px;
padding: 0 12.5vw;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
}
.home #first .container .left, .home #first .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.home #first .container .left h1 strong, .home #first .container .right h1 strong {
color: #DC8444;
}
.home #first .container .left .paragraph, .home #first .container .right .paragraph {
max-width: 26vw;
}
.home #first .container .left .paragraph p, .home #first .container .right .paragraph p {
margin-bottom: 0;
}
.home #first .container .right {
justify-content: flex-end;
}
.home #second {
display: block;
}
.home #second .container {
margin-bottom: 160px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.home #second .container .overlay {
position: absolute;
left: calc(50% - ((100% - 12vw) / 2));
top: 0;
width: calc(100% - 12vw);
height: 26vw;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: 0;
overflow: hidden;
}
.home #second .container .overlay div {
background-color: #e3d0c1;
width: 100%;
opacity: 0;
height: 100%;
display: block;
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.9s ease;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
will-change: transform;
transform-style: preserve-3d;
pointer-events: none;
}
.home #second .container .overlay.is-inview div {
transform: none;
opacity: 1;
transition-delay: 0.5s;
}
.home #second .container .top {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 1;
}
.home #second .container .top .title {
display: flex;
align-items: center;
justify-content: center;
}
.home #second .container .top .title h2 {
position: relative;
padding-bottom: 40px;
}
.home #second .container .top .title h2::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
width: 134px;
height: 22px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/sketch.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.home #second .container .top .loop-wrapper {
width: 100%;
height: 30vw;
display: block;
position: relative;
margin-top: -50px;
}
.home #second .container .top .loop-wrapper > picture {
display: block;
}
.home #second .container .top .loop-wrapper > picture:not(.active) {
display: none;
}
.home #second .container .top .loop-wrapper > picture img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.home #second .container .top .loop-wrapper > img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.home #second .container .top .loop-wrapper > img:not(.active) {
display: none;
}
.home #second .container .bottom {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
padding: 0 2.5vw 0 12.5vw;
width: 100%;
position: relative;
z-index: 1;
}
.home #second .container .bottom .col {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
padding-left: 45px;
padding-right: 10vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border-left: 2px solid #707070;
}
.home #second .container .bottom .col .icon {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
height: 50px;
}
.home #second .container .bottom .col .icon img {
display: block;
}
.home #second .container .bottom .col .title {
margin-bottom: 10px;
}
.home #second .container .bottom .col .title p {
margin: 0;
}
.home #second .container .bottom .col .paragraph {
margin-bottom: 20px;
}
.home #second .container .bottom .col .paragraph p {
margin-top: 0;
}
.home #third {
display: block;
}
.home #third .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 200px;
}
.home #third .container .left, .home #third .container .right {
width: calc(50% - 50px);
flex-basis: calc(50% - 50px);
display: flex;
overflow: hidden;
height: 26vw;
border-radius: 10px;
}
.home #third .container .left .parallax-content, .home #third .container .right .parallax-content {
background-color: #f9e0ae;
width: 100%;
height: 100%;
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 23px 10px;
position: relative;
justify-content: flex-end;
align-items: flex-start;
}
.home #third .container .left .parallax-content .images, .home #third .container .right .parallax-content .images {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.home #third .container .left .parallax-content .images .image-wrapper, .home #third .container .right .parallax-content .images .image-wrapper {
position: absolute;
width: 60%;
}
.home #third .container .left .parallax-content .images .image-wrapper picture, .home #third .container .right .parallax-content .images .image-wrapper picture {
display: block;
}
.home #third .container .left .parallax-content .images .image-wrapper:first-child, .home #third .container .right .parallax-content .images .image-wrapper:first-child {
left: -5vw;
top: -17.1vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:nth-child(2), .home #third .container .right .parallax-content .images .image-wrapper:nth-child(2) {
left: 50%;
transform: translateX(-50%);
top: -12.6vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:last-child, .home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -4.7vw;
top: -14vw;
}
.home #third .container .left .parallax-content .images .image-wrapper > div, .home #third .container .right .parallax-content .images .image-wrapper > div {
will-change: transform;
display: block;
position: relative;
z-index: 1;
}
.home #third .container .left .parallax-content .images .image-wrapper > div.shadow, .home #third .container .right .parallax-content .images .image-wrapper > div.shadow {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.home #third .container .left .parallax-content .images .image-wrapper img, .home #third .container .right .parallax-content .images .image-wrapper img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.home #third .container .left .parallax-content .content, .home #third .container .right .parallax-content .content {
display: flex;
width: 100%;
justify-content: space-between;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
color: #9f754b;
max-width: 37%;
line-height: 55px;
margin-left: 45px;
}
.home #third .container .left .parallax-content .content .link-wrapper, .home #third .container .right .parallax-content .content .link-wrapper {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-right: 15px;
margin-bottom: 10px;
}
.home #third .container .right .parallax-content {
background-color: #ded8c1;
}
.home #third .container .right .parallax-content .images {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 80%;
}
.home #third .container .right .parallax-content .images .images-left {
width: 55%;
display: flex;
flex-direction: column;
position: relative;
height: 100%;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper {
position: absolute;
width: 111%;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper:first-child {
left: -1vw;
top: -7vw;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper:nth-child(2) {
left: -1vw;
top: 2vw;
right: auto;
transform: unset;
}
.home #third .container .right .parallax-content .images .images-right {
width: 50%;
display: flex;
position: relative;
height: 100%;
}
.home #third .container .right .parallax-content .images .image-wrapper {
position: absolute;
width: 100%;
}
.home #third .container .right .parallax-content .images .image-wrapper:first-child {
left: 0;
top: 0;
}
.home #third .container .right .parallax-content .images .image-wrapper:last-child {
top: unset;
left: unset;
right: unset;
}
.home #third .container .right .parallax-content .images .image-wrapper img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.home #third .container .right .parallax-content .images .image-wrapper img.shadow {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.home #third .container .right .parallax-content .content h3 {
color: #948756;
}
.home #fourth {
display: block;
margin-bottom: 170px;
display: none !important;
}
.home #fourth .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
padding: 0 50px 0 12.5vw;
width: 100%;
position: relative;
z-index: 1;
}
.home #fourth .container .col {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
padding-right: 7.5vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.home #fourth .container .col .image {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
height: 13vw;
overflow: hidden;
border-radius: 10px;
}
.home #fourth .container .col .image img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.home #fourth .container .col .title {
width: 100%;
margin: 24px 0;
}
.home #fourth .container .col .title h3 {
font-size: 30px;
line-height: 35px;
font-weight: bold;
}
.home #fourth .container .col .title p {
margin: 0;
}
.home #fourth .container .col .paragraph {
width: 100%;
}
.home #fourth .container .col .paragraph p {
margin-top: 0;
}
.home #fourth .container .col.-title {
padding-left: 40px;
border-left: 2px solid #707070;
}
.home #fourth .container .col.-title h2 {
margin-bottom: 150px;
}
.home #fifth .container {
padding: 0 10vw 0 12.5vw;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.home #fifth .container .magazine-head {
width: calc(100% / 3 - (6vw / 2));
margin-right: 6vw;
padding-left: 40px;
height: 250px;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.home #fifth .container .magazine-head::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background-color: #707070;
border-radius: 50px;
}
@media only screen and (min-width: 1101px) {
.home #fifth .container .magazine-head .h2 {
line-height: 50px;
}
}
.home #fifth .container .news-block {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: calc(100% * 2 / 3 - (6vw / 2));
position: relative;
}
.home #fifth .container .news-block .single-news {
width: calc(100% / 2 - (6vw / 2));
margin-right: 6vw;
}
.home #fifth .container .news-block .single-news .top {
display: none;
}
.home #fifth .container .news-block .single-news:last-child {
margin-right: 0;
}
.tax-archive-default #heading, .tax-archive-simple #heading, .post-type-archive-panini-caldi #heading {
display: block;
}
.tax-archive-default #heading .container, .tax-archive-simple #heading .container, .post-type-archive-panini-caldi #heading .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: flex-start;
margin-bottom: 80px;
}
.tax-archive-default #heading .container .left, .tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .left, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .left, .post-type-archive-panini-caldi #heading .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
}
.tax-archive-default #heading .container .left, .tax-archive-simple #heading .container .left, .post-type-archive-panini-caldi #heading .container .left {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 235px;
}
.tax-archive-default #heading .container .left p, .tax-archive-simple #heading .container .left p, .post-type-archive-panini-caldi #heading .container .left p {
margin: 0;
}
.tax-archive-default #heading .container .left .title, .tax-archive-simple #heading .container .left .title, .post-type-archive-panini-caldi #heading .container .left .title {
margin-bottom: 15px;
}
.tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .right {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-end;
position: relative;
padding-bottom: 40px;
margin-bottom: -40px;
}
.tax-archive-default #heading .container .right p:last-child, .tax-archive-simple #heading .container .right p:last-child, .post-type-archive-panini-caldi #heading .container .right p:last-child {
margin-bottom: 0;
}
.tax-archive-default #heading .container .right .text-intro, .tax-archive-simple #heading .container .right .text-intro, .post-type-archive-panini-caldi #heading .container .right .text-intro {
max-width: 11.1vw;
width: 100%;
margin-right: 90px;
}
.tax-archive-default #heading .container .right .text-intro p, .tax-archive-simple #heading .container .right .text-intro p, .post-type-archive-panini-caldi #heading .container .right .text-intro p {
font-weight: bold;
}
.tax-archive-default #heading .container .right .text, .tax-archive-simple #heading .container .right .text, .post-type-archive-panini-caldi #heading .container .right .text {
display: block;
max-width: calc(100% - 11.1vw - 90px);
}
.tax-archive-default #heading .container .right::before, .tax-archive-simple #heading .container .right::before, .post-type-archive-panini-caldi #heading .container .right::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #707070;
}
.tax-archive-default #first, .tax-archive-simple #first, .post-type-archive-panini-caldi #first {
display: block;
}
.tax-archive-default #first .container, .tax-archive-simple #first .container, .post-type-archive-panini-caldi #first .container {
width: 100%;
margin-bottom: 120px;
}
.tax-archive-default #second, .tax-archive-simple #second, .post-type-archive-panini-caldi #second {
display: block;
margin-bottom: 120px;
}
.tax-archive-default #second .container, .tax-archive-simple #second .container, .post-type-archive-panini-caldi #second .container {
display: flex;
flex-flow: row wrap;
position: relative;
padding-top: 50px;
padding-bottom: 40px;
}
.tax-archive-default #second .container .col, .tax-archive-simple #second .container .col, .post-type-archive-panini-caldi #second .container .col {
width: calc(100% / 3 - (100px / 3));
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.tax-archive-default #second .container .col:not(:nth-child(3n)), .tax-archive-simple #second .container .col:not(:nth-child(3n)), .post-type-archive-panini-caldi #second .container .col:not(:nth-child(3n)) {
margin-right: 50px;
}
.tax-archive-default #second .container .overlay, .tax-archive-simple #second .container .overlay, .post-type-archive-panini-caldi #second .container .overlay {
position: absolute;
left: 5vw;
width: 90vw;
height: 100%;
top: 0;
z-index: -1;
border-radius: 11px;
}
.tax-archive-default #second .container .overlay div, .tax-archive-simple #second .container .overlay div, .post-type-archive-panini-caldi #second .container .overlay div {
background-color: #f2ede8;
width: 100%;
height: 100%;
border-radius: 11px;
}
.tax-archive-default #second .container.bruschette, .tax-archive-simple #second .container.bruschette, .post-type-archive-panini-caldi #second .container.bruschette {
padding-top: 25px;
}
.tax-archive-default #second .container.bruschette::before, .tax-archive-simple #second .container.bruschette::before, .post-type-archive-panini-caldi #second .container.bruschette::before {
width: 79.2vw;
content: "";
position: absolute;
top: 0;
height: 2px;
background-color: #707070;
left: 10.4vw;
}
.tax-archive-simple #heading .container {
align-items: flex-start;
}
.tax-archive-simple #heading .container .general-info {
padding-left: 0;
}
.tax-archive-simple #heading .container .general-info .sales-channel {
width: auto;
background: transparent;
padding: 0;
}
.tax-archive-simple #heading .container .general-info .sales-channel .main-label {
display: none;
}
.tax-archive-simple #second p {
color: #fff;
}
.tax-tipologia-tramezzini .products-grid .grid-item a .product-image .image.-product, .product-default.single-tramezzini #fourth .products-grid .grid-item a .product-image .image.-product {
max-width: 85%;
}
.tax-tipologia-tramezzini .products-grid .grid-item a .product-image .image.-product.-rolle img:last-child, .product-default.single-tramezzini #fourth .products-grid .grid-item a .product-image .image.-product.-rolle img:last-child {
margin-top: -78px;
}
.term-la-puntarella .products-grid .grid-item:nth-child(12), .term-la-puntarella-en .products-grid .grid-item:nth-child(12) {
border-bottom: 1px solid #beb4a8;
}
.term-il-vicentino .products-grid .grid-item:nth-child(9), .term-il-vicentino-en .products-grid .grid-item:nth-child(9) {
border-bottom: 1px solid #beb4a8;
}
.term-pronti-e-buoni .products-grid .grid-item:nth-child(6), .term-pronti-e-buoni-en .products-grid .grid-item:nth-child(6), .term-il-panino .products-grid .grid-item:nth-child(6), .term-il-panino-en .products-grid .grid-item:nth-child(6), .term-il-filoncino .products-grid .grid-item:nth-child(6), .term-il-filoncino-en .products-grid .grid-item:nth-child(6) {
border-bottom: 1px solid #beb4a8;
}
.post-type-archive-panini-caldi .category-row {
position: relative;
}
.post-type-archive-panini-caldi .category-row .name {
width: 70px;
border-radius: 10px;
background: #d9d1ca;
height: 19vw;
align-items: center;
justify-content: center;
position: absolute;
top: 95px;
left: 10px;
display: flex;
}
.post-type-archive-panini-caldi .category-row .name span {
font-weight: 700;
writing-mode: tb-rl;
transform: rotate(-180deg) translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.post-type-archive-panini-caldi .category-row:last-child .grid-item:nth-last-child(-n + 3) {
border-bottom: 0;
} .product-default .image.mobile, .single-panini-caldi .image.mobile {
display: none !important;
}
.product-default #heading, .single-panini-caldi #heading {
display: block;
margin-bottom: 180px;
}
.product-default #heading .container, .single-panini-caldi #heading .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.product-default #heading .container .left, .product-default #heading .container .center, .product-default #heading .container .right, .single-panini-caldi #heading .container .left, .single-panini-caldi #heading .container .center, .single-panini-caldi #heading .container .right {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.product-default #heading .container .left, .single-panini-caldi #heading .container .left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product-default #heading .container .left h2.category, .single-panini-caldi #heading .container .left h2.category {
font-size: 20px;
line-height: 25px;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
text-transform: uppercase;
font-weight: 900;
color: #DC8444;
}
.product-default #heading .container .left h1, .single-panini-caldi #heading .container .left h1 {
margin: 5px 0 15px;
width: 77%;
}
.product-default #heading .container .left span.code, .single-panini-caldi #heading .container .left span.code {
font-weight: bold;
font-size: 18px;
line-height: 18px;
margin-bottom: 25px;
}
.product-default #heading .container .left .text, .single-panini-caldi #heading .container .left .text {
padding-right: 100px;
margin-bottom: 15px;
font-size: 18px;
line-height: 22px;
}
.product-default #heading .container .left .text p:first-child, .single-panini-caldi #heading .container .left .text p:first-child {
margin-top: 0;
}
.product-default #heading .container .left .weight, .single-panini-caldi #heading .container .left .weight {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 50px;
}
.product-default #heading .container .left .weight span.value, .single-panini-caldi #heading .container .left .weight span.value {
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 900;
text-transform: uppercase;
color: #DC8444;
font-size: 40px;
line-height: 40px;
padding-right: 8px;
border-right: 2px solid #585857;
}
.product-default #heading .container .left .weight span.label, .single-panini-caldi #heading .container .left .weight span.label {
max-width: 55px;
text-transform: uppercase;
margin-left: 8px;
font-size: 14px;
line-height: 17px;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
display: block;
}
.product-default #heading .container .left .weight span.label strong, .single-panini-caldi #heading .container .left .weight span.label strong {
font-weight: 900;
}
.product-default #heading .container .left .info, .single-panini-caldi #heading .container .left .info {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.product-default #heading .container .left .info .el, .single-panini-caldi #heading .container .left .info .el {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-left: 10px;
border-left: 2px solid #585857;
}
.product-default #heading .container .left .info .el .label, .single-panini-caldi #heading .container .left .info .el .label {
font-size: 12px;
line-height: 14px;
display: block;
margin-bottom: 10px;
}
.product-default #heading .container .left .info .el .value, .single-panini-caldi #heading .container .left .info .el .value {
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
}
.product-default #heading .container .left .info .el:not(:last-child), .single-panini-caldi #heading .container .left .info .el:not(:last-child) {
margin-right: 44px;
}
.product-default #heading .container .center, .single-panini-caldi #heading .container .center {
position: relative;
z-index: 1;
}
.product-default #heading .container .center .product-image .image, .single-panini-caldi #heading .container .center .product-image .image {
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 1;
}
.product-default #heading .container .center .product-image .image.-pack, .single-panini-caldi #heading .container .center .product-image .image.-pack {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
pointer-events: none;
width: 100%;
}
.product-default #heading .container .center .product-image .image.-pack img, .single-panini-caldi #heading .container .center .product-image .image.-pack img {
width: auto;
height: auto;
max-width: 100%;
}
.product-default #heading .container .center .product-image .image.-pack.-rolle, .single-panini-caldi #heading .container .center .product-image .image.-pack.-rolle {
top: -65px;
transform: translateX(-50%);
}
.product-default #heading .container .center .product-image .image.-pack.-rolle img, .single-panini-caldi #heading .container .center .product-image .image.-pack.-rolle img {
margin-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product .shadow {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 20px;
}
.product-default #heading .container .center .product-image .image.-product .shadow div, .single-panini-caldi #heading .container .center .product-image .image.-product .shadow div {
width: 84%;
height: 84%;
background-image: radial-gradient(#000 50%, #00000023 77%);
opacity: 0.15;
filter: blur(18px);
border-radius: 50%;
display: inline-block;
}
.product-default #heading .container .center .product-image .image.-product.-rolle, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 20px;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper {
display: block;
position: relative;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child {
margin-bottom: 160px;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper img, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper img {
margin-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child img, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child img {
transform-style: preserve-3d;
transform: rotateX(180deg);
will-change: transform;
margin-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child .shadow {
top: 40px;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child .shadow {
bottom: 40px;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow {
padding-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow div, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow div {
width: 110%;
height: 110%;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino {
display: flex;
align-items: center;
justify-content: center;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper {
display: block;
position: relative;
will-change: transform;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper img, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper img {
margin-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper .shadow {
padding-bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper .shadow div, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper .shadow div {
width: 160%;
height: 104%;
margin-top: 80px;
margin-left: -80px;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child {
z-index: 99;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child img, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child img {
transform-style: preserve-3d;
transform: rotate(180deg);
will-change: transform;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child .shadow div, .single-panini-caldi #heading .container .center .product-image .image.-product.-vicentino .image-wrapper:first-child .shadow div {
width: 90%;
margin-right: -88px;
}
.product-default #heading .container .center .product-image img, .product-default #heading .container .center .product-image canvas, .single-panini-caldi #heading .container .center .product-image img, .single-panini-caldi #heading .container .center .product-image canvas {
width: auto;
height: auto;
display: block;
max-width: 100%;
object-fit: contain;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.product-default #heading .container .center .product-image canvas.hidden, .single-panini-caldi #heading .container .center .product-image canvas.hidden {
display: none;
}
.product-default #heading .container .center .product-image.ennio .-product, .single-panini-caldi #heading .container .center .product-image.ennio .-product {
z-index: 2;
}
.product-default #heading .container .left:not(.-bottom), .product-default #heading .container .right:not(.-bottom), .single-panini-caldi #heading .container .left:not(.-bottom), .single-panini-caldi #heading .container .right:not(.-bottom) {
margin-top: 70px;
}
.product-default #heading .container .-bottom, .single-panini-caldi #heading .container .-bottom {
min-height: 35vw;
}
.product-default #heading .container .-bottom.left, .single-panini-caldi #heading .container .-bottom.left {
justify-content: center;
}
.product-default #heading .container .-bottom.left .title, .single-panini-caldi #heading .container .-bottom.left .title {
margin-bottom: 5px;
}
.product-default #heading .container .-bottom.left .paragraph, .single-panini-caldi #heading .container .-bottom.left .paragraph {
max-width: 21vw;
}
.product-default #heading .container .-bottom.left .subtitle, .single-panini-caldi #heading .container .-bottom.left .subtitle {
margin-top: 20px;
}
.product-default #heading .container .-bottom.left .subtitle h3, .single-panini-caldi #heading .container .-bottom.left .subtitle h3 {
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
.product-default #heading .container .-bottom.left .ingredients-info, .single-panini-caldi #heading .container .-bottom.left .ingredients-info {
margin-top: 3px;
max-width: 21vw;
}
.product-default #heading .container .-bottom.left .ingredients-info p, .single-panini-caldi #heading .container .-bottom.left .ingredients-info p {
margin: 0;
font-size: 12px;
line-height: 15px;
}
.product-default #heading .container .-bottom.right, .single-panini-caldi #heading .container .-bottom.right {
display: flex;
flex-direction: column;
padding-left: 8vw;
padding-top: 30px;
justify-content: center;
}
.product-default #heading .container .-bottom.right .title, .single-panini-caldi #heading .container .-bottom.right .title {
margin-bottom: 15px;
}
.product-default #heading .container .-bottom.right .title h2, .single-panini-caldi #heading .container .-bottom.right .title h2 {
font-size: 20px;
line-height: 25px;
text-transform: capitalize;
}
.product-default #heading .container .-bottom.center, .single-panini-caldi #heading .container .-bottom.center {
position: relative;
z-index: 2;
}
.product-default #heading .container .-bottom.center .ingredients-background, .single-panini-caldi #heading .container .-bottom.center .ingredients-background {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd) {
display: inline-flex;
align-self: flex-end;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(1), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(1) {
padding-right: 10px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(2), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(2) {
padding-right: 9px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3) {
padding-right: 60px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(4), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(4) {
padding-right: 12px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5) {
padding-right: 26px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(6), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(6) {
padding-right: 40px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even) {
display: inline-flex;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(1), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(1) {
padding-left: 15px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2) {
padding-left: 3px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(3), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(3) {
padding-left: 15px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(4), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(4) {
padding-left: 6px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(5), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(5) {
padding-left: 14px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6) {
padding-left: 11px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image .image-inner, .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image .image-inner {
position: relative;
transform: scale(0);
transform-origin: center;
will-change: transform;
}
.product-default #heading .container .-bottom.center .ingredients-background .image .image-inner .shadow, .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image .image-inner .shadow {
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
left: 0;
top: 38%;
display: flex;
align-items: center;
justify-content: center;
}
.product-default #heading .container .-bottom.center .ingredients-background .image .image-inner .shadow div, .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image .image-inner .shadow div {
width: 80%;
height: 80%;
background-image: radial-gradient(#000 50%, #00000023 77%);
opacity: 0.18;
filter: blur(20px);
border-radius: 50%;
display: inline-block;
}
.product-default #heading .container .-bottom.center .ingredients-background .image .image-inner img, .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image .image-inner img {
display: block;
position: relative;
z-index: 2;
}
.product-default #second, .single-panini-caldi #second {
margin-top: 50px;
margin-bottom: 130px;
}
.product-default #second .container, .single-panini-caldi #second .container {
position: relative;
}
.product-default #third, .single-panini-caldi #third {
display: block;
}
.product-default #third .container, .single-panini-caldi #third .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 110px;
}
.product-default #third .container .left, .product-default #third .container .right, .single-panini-caldi #third .container .left, .single-panini-caldi #third .container .right {
width: 50%;
flex-basis: calc(50%);
}
.product-default #third .container .left, .single-panini-caldi #third .container .left {
padding-left: 60px;
overflow: hidden;
}
.product-default #third .container .left img, .single-panini-caldi #third .container .left img {
width: auto;
height: auto;
display: block;
max-width: 100%;
}
.product-default #third .container .right, .single-panini-caldi #third .container .right {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 95px;
}
.product-default #third .container .right .title, .single-panini-caldi #third .container .right .title {
max-width: 19vw;
margin-bottom: 28px;
}
.product-default #third .container .right .title h2, .single-panini-caldi #third .container .right .title h2 {
line-height: 48px;
}
.product-default #third .container .right .title h2 strong, .single-panini-caldi #third .container .right .title h2 strong {
color: #DC8444;
}
.product-default #third .container .right .title h2 p, .single-panini-caldi #third .container .right .title h2 p {
margin: 0;
}
.product-default #third .container .right .icon, .single-panini-caldi #third .container .right .icon {
margin-bottom: 3px;
}
.product-default #third .container .right .icon img, .single-panini-caldi #third .container .right .icon img {
width: auto;
display: block;
height: auto;
}
.product-default #third .container .right .text, .single-panini-caldi #third .container .right .text {
width: 100%;
display: flex;
align-items: flex-start;
padding-bottom: 30px;
border-bottom: 2px solid #585857;
}
.product-default #third .container .right .text p:first-child, .single-panini-caldi #third .container .right .text p:first-child {
margin-top: 0;
}
.product-default #third .container .right .text .first, .single-panini-caldi #third .container .right .text .first {
max-width: 12.5vw;
margin-right: 75px;
}
.product-default #third .container .right .text .first p, .single-panini-caldi #third .container .right .text .first p {
font-weight: bold;
}
.product-default #third .container.pronti-buoni .left, .single-panini-caldi #third .container.pronti-buoni .left {
overflow: visible;
padding-left: 0;
}
.product-default #third .container.pronti-buoni .left img, .single-panini-caldi #third .container.pronti-buoni .left img {
margin-left: -6vw;
transform: translate3d(-10vw, -13vw, 0px) rotate(25deg);
transform-origin: top left;
}
.product-default #fourth, .single-panini-caldi #fourth {
display: block;
}
.product-default #fourth .container, .single-panini-caldi #fourth .container {
display: flex;
flex-direction: column;
margin-bottom: 110px;
position: relative;
}
.product-default #fourth .container .title, .single-panini-caldi #fourth .container .title {
display: flex;
justify-content: center;
align-items: center;
}
.product-default #fourth .container .title h2 strong, .single-panini-caldi #fourth .container .title h2 strong {
color: #DC8444;
}
.product-default #fourth .container .related, .single-panini-caldi #fourth .container .related {
width: 100%;
position: relative;
z-index: 2;
}
.product-default #fourth .container .related .slick-prev, .single-panini-caldi #fourth .container .related .slick-prev {
display: none !important;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
width: 50px;
height: 50px;
position: absolute;
right: -15px !important;
bottom: 270px;
top: auto;
background-color: #d9d1ca;
border-radius: 50%;
transition: all 0.3s ease-in-out;
will-change: transform;
}
.product-default #fourth .container .related .arrow-next::before, .product-default #fourth .container .related .arrow-next::after, .single-panini-caldi #fourth .container .related .arrow-next::before, .single-panini-caldi #fourth .container .related .arrow-next::after {
display: none !important;
}
.product-default #fourth .container .related .arrow-next:hover, .single-panini-caldi #fourth .container .related .arrow-next:hover {
transform: translateY(-50%) scale(0.9);
background-color: #DC8444 !important;
}
.product-default #fourth .container .related .arrow-next.hide, .product-default #fourth .container .related .arrow-next:not(.is-inview), .single-panini-caldi #fourth .container .related .arrow-next.hide, .single-panini-caldi #fourth .container .related .arrow-next:not(.is-inview) {
opacity: 0 !important;
transition: all 0.3s ease-in-out, opacity 0s ease;
}
.product-default #fourth .container .related .arrow-next:not(:hover).is-inview, .single-panini-caldi #fourth .container .related .arrow-next:not(:hover).is-inview {
opacity: 1;
transition-delay: 0.9s;
}
.product-default #fourth .container .overlay, .single-panini-caldi #fourth .container .overlay {
position: absolute;
z-index: 0;
left: calc(50% - ((100% - 12vw) / 2));
bottom: 0;
width: calc(100% - 12vw);
height: 335px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: 0;
overflow: hidden;
}
.product-default #fourth .container .overlay div, .single-panini-caldi #fourth .container .overlay div {
background-color: #f2ede8;
width: 100%;
opacity: 0;
height: 100%;
display: block;
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.9s ease;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
will-change: transform;
transform-style: preserve-3d;
pointer-events: none;
mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask2.png);
mask-repeat: no-repeat;
mask-position: bottom;
position: relative;
-webkit-mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask2.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: bottom;
-webkit-mask-size: contain;
}
.product-default #fourth .container .overlay.is-inview div, .single-panini-caldi #fourth .container .overlay.is-inview div {
transform: none;
opacity: 1;
transition-delay: 0.5s;
}
.product-default.single-tramezzini #heading .container .center .product-image .image.-product .shadow div, .single-panini-caldi.single-tramezzini #heading .container .center .product-image .image.-product .shadow div {
width: 65%;
height: 66%;
}
.product-default.single-tramezzini .section-top:not(.-rolle), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) {
margin-top: 148px;
}
.product-default.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .product-default.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom) {
margin-top: 135px !important;
}
.product-default.single-tramezzini .section-top.-rolle, .single-panini-caldi.single-tramezzini .section-top.-rolle {
margin-top: 207px;
}
.product-simple #heading {
display: block;
margin-bottom: 180px;
height: 100vh;
background: #000;
}
.product-simple #heading .container {
position: relative;
height: 100%;
}
.product-simple #heading .container .image {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
}
.product-simple #heading .container .image > img {
display: block;
width: 80%;
height: auto;
}
.product-simple #heading .container .image picture {
display: block;
width: 80%;
height: auto;
}
.product-simple #heading .container .image picture img {
width: 100%;
height: auto;
}
.product-simple #heading .container .info {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
display: flex;
flex-flow: row wrap;
padding: 180px 13.5vw 0;
}
.product-simple #heading .container .info .left {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product-simple #heading .container .info .left h2.category {
font-size: 20px;
line-height: 25px;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
text-transform: uppercase;
font-weight: 900;
color: #DC8444;
}
.product-simple #heading .container .info .left h1 {
margin: 5px 0 15px;
width: 100%;
color: #fff;
}
.product-simple #heading .container .info .left span.code {
font-weight: bold;
font-size: 18px;
line-height: 18px;
margin-bottom: 25px;
color: #fff;
}
.product-simple #heading .container .info .right {
width: 50%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-top: 38px;
}
.product-simple #heading .container .info .right .weight {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.product-simple #heading .container .info .right .weight span.value {
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 900;
text-transform: uppercase;
color: #DC8444;
font-size: 40px;
line-height: 40px;
padding-right: 8px;
border-right: 2px solid #585857;
}
.product-simple #heading .container .info .right .weight span.label {
max-width: 55px;
text-transform: uppercase;
margin-left: 8px;
font-size: 14px;
color: #fff;
line-height: 17px;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
display: block;
}
.product-simple #heading .container .info .right .weight span.label strong {
font-weight: 900;
}
.product-simple #heading .container .info .right .action {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.product-simple #heading .container .info .right .action > span {
width: 50px;
height: 50px;
background: #DC8444;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 11px;
}
.product-simple #heading .container .info .right .action a {
border: 0;
width: 43%;
padding-top: 13px;
padding-bottom: 13px;
border-radius: 25px;
margin: 0;
}
.product-simple #first {
display: block;
margin-bottom: 100px;
}
.product-simple #first .container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: row wrap;
}
.product-simple #first .container .left {
width: 60%;
}
.product-simple #first .container .left .image {
width: 100%;
padding-bottom: 80px;
}
.product-simple #first .container .left .image img {
width: 100%;
height: auto;
display: block;
}
.product-simple #first .container .right {
padding: 0 120px;
display: flex;
width: 40%;
flex-direction: column;
}
.product-simple #first .container .right .info {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 20px 0 30px;
}
.product-simple #first .container .right .info .el {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-left: 10px;
border-left: 2px solid #585857;
}
.product-simple #first .container .right .info .el .label {
font-size: 12px;
line-height: 14px;
display: block;
margin-bottom: 10px;
}
.product-simple #first .container .right .info .el .value {
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
}
.product-simple #first .container .right .info .el:not(:last-child) {
margin-right: 44px;
}
.product-simple #first .container .right .general-info {
padding-left: 0;
margin-bottom: 30px;
}
.product-simple #first .container .right .general-info .sales-channel {
background-color: #d9d1ca;
}
.product-simple #first .container .right .bottom {
width: 100%;
display: flex;
flex-direction: column;
}
.product-simple #first .container .right .bottom .title {
margin-bottom: 5px;
}
.product-simple #first .container .right .bottom .subtitle {
margin-top: 20px;
}
.product-simple #first .container .right .bottom .subtitle h3 {
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
.product-simple #first .container .right .bottom .ingredients-info {
margin-top: 3px;
}
.product-simple #first .container .right .bottom .ingredients-info p {
margin: 0;
font-size: 12px;
line-height: 15px;
}
.product-simple #first .container .right .bottom .table {
display: flex;
flex-direction: column;
padding-top: 30px;
justify-content: center;
}
.product-simple #first .container .right .bottom .table .title {
margin-bottom: 15px;
}
.product-simple #first .container .right .bottom .table .title h2 {
font-size: 20px;
line-height: 25px;
text-transform: capitalize;
}
.product-simple #second {
margin-top: 0px;
margin-bottom: 130px;
}
.product-simple #second .container {
position: relative;
}
.product-simple #third {
margin-top: 0;
margin-top: 200px;
}
.product-simple #third .container {
display: flex;
flex-flow: row wrap;
}
.product-simple #third .container .top {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.product-simple #third .container .top .left, .product-simple #third .container .top .center, .product-simple #third .container .top .right {
width: calc(100% / 3);
}
.product-simple #third .container .top .left, .product-simple #third .container .top .center {
display: flex;
align-items: stretch;
justify-content: center;
position: relative;
}
.product-simple #third .container .top .left .image, .product-simple #third .container .top .center .image {
width: 100%;
position: relative;
z-index: 9;
}
.product-simple #third .container .top .left .image img, .product-simple #third .container .top .center .image img {
width: 100%;
height: auto;
display: block;
}
.product-simple #third .container .top .left .image {
display: none;
}
.product-simple #third .container .top .center .image:last-child {
position: absolute;
left: 0;
top: 0;
z-index: 99;
opacity: 0;
display: none;
}
.product-simple #third .container .top .right {
padding: 0 100px;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-simple #third .container .top .right h2 {
margin-bottom: 10px;
}
.product-simple #third .container .top .right p {
padding-bottom: 30px;
border-bottom: 1px solid #707070;
}
.product-simple #third .container .bottom {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: stretch;
padding-top: 40px;
}
.product-simple #third .container .bottom .left, .product-simple #third .container .bottom .center, .product-simple #third .container .bottom .right {
width: calc(100% / 3);
}
.product-simple #third .container .bottom .left, .product-simple #third .container .bottom .right {
display: flex;
align-items: stretch;
justify-content: center;
position: relative;
}
.product-simple #third .container .bottom .left .image, .product-simple #third .container .bottom .right .image {
width: 100%;
position: relative;
z-index: 9;
border-radius: 10px;
overflow: hidden;
}
.product-simple #third .container .bottom .left .image img, .product-simple #third .container .bottom .right .image img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
overflow: hidden;
}
.product-simple #third .container .bottom .left {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.product-simple #third .container .bottom .left h2 {
margin-bottom: 5px;
}
.product-simple #third .container .bottom .left h2, .product-simple #third .container .bottom .left p {
width: 21vw;
}
.product-simple #third .container .bottom .left .image {
margin-top: 25px;
}
.product-simple #third .container .bottom .right {
padding: 0;
padding-left: 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.term-il-mattoncino .products-grid.count3 .product-item:nth-child(6), .term-il-mattoncino-en .products-grid.count3 .product-item:nth-child(6) {
border-bottom: 1px solid #beb4a8;
}
.single-panini-caldi #heading {
margin-bottom: 0;
height: 150vh;
}
.single-panini-caldi #heading.simple {
height: auto;
}
.single-panini-caldi #heading.simple .container {
height: auto;
}
.single-panini-caldi #heading.simple .container .left, .single-panini-caldi #heading.simple .container .right {
height: auto;
}
.single-panini-caldi #heading.simple .container .canali {
top: calc(50vh - 180px);
}
.single-panini-caldi #heading .container {
align-items: stretch;
justify-content: flex-start;
height: 100vh;
position: relative;
}
.single-panini-caldi #heading .container .canali {
position: absolute;
right: 5vw;
top: 50vh;
transform: translateY(-50%);
}
.single-panini-caldi #heading .container .canali .general-info {
padding: 0;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel {
background: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel .channel {
margin-right: 0;
margin-bottom: 25px;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel .main-label {
display: block;
writing-mode: unset;
transform: unset;
margin-bottom: 18px;
backface-visibility: unset;
-webkit-font-smoothing: unset;
position: relative;
left: unset;
top: unset;
}
.single-panini-caldi #heading .container .left {
width: 30%;
flex-basis: 30%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
}
.single-panini-caldi #heading .container .left .directions {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 50px;
}
.single-panini-caldi #heading .container .left .directions .weight {
margin-bottom: 0;
}
.single-panini-caldi #heading .container .left .directions .icon {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 11px;
}
.single-panini-caldi #heading .container .left .directions .icon img {
display: block;
}
.single-panini-caldi #heading .container .left .directions .icon span {
font-size: 14px;
line-height: 17px;
display: block;
max-width: 95px;
margin-left: 7px;
}
.single-panini-caldi #heading .container .left .action {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-top: 40px;
}
.single-panini-caldi #heading .container .left .action > span {
width: 50px;
height: 50px;
background: #DC8444;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 11px;
}
.single-panini-caldi #heading .container .left .action a {
border: 0;
width: 60%;
padding-top: 13px;
padding-bottom: 13px;
border-radius: 25px;
margin: 0;
}
.single-panini-caldi #heading .container .left .ingredients-info {
width: 100%;
display: flex;
flex-direction: column;
margin-top: 70px;
}
.single-panini-caldi #heading .container .left .ingredients-info .title {
margin-bottom: 5px;
}
.single-panini-caldi #heading .container .left .ingredients-info .subtitle {
margin-top: 20px;
}
.single-panini-caldi #heading .container .left .ingredients-info .subtitle h3 {
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
.single-panini-caldi #heading .container .left .ingredients-info .ingredients-info {
margin-top: 3px;
}
.single-panini-caldi #heading .container .left .ingredients-info .ingredients-info p {
margin: 0;
font-size: 12px;
line-height: 15px;
}
.single-panini-caldi #heading .container .left .ingredients-info .table {
display: flex;
flex-direction: column;
padding-top: 30px;
justify-content: center;
}
.single-panini-caldi #heading .container .left .ingredients-info .table .title {
margin-bottom: 15px;
}
.single-panini-caldi #heading .container .left .ingredients-info .table .title h2 {
font-size: 20px;
line-height: 25px;
text-transform: capitalize;
}
.single-panini-caldi #heading .container .right {
width: 70%;
flex-basis: 70%;
height: 100%;
margin-top: -20px !important;
}
.single-panini-caldi #heading .container .right canvas {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.single-panini-caldi #heading .container .right .image {
width: 100%;
height: auto;
}
.single-panini-caldi #heading .container .right .image img {
width: 100%;
height: auto;
display: block;
}
.single-panini-caldi #heading .container .right .image.panino {
display: flex;
justify-content: center;
margin-top: -60px;
}
.single-panini-caldi #heading .container .right .image.panino img {
width: 42%;
}
.single-panini-caldi #first .container {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
}
.single-panini-caldi #first .container .left {
width: 65%;
display: flex;
align-items: center;
justify-content: center;
}
.single-panini-caldi #first .container .left .loop-wrapper {
width: 70%;
display: block;
position: relative;
}
.single-panini-caldi #first .container .left .loop-wrapper > picture {
display: block;
}
.single-panini-caldi #first .container .left .loop-wrapper > picture:not(.active):not(.done) {
display: none;
}
.single-panini-caldi #first .container .left .loop-wrapper > picture img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.single-panini-caldi #first .container .left .loop-wrapper > img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.single-panini-caldi #first .container .left .loop-wrapper > img:not(.active):not(.done) {
display: none;
}
.single-panini-caldi #first .container .left .loop-wrapper img.first, .single-panini-caldi #first .container .left .loop-wrapper picture:first-child {
position: relative;
width: 100%;
height: auto;
left: unset;
top: unset;
transform: unset;
display: block !important;
}
.single-panini-caldi #first .container .right {
width: 35%;
display: flex;
flex-direction: column;
}
.single-panini-caldi #first .container .right .title {
margin-bottom: 5px;
}
.single-panini-caldi #first .container .right .subtitle {
margin-top: 20px;
}
.single-panini-caldi #first .container .right .subtitle h3 {
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
.single-panini-caldi #first .container .right .ingredients-info {
margin-top: 3px;
}
.single-panini-caldi #first .container .right .ingredients-info p {
margin: 0;
font-size: 12px;
line-height: 15px;
}
.single-panini-caldi #first .container .right .table {
display: flex;
flex-direction: column;
padding-top: 30px;
justify-content: center;
}
.single-panini-caldi #first .container .right .table .title {
margin-bottom: 15px;
}
.single-panini-caldi #first .container .right .table .title h2 {
font-size: 20px;
line-height: 25px;
text-transform: capitalize;
}
.single-panini-caldi #second {
margin-bottom: 180px;
padding: 0 140px;
margin-top: 140px;
}
.single-panini-caldi #second .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.single-panini-caldi #second .container .left, .single-panini-caldi #second .container .right, .single-panini-caldi #second .container .center {
width: calc(100% / 3 - (70px / 3));
flex-basis: calc(100% / 3 - (70px / 3));
}
.single-panini-caldi #second .container .left {
margin-right: 60px;
display: flex;
flex-direction: column;
}
.single-panini-caldi #second .container .left h2 {
margin-bottom: 5px;
}
.single-panini-caldi #second .container .center {
margin-right: 10px;
}
.single-panini-caldi #second .container .center .image, .single-panini-caldi #second .container .right .image {
width: 100%;
overflow: hidden;
border-radius: 10px;
}
.single-panini-caldi #second .container .center .image img, .single-panini-caldi #second .container .right .image img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
}
.single-panini-caldi #ingredients {
margin-bottom: 140px;
}
.servizio-panini {
display: flex;
flex-direction: column;
width: 100%;
}
.servizio-panini .row {
display: flex;
align-items: flex-end;
justify-content: center;
padding: 20px 0;
}
.servizio-panini .row:first-child {
border-bottom: 2px solid #707070;
}
.servizio-panini .row .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.servizio-panini .row .item img {
display: block;
margin-bottom: 7px;
}
.servizio-panini .row .item span {
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
text-align: center;
}
.servizio-panini .row .plus {
font-size: 36px;
line-height: 36px;
font-weight: bold;
display: flex;
align-self: center;
margin: 0 30px;
}
.servizio-panini .row .or {
font-size: 12px;
line-height: 12px;
font-weight: 500;
display: flex;
align-self: center;
margin: 0 15px;
}
.panino-simple #heading .container .left h1, .panino-simple .single-panini-caldi #heading .container .left h1 {
width: 85%;
}
.panino-simple #ingredients {
margin-top: 170px;
}
.page-template-template-pane #heading {
display: block;
margin-bottom: 70px;
padding: 0 100px;
}
.page-template-template-pane #heading .container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-pane #heading .container .title {
margin-bottom: 10px;
}
.page-template-template-pane #heading .container p {
max-width: 23.5vw;
}
.page-template-template-pane #first {
display: block;
margin-bottom: 150px;
}
.page-template-template-pane #first .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-pane #first .container .element {
width: calc(100% / 3 - 20px);
flex-basis: calc(100% / 3 - 20px);
display: flex;
flex-direction: column;
align-items: center;
will-change: transform;
}
.page-template-template-pane #first .container .element:not(:nth-child(3n)) {
margin-right: 30px;
}
.page-template-template-pane #first .container .element:not(:nth-last-child(-n + 3)) {
margin-bottom: 20px;
}
.page-template-template-pane #first .container .element .image-wrapper {
position: relative;
width: 100%;
will-change: transform;
}
.page-template-template-pane #first .container .element .image-wrapper img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 1;
will-change: transform;
}
.page-template-template-pane #first .container .element .image-wrapper img.shadow {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.page-template-template-pane #first .container .element .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-pane #first .container .element .text h2 {
margin-bottom: 5px;
text-align: center;
padding: 0 103px;
}
.page-template-template-pane #first .container .element .text p {
text-align: center;
max-width: 14vw;
}
.page-template-template-pane #first .container .element:nth-child(3n + 2), .page-template-template-pane #first .container .element:nth-child(2) {
margin-top: -80px;
perspective: 1px;
will-change: transform;
}
.page-template-template-pane #first .container .element:nth-child(3n) {
margin-top: -180px;
perspective: 1px;
will-change: transform;
}
#last.navigation {
display: block;
margin-bottom: 100px;
}
#last.navigation .container {
display: flex;
flex-direction: column;
}
#last.navigation .container .title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
#last.navigation .container .nav {
display: flex;
padding: 40px 100px;
background-color: #f2ede8;
border-radius: 10px;
align-items: center;
justify-content: space-between;
}
.page-template-template-intrapan #heading {
display: block;
margin-bottom: 120px;
}
.page-template-template-intrapan #heading .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.page-template-template-intrapan #heading .container .left, .page-template-template-intrapan #heading .container .right {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-intrapan #heading .container .center {
width: calc(100% / 4 * 2);
flex-basis: calc(100% / 4 * 2);
position: relative;
min-height: 600px;
display: flex;
}
.page-template-template-intrapan #heading .container .center svg {
overflow: visible;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
}
.page-template-template-intrapan #heading .container .center svg tspan:not(:first-child) {
color: #DC8444 !important;
fill: #DC8444 !important;
font-size: 38px !important;
}
.page-template-template-intrapan #heading .container .center svg #end {
transform: translate(-21px, -8px);
}
.page-template-template-intrapan #heading .container .center svg #end path {
opacity: 0;
}
.page-template-template-intrapan #heading .container .center svg #road {
opacity: 0 !important;
}
.page-template-template-intrapan #heading .container .center svg #text {
opacity: 0.1;
}
.page-template-template-intrapan #heading .container .center span.start {
position: absolute;
left: 30px;
top: 55%;
transform: scale(0);
z-index: 999;
}
.page-template-template-intrapan #heading .container .center span.start img {
display: block;
}
.page-template-template-intrapan #heading .container .left {
padding-right: 30px;
}
.page-template-template-intrapan #heading .container .left .title {
margin-bottom: 10px;
}
.page-template-template-intrapan #heading .container .left .title h1 strong {
color: #DC8444;
}
.page-template-template-intrapan #heading .container .left .title h1 p {
margin: 0;
}
.page-template-template-intrapan #heading .container .right {
padding: 0 70px;
}
.page-template-template-intrapan #heading .container .right .title {
margin-bottom: 5px;
}
.page-template-template-intrapan #heading .container .right .box:last-child {
margin-top: 30px;
}
.page-template-template-intrapan #first {
display: block;
margin-bottom: 120px;
}
.page-template-template-intrapan #first .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-intrapan #first .container .box {
width: calc(100% / 3 - (500px / 3));
flex-basis: calc(100% / 3 - (500px / 3));
display: flex;
flex-direction: column;
padding-left: 35px;
border-left: 2px solid #707070;
justify-content: center;
}
.page-template-template-intrapan #first .container .box:not(:last-child) {
margin-right: 250px;
}
.page-template-template-intrapan #first .container .box .title {
margin-bottom: 5px;
}
.page-template-template-intrapan #first .container .box .text p:last-child {
margin-bottom: 0;
}
.page-template-template-intrapan #last.navigation {
display: block;
margin-bottom: 70px;
}
.page-template-template-intrapan #last.navigation .container .nav {
background-color: #f2ede8;
}
.page-template-template-sostenibilita div#breadcrumbs span, .page-template-template-sostenibilita div#breadcrumbs a, .page-template-template-impegno div#breadcrumbs span, .page-template-template-impegno div#breadcrumbs a {
color: #fff !important;
}
.page-template-template-sostenibilita #heading, .page-template-template-impegno #heading {
display: block;
}
.page-template-template-sostenibilita #heading .container, .page-template-template-impegno #heading .container {
position: relative;
height: 29vw;
}
.page-template-template-sostenibilita #heading .container .image, .page-template-template-impegno #heading .container .image {
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
align-items: center;
position: relative;
}
.page-template-template-sostenibilita #heading .container .image::before, .page-template-template-impegno #heading .container .image::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.23;
z-index: 1;
}
.page-template-template-sostenibilita #heading .container .image img, .page-template-template-sostenibilita #heading .container .image video, .page-template-template-impegno #heading .container .image img, .page-template-template-impegno #heading .container .image video {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.page-template-template-sostenibilita #heading .container .image picture, .page-template-template-impegno #heading .container .image picture {
height: 100%;
width: 100%;
display: block;
}
.page-template-template-sostenibilita #heading .container .text, .page-template-template-impegno #heading .container .text {
width: 50vw;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
z-index: 2;
}
.page-template-template-sostenibilita #heading .container .text .title, .page-template-template-impegno #heading .container .text .title {
margin-bottom: 25px;
}
.page-template-template-sostenibilita #heading .container .text .title h1, .page-template-template-impegno #heading .container .text .title h1 {
color: #DC8444;
text-align: center;
display: block;
}
.page-template-template-sostenibilita #heading .container .text .sub, .page-template-template-impegno #heading .container .text .sub {
margin-bottom: 4px;
}
.page-template-template-sostenibilita #heading .container .text h2, .page-template-template-sostenibilita #heading .container .text p, .page-template-template-impegno #heading .container .text h2, .page-template-template-impegno #heading .container .text p {
color: #fff;
text-align: center;
display: block;
}
.page-template-template-sostenibilita #heading .container .text p, .page-template-template-impegno #heading .container .text p {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}
.page-template-template-sostenibilita #heading .container .text .paragraph, .page-template-template-impegno #heading .container .text .paragraph {
max-width: 26vw;
margin: 0 auto;
}
.page-template-template-sostenibilita #first, .page-template-template-impegno #first {
display: block;
margin: 100px 0;
}
.page-template-template-sostenibilita #first .container, .page-template-template-impegno #first .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-sostenibilita #first .container .left, .page-template-template-sostenibilita #first .container .center, .page-template-template-sostenibilita #first .container .right, .page-template-template-impegno #first .container .left, .page-template-template-impegno #first .container .center, .page-template-template-impegno #first .container .right {
width: 21vw;
padding-left: 40px;
border-left: 2px solid #707070;
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #first .container .left .title, .page-template-template-sostenibilita #first .container .center .title, .page-template-template-sostenibilita #first .container .right .title, .page-template-template-impegno #first .container .left .title, .page-template-template-impegno #first .container .center .title, .page-template-template-impegno #first .container .right .title {
margin-bottom: 5px;
}
.page-template-template-sostenibilita #second, .page-template-template-sostenibilita #third, .page-template-template-impegno #second, .page-template-template-impegno #third {
display: block;
margin-bottom: 60px;
}
.page-template-template-sostenibilita #second .container, .page-template-template-sostenibilita #third .container, .page-template-template-impegno #second .container, .page-template-template-impegno #third .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.page-template-template-sostenibilita #second .container .left, .page-template-template-sostenibilita #third .container .left, .page-template-template-impegno #second .container .left, .page-template-template-impegno #third .container .left {
width: calc(33% - 5px);
overflow: hidden;
border-radius: 10px;
display: block;
margin-right: 10px;
}
.page-template-template-sostenibilita #second .container .left img, .page-template-template-sostenibilita #third .container .left img, .page-template-template-impegno #second .container .left img, .page-template-template-impegno #third .container .left img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: 10px;
}
.page-template-template-sostenibilita #second .container .right, .page-template-template-sostenibilita #third .container .right, .page-template-template-impegno #second .container .right, .page-template-template-impegno #third .container .right {
width: calc(67% - 5px);
border-radius: 10px;
background-color: rgba(232, 238, 237, 0.55);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0 110px;
}
.page-template-template-sostenibilita #second .container .right .title, .page-template-template-sostenibilita #third .container .right .title, .page-template-template-impegno #second .container .right .title, .page-template-template-impegno #third .container .right .title {
margin-bottom: 5px;
}
.page-template-template-sostenibilita #second .container .right .title strong, .page-template-template-sostenibilita #third .container .right .title strong, .page-template-template-impegno #second .container .right .title strong, .page-template-template-impegno #third .container .right .title strong {
color: #DC8444;
}
.page-template-template-sostenibilita #second .container .right .title h3, .page-template-template-sostenibilita #second .container .right .title p, .page-template-template-sostenibilita #third .container .right .title h3, .page-template-template-sostenibilita #third .container .right .title p, .page-template-template-impegno #second .container .right .title h3, .page-template-template-impegno #second .container .right .title p, .page-template-template-impegno #third .container .right .title h3, .page-template-template-impegno #third .container .right .title p {
margin: 0;
}
.page-template-template-sostenibilita #second .container .right .info, .page-template-template-sostenibilita #third .container .right .info, .page-template-template-impegno #second .container .right .info, .page-template-template-impegno #third .container .right .info {
margin-top: 35px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-sostenibilita #second .container .right .info .col, .page-template-template-sostenibilita #third .container .right .info .col, .page-template-template-impegno #second .container .right .info .col, .page-template-template-impegno #third .container .right .info .col {
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #second .container .right .info .col:first-child, .page-template-template-sostenibilita #third .container .right .info .col:first-child, .page-template-template-impegno #second .container .right .info .col:first-child, .page-template-template-impegno #third .container .right .info .col:first-child {
margin-right: 100px;
}
.page-template-template-sostenibilita #second .container .right .info .col img, .page-template-template-sostenibilita #second .container .right .info .col svg, .page-template-template-sostenibilita #third .container .right .info .col img, .page-template-template-sostenibilita #third .container .right .info .col svg, .page-template-template-impegno #second .container .right .info .col img, .page-template-template-impegno #second .container .right .info .col svg, .page-template-template-impegno #third .container .right .info .col img, .page-template-template-impegno #third .container .right .info .col svg {
height: 80px;
object-fit: contain;
object-position: bottom;
display: block;
}
.page-template-template-sostenibilita #second .container .right .info .col span.label, .page-template-template-sostenibilita #third .container .right .info .col span.label, .page-template-template-impegno #second .container .right .info .col span.label, .page-template-template-impegno #third .container .right .info .col span.label {
margin-top: 20px;
margin-bottom: 15px;
font-size: 30px;
line-height: 34px;
}
.page-template-template-sostenibilita #second .container .right .info .col span.value, .page-template-template-sostenibilita #third .container .right .info .col span.value, .page-template-template-impegno #second .container .right .info .col span.value, .page-template-template-impegno #third .container .right .info .col span.value {
font-size: 70px;
line-height: 75px;
font-weight: bold;
}
.page-template-template-sostenibilita #third .container .left, .page-template-template-impegno #third .container .left {
order: 2;
margin-right: 0;
margin-left: 10px;
}
.page-template-template-sostenibilita #third .container .right, .page-template-template-impegno #third .container .right {
order: 1;
}
.page-template-template-sostenibilita #fourth, .page-template-template-impegno #fourth {
display: block;
margin-bottom: 100px;
}
.page-template-template-sostenibilita #fourth .container, .page-template-template-impegno #fourth .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.page-template-template-sostenibilita #fourth .container .left, .page-template-template-impegno #fourth .container .left {
width: calc(36%);
overflow: hidden;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
background-color: rgba(232, 238, 237, 0.55);
padding: 90px 100px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.page-template-template-sostenibilita #fourth .container .left .title, .page-template-template-impegno #fourth .container .left .title {
margin-bottom: 5px;
}
.page-template-template-sostenibilita #fourth .container .left .title strong, .page-template-template-impegno #fourth .container .left .title strong {
color: #DC8444;
}
.page-template-template-sostenibilita #fourth .container .left .title h3, .page-template-template-sostenibilita #fourth .container .left .title p, .page-template-template-impegno #fourth .container .left .title h3, .page-template-template-impegno #fourth .container .left .title p {
margin: 0;
}
.page-template-template-sostenibilita #fourth .container .right, .page-template-template-impegno #fourth .container .right {
width: calc(64%);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 90px 100px;
background-color: rgba(232, 238, 237, 0.55);
display: flex;
}
.page-template-template-sostenibilita #fourth .container .right .col, .page-template-template-impegno #fourth .container .right .col {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-sostenibilita #fourth .container .right .col:not(:last-child), .page-template-template-impegno #fourth .container .right .col:not(:last-child) {
margin-right: 15px;
}
.page-template-template-sostenibilita #fourth .container .right .col .label, .page-template-template-impegno #fourth .container .right .col .label {
font-size: 24px;
line-height: 25px;
font-weight: bold;
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #fourth .container .right .col .label strong, .page-template-template-impegno #fourth .container .right .col .label strong {
font-size: 70px;
line-height: 70px;
}
.page-template-template-sostenibilita #fourth .container .right .col:last-child .label, .page-template-template-impegno #fourth .container .right .col:last-child .label {
margin-bottom: 25px;
padding-left: 55px;
}
.page-template-template-sostenibilita #last.navigation, .page-template-template-impegno #last.navigation {
display: block;
margin-bottom: 100px;
}
.page-template-template-sostenibilita #last.navigation .container .nav, .page-template-template-impegno #last.navigation .container .nav {
background-color: rgba(232, 238, 237, 0.55);
}
.page-template-template-sostenibilita #fifth, .page-template-template-impegno #fifth {
padding: 0 0px;
margin-bottom: 140px;
}
.page-template-template-sostenibilita #fifth .container, .page-template-template-impegno #fifth .container {
justify-content: space-between;
display: flex;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #fifth .container .image, .page-template-template-impegno #fifth .container .image {
width: 100%;
display: none;
margin-bottom: 28px;
overflow: hidden;
border-radius: 10px;
}
.page-template-template-sostenibilita #fifth .container .image img, .page-template-template-impegno #fifth .container .image img {
border-radius: 10px;
width: 100%;
height: auto;
display: block;
}
.page-template-template-sostenibilita #fifth .container .left, .page-template-template-sostenibilita #fifth .container .right, .page-template-template-impegno #fifth .container .left, .page-template-template-impegno #fifth .container .right {
width: calc(50% - 80px);
flex-basis: calc(50% - 80px);
padding: 0;
background: unset;
display: flex;
flex-direction: column;
}
.page-template-template-sostenibilita #fifth .container .left .title, .page-template-template-sostenibilita #fifth .container .right .title, .page-template-template-impegno #fifth .container .left .title, .page-template-template-impegno #fifth .container .right .title {
margin-bottom: 6px;
}
.page-template-template-impegno #fourth {
padding: 0 100px;
}
.page-template-template-impegno #fourth .container {
justify-content: space-between;
align-items: flex-start;
}
.page-template-template-impegno #fourth .container .left, .page-template-template-impegno #fourth .container .right {
width: calc(50% - 55px);
flex-basis: calc(50% - 55px);
padding: 0;
background: unset;
display: flex;
flex-direction: column;
}
.page-template-template-impegno #fourth .container .left .title, .page-template-template-impegno #fourth .container .right .title {
margin-bottom: 6px;
padding-right: 225px;
}
.page-template-template-qualita #heading {
display: block;
}
.page-template-template-qualita #heading .container {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.page-template-template-qualita #heading .container .left, .page-template-template-qualita #heading .container .right {
width: 50%;
}
.page-template-template-qualita #heading .container .left {
display: flex;
flex-flow: row wrap;
padding-bottom: 40px;
border-bottom: 2px solid #707070;
}
.page-template-template-qualita #heading .container .left .title {
width: 100%;
margin-bottom: 50px;
}
.page-template-template-qualita #heading .container .left .title h1 {
width: 50%;
}
.page-template-template-qualita #heading .container .left .subtitle {
width: calc(100% / 6 * 2);
padding-right: 25px;
}
.page-template-template-qualita #heading .container .left .subtitle p strong {
color: #DC8444;
}
.page-template-template-qualita #heading .container .left .text {
width: calc(100% / 6 * 4);
padding-left: 25px;
}
.page-template-template-qualita #heading .container .right {
padding-left: 150px;
}
.page-template-template-qualita #heading .container .right .image {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.page-template-template-qualita #heading .container .right .image img {
width: 100%;
display: block;
height: auto;
border-radius: 10px;
}
.page-template-template-qualita #first {
display: block;
padding: 0 100px;
margin-top: 150px;
margin-bottom: 130px;
}
.page-template-template-qualita #first .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-qualita #first .container .left {
width: 30%;
}
.page-template-template-qualita #first .container .left .title h2 p {
margin: 0;
}
.page-template-template-qualita #first .container .left .title h2 p strong {
color: #DC8444;
}
.page-template-template-qualita #first .container .right {
width: 70%;
padding-left: 130px;
}
.page-template-template-qualita #first .container .bottom {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
margin-top: 60px;
}
.page-template-template-qualita #first .container .bottom .step {
width: 14vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-qualita #first .container .bottom .step .image {
width: 100%;
min-height: 305px;
display: flex;
align-items: flex-end;
margin-bottom: 30px;
}
.page-template-template-qualita #first .container .bottom .step .image img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-qualita #first .container .bottom .step .name {
padding: 0 37px;
}
.page-template-template-qualita #first .container .bottom .step .name span {
display: block;
text-align: center;
font-weight: bold;
}
.page-template-template-qualita #second {
margin-bottom: 130px;
}
.page-template-template-qualita #second .container .parallax {
width: 100%;
background-color: #ded8c1;
display: flex;
flex-flow: row wrap;
min-height: 450px;
border-radius: 10px;
overflow: hidden;
padding: 60px 140px;
}
.page-template-template-qualita #second .container .parallax .left {
width: 47%;
display: flex;
flex-direction: column;
padding-right: 100px;
}
.page-template-template-qualita #second .container .parallax .left .title {
margin-bottom: 15px;
}
.page-template-template-qualita #second .container .parallax .left .title h2 {
color: #948756;
}
.page-template-template-qualita #second .container .parallax .right {
width: 53%;
}
.page-template-template-qualita #second .container .parallax .right .images {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 80%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left {
width: 55%;
display: flex;
flex-direction: column;
position: relative;
height: 100%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper {
position: absolute;
width: 115%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:first-child {
left: -1vw;
top: -7vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:nth-child(2) {
left: -1vw;
top: 2vw;
right: auto;
transform: unset;
}
.page-template-template-qualita #second .container .parallax .right .images .images-right {
width: 50%;
display: flex;
position: relative;
height: 100%;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper {
position: absolute;
width: 100%;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper:first-child {
left: 0;
top: 0;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper:last-child {
top: unset;
left: unset;
right: unset;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper img.shadow {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.page-template-template-qualita #third {
margin-bottom: 130px;
}
.page-template-template-qualita #third .container .parallax {
width: 100%;
background-color: #f9e0ae;
display: flex;
flex-flow: row wrap;
min-height: 450px;
border-radius: 10px;
overflow: hidden;
padding: 90px 140px;
}
.page-template-template-qualita #third .container .parallax .left {
width: 53%;
position: relative;
}
.page-template-template-qualita #third .container .parallax .left .images {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper {
position: absolute;
width: 58%;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:first-child {
left: -5vw;
top: -17.1vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:nth-child(2) {
left: 50%;
transform: translateX(-50%);
top: -12.6vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:last-child {
right: -4.7vw;
top: -14vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper > div {
position: relative;
z-index: 1;
display: block;
will-change: transform;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper > div.shadow {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.page-template-template-qualita #third .container .parallax .right {
width: 47%;
display: flex;
flex-direction: column;
padding-left: 110px;
}
.page-template-template-qualita #third .container .parallax .right .title {
margin-bottom: 20px;
}
.page-template-template-qualita #third .container .parallax .right .title h2 {
color: #9f754b;
}
.page-template-template-qualita #third .container .parallax .right .link-wrapper {
margin-top: 25px;
}
.page-template-template-qualita #last.navigation {
display: block;
margin-bottom: 100px;
}
.page-template-template-qualita #last.navigation .container .nav {
background-color: #f2ede8;
}
.page-template-template-produzione #heading {
display: block;
}
.page-template-template-produzione #heading .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 80px;
}
.page-template-template-produzione #heading .container .left, .page-template-template-produzione #heading .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
}
.page-template-template-produzione #heading .container .left {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-produzione #heading .container .left p {
margin: 0;
}
.page-template-template-produzione #heading .container .left .title {
margin-bottom: 15px;
}
.page-template-template-produzione #heading .container .right {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
position: relative;
padding-bottom: 40px;
margin-bottom: -40px;
}
.page-template-template-produzione #heading .container .right p:last-child {
margin-bottom: 0;
}
.page-template-template-produzione #heading .container .right .text-intro {
max-width: 11.1vw;
width: 100%;
margin-right: 90px;
}
.page-template-template-produzione #heading .container .right .text-intro p {
font-weight: bold;
margin: 0;
}
.page-template-template-produzione #heading .container .right .text-intro p strong {
color: #DC8444;
}
.page-template-template-produzione #heading .container .right .text {
display: block;
max-width: calc(100% - 11.1vw - 90px);
}
.page-template-template-produzione #heading .container .right .text p:first-child {
margin-top: 0;
}
.page-template-template-produzione #heading .container .right::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #707070;
}
.page-template-template-produzione #first {
display: block;
}
.page-template-template-produzione #first .container {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.page-template-template-produzione #first .container .left, .page-template-template-produzione #first .container .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-produzione #first .container .left {
padding-right: 180px;
}
.page-template-template-produzione #first .container .right .image {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.page-template-template-produzione #first .container .right .image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: 10px;
}
.page-template-template-produzione #second {
display: block;
}
.page-template-template-produzione #second .container {
position: relative;
width: 100%;
min-height: 83vw;
}
.page-template-template-produzione #second .container .timeline {
position: absolute;
left: 40px;
top: -150px;
z-index: 999999;
}
.page-template-template-produzione #second .container .timeline svg {
max-width: 100%;
object-fit: contain;
height: auto;
display: block;
overflow: visible !important;
}
.page-template-template-produzione #second .container .timeline svg #stop1, .page-template-template-produzione #second .container .timeline svg #stop2, .page-template-template-produzione #second .container .timeline svg #stop3, .page-template-template-produzione #second .container .timeline svg #stop4 {
visibility: hidden;
}
.page-template-template-produzione #second .container .timeline-mobile {
display: none;
}
.page-template-template-produzione #second .container .steps {
width: 100%;
padding: 0 90px 0 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-produzione #second .container .steps .step {
width: 29vw;
display: flex;
flex-direction: column;
}
.page-template-template-produzione #second .container .steps .step .image {
width: 100%;
margin-bottom: 30px;
overflow: hidden;
border-radius: 10px;
}
.page-template-template-produzione #second .container .steps .step .image img {
width: 100%;
height: auto;
border-radius: 10px;
display: block;
}
.page-template-template-produzione #second .container .steps .step .content {
padding-right: 25px;
position: relative;
}
.page-template-template-produzione #second .container .steps .step .content .text {
padding-right: 120px;
}
.page-template-template-produzione #second .container .steps .step .content .title {
margin-bottom: 5px;
}
.page-template-template-produzione #second .container .steps .step .content .icon {
position: absolute;
top: -5px;
left: -80px;
}
.page-template-template-produzione #second .container .steps .step .content .icon img, .page-template-template-produzione #second .container .steps .step .content .icon svg {
display: block;
}
.page-template-template-produzione #second .container .steps .step:first-child {
margin-left: 110px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(2) {
margin-left: auto;
margin-top: -410px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(3) {
margin-left: 220px;
margin-top: -150px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(4) {
margin-left: auto;
margin-top: -240px;
}
.page-template-template-produzione #last {
margin-top: 150px;
}
.page-template-template-impegno #heading .container .image img, .page-template-template-impegno #heading .container .image picture {
height: 111%;
object-fit: cover;
}
.page-template-template-impegno #heading .container .text .paragraph {
max-width: 40vw;
}
.page-template-template-impegno #first .container .title {
padding-right: 5vw;
}
.page-template-template-impegno #second {
display: block;
margin: 100px 0;
}
.page-template-template-impegno #second .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-impegno #second .container .top {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 80px;
}
.page-template-template-impegno #second .container .top h3 {
max-width: 57vw;
text-align: center;
position: relative;
padding-bottom: 70px;
}
.page-template-template-impegno #second .container .top h3 strong {
color: #DC8444;
}
.page-template-template-impegno #second .container .top h3::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 134px;
height: 22px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/sketch.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.page-template-template-impegno #second .container .bottom {
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
}
.page-template-template-impegno #second .container .bottom .image {
border-radius: 10px;
overflow: hidden;
}
.page-template-template-impegno #second .container .bottom .image img {
display: block;
border-radius: 10px;
}
.page-template-template-impegno #values {
display: block;
margin: 0;
margin-bottom: 140px;
padding: 0 100px;
}
.page-template-template-impegno #values .container {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page-template-template-impegno #values .container .left, .page-template-template-impegno #values .container .center, .page-template-template-impegno #values .container .right, .page-template-template-impegno #values .container .bottom {
width: calc(100% / 3);
display: flex;
}
.page-template-template-impegno #values .container .left h4, .page-template-template-impegno #values .container .center h4, .page-template-template-impegno #values .container .right h4, .page-template-template-impegno #values .container .bottom h4 {
margin: 0;
}
.page-template-template-impegno #values .container .left h4 p, .page-template-template-impegno #values .container .center h4 p, .page-template-template-impegno #values .container .right h4 p, .page-template-template-impegno #values .container .bottom h4 p {
margin: 0;
}
.page-template-template-impegno #values .container .left, .page-template-template-impegno #values .container .right, .page-template-template-impegno #values .container .bottom {
flex-direction: column;
justify-content: flex-start;
}
.page-template-template-impegno #values .container .left .title, .page-template-template-impegno #values .container .right .title, .page-template-template-impegno #values .container .bottom .title {
margin-bottom: 0px;
}
.page-template-template-impegno #values .container .left .title strong, .page-template-template-impegno #values .container .right .title strong, .page-template-template-impegno #values .container .bottom .title strong {
color: #DC8444;
}
.page-template-template-impegno #values .container .left {
align-items: flex-end;
margin-top: -160px;
}
.page-template-template-impegno #values .container .left .text p {
text-align: right;
}
.page-template-template-impegno #values .container .right {
padding-top: 25px;
}
.page-template-template-impegno #values .container .center {
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-impegno #values .container .center img, .page-template-template-impegno #values .container .center svg {
display: block;
overflow: visible !important;
}
.page-template-template-impegno #values .container .center img g, .page-template-template-impegno #values .container .center svg g {
overflow: visible !important;
}
.page-template-template-impegno #values .container .bottom {
align-items: center;
width: 44%;
margin-top: 13px;
}
.page-template-template-impegno #values .container .bottom h4, .page-template-template-impegno #values .container .bottom p {
text-align: center;
}
.page-template-template-impegno #last.navigation .container .nav {
background-color: #f2ede8;
}
.page-template-template-horeca #heading {
display: block;
}
.page-template-template-horeca #heading .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-horeca #heading .container .left, .page-template-template-horeca #heading .container .right {
width: 50%;
display: flex;
flex-direction: column;
}
.page-template-template-horeca #heading .container .left h2 p, .page-template-template-horeca #heading .container .left h3 p, .page-template-template-horeca #heading .container .right h2 p, .page-template-template-horeca #heading .container .right h3 p {
margin: 0;
}
.page-template-template-horeca #heading .container .left h2 p strong, .page-template-template-horeca #heading .container .left h3 p strong, .page-template-template-horeca #heading .container .right h2 p strong, .page-template-template-horeca #heading .container .right h3 p strong {
color: #DC8444;
}
.page-template-template-horeca #heading .container .left {
padding-right: 80px;
}
.page-template-template-horeca #heading .container .left .title {
margin-bottom: 10px;
}
.page-template-template-horeca #heading .container .left .text {
margin-bottom: 50px;
margin-top: 7px;
}
.page-template-template-horeca #heading .container .left .image {
width: calc(100% + 10.4vw);
margin-left: -10.4vw;
border-radius: 10px;
overflow: hidden;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.page-template-template-horeca #heading .container .left .image img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.page-template-template-horeca #heading .container .right {
padding-left: 80px;
padding-top: 66px;
}
.page-template-template-horeca #heading .container .right > .title {
width: 60%;
margin-bottom: 60px;
}
.page-template-template-horeca #heading .container .right > .title h2 {
line-height: 46px;
}
.page-template-template-horeca #heading .container .right .box {
width: 100%;
display: flex;
flex-direction: column;
}
.page-template-template-horeca #heading .container .right .box:last-child {
margin-top: 60px;
}
.page-template-template-horeca #heading .container .right .box .content {
padding-left: 30px;
border-left: 2px solid #707070;
display: flex;
flex-direction: column;
padding-right: 180px;
}
.page-template-template-horeca #heading .container .right .box .content .intro {
margin-bottom: 5px;
}
.page-template-template-horeca #heading .container .right .box .row {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
padding-right: 0px;
padding-left: 30px;
margin-top: 25px;
}
.page-template-template-horeca #heading .container .right .box .row .col {
width: calc(100% / 3);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 50px;
}
.page-template-template-horeca #heading .container .right .box .row .col .image {
margin-bottom: 15px;
}
.page-template-template-horeca #heading .container .right .box .row .col .image img {
display: block;
}
.page-template-template-horeca #heading .container .right .box .row .col .text span {
font-weight: bold;
text-align: left;
font-weight: bold;
}
.page-template-template-horeca #first {
display: block;
margin: 150px 0;
}
.page-template-template-horeca #first .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-horeca #first .container .left {
width: calc(65%);
display: flex;
flex-flow: row wrap;
}
.page-template-template-horeca #first .container .left .image:first-child {
width: calc(40% - 10px);
margin-right: 10px;
}
.page-template-template-horeca #first .container .left .image:last-child {
width: 60%;
}
.page-template-template-horeca #first .container .left .image {
overflow: hidden;
border-radius: 10px;
}
.page-template-template-horeca #first .container .left .image div {
border-radius: 10px;
overflow: hidden;
display: block;
}
.page-template-template-horeca #first .container .left .image img {
width: 102%;
display: block;
border-radius: 10px;
object-fit: cover;
}
.page-template-template-horeca #first .container .right {
width: calc(35%);
padding-left: 100px;
display: flex;
flex-direction: column;
}
.page-template-template-horeca #first .container .right .title {
margin-bottom: 7px;
}
.page-template-template-horeca #first .container .right .title h2 {
line-height: 46px;
}
.page-template-template-horeca #first .container .right .text {
margin-bottom: 7px;
}
.page-template-template-horeca #second {
display: block;
margin-bottom: 130px;
}
.page-template-template-horeca #second .image {
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
.page-template-template-horeca #second .image img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-horeca #second .text {
position: absolute;
top: 10vw;
left: 5vw;
width: 20vw;
}
.page-template-template-horeca #second .text::before {
content: "";
position: absolute;
left: 0;
bottom: -60px;
width: 134px;
height: 22px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/sketch.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.page-template-template-horeca #second .text h3 {
color: #fff;
}
.page-template-template-horeca #third {
display: block;
margin-bottom: 130px;
}
.page-template-template-horeca #third .container {
display: flex;
flex-direction: column;
}
.page-template-template-horeca #third .container .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 130px;
}
.page-template-template-horeca #third .container .title h2 {
line-height: 46px;
text-align: center;
}
.page-template-template-horeca #third .container .title h2 p {
margin: 0;
}
.page-template-template-horeca #third .container .title h2 p strong {
color: #DC8444;
}
.product-slider-wrapper {
width: 100%;
height: 31.25vw;
position: relative;
display: block;
}
.product-slider-wrapper .navigation {
min-width: 370px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.product-slider-wrapper .navigation .navigation-selector {
width: 100%;
height: 55px;
background: #fff;
border-radius: 10px;
position: absolute;
left: 0;
top: 0;
transition: transform 0.3s ease;
z-index: 0;
}
.product-slider-wrapper .navigation .navigation-item {
width: 100%;
padding-left: 70px;
height: 55px;
position: relative;
z-index: 2;
transition: all 0.25s ease 0.18s;
display: flex;
align-items: center;
cursor: pointer;
}
.product-slider-wrapper .navigation .navigation-item span {
display: block;
font-size: 20px;
line-height: 20px;
font-weight: 400;
transition: all 0.25s ease 0.18s;
position: relative;
z-index: 1;
cursor: pointer;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] {
padding-left: 25px;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] span {
font-size: 28px;
font-weight: bold;
line-height: 28px;
cursor: auto;
}
.product-slider-wrapper .product-slider {
width: 100%;
height: 100%;
z-index: 2;
position: relative;
}
.product-slider-wrapper .product-slider .slides {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.product-slider-wrapper .product-slider .slides .slide-item {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 50px;
transition: opacity 0.3s ease;
}
.product-slider-wrapper .product-slider .slides .slide-item .image {
display: flex;
align-items: center;
justify-content: center;
max-width: 65%;
margin-bottom: 0px;
}
.product-slider-wrapper .product-slider .slides .slide-item .image img {
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.product-slider-wrapper .product-slider .slides .slide-item .text {
width: 32vw;
display: flex;
align-items: flex-start;
justify-content: center;
}
.product-slider-wrapper .product-slider .slides .slide-item .text p {
display: block;
text-align: center;
font-size: 18px;
line-height: 22px;
}
.product-slider-wrapper .product-slider .slides .slide-item .link-wrapper {
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.product-slider-wrapper .product-slider .slides .slide-item:not([data-current="true"]) {
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
transition: opacity 0s ease;
}
.product-slider-wrapper .overlay {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask-full.png);
mask-repeat: no-repeat;
mask-position: center;
background-color: #d9d1ca;
-webkit-mask-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/mask-full.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: cover;
border-radius: 10px;
left: 0;
top: 0;
}
.page-template-template-vending #heading .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-vending #heading .container .left, .page-template-template-vending #heading .container .right {
width: 50%;
}
.page-template-template-vending #heading .container .left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-right: 10.4vw;
}
.page-template-template-vending #heading .container .left .title {
margin-bottom: 20px;
}
.page-template-template-vending #heading .container .left .sub, .page-template-template-vending #heading .container .left .text {
padding-right: 100px;
}
.page-template-template-vending #heading .container .left .text {
padding-bottom: 25px;
border-bottom: 2px solid #707070;
}
.page-template-template-vending #heading .container .left .intro {
margin-top: 40px;
margin-bottom: 40px;
padding-right: 150px;
}
.page-template-template-vending #heading .container .left .intro h2 {
line-height: 46px;
}
.page-template-template-vending #heading .container .left .intro h2 p {
margin: 0;
}
.page-template-template-vending #heading .container .left .intro h2 p strong {
color: #DC8444;
}
.page-template-template-vending #heading .container .left .indicazioni {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.page-template-template-vending #heading .container .left .indicazioni .col {
width: calc(100% / 3);
padding-right: 50px;
margin-bottom: 30px;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.page-template-template-vending #heading .container .left .indicazioni .col .desc {
margin-top: 8px;
}
.page-template-template-vending #heading .container .left .indicazioni .col .desc span {
font-weight: bold;
display: block;
}
.page-template-template-vending #heading .container .right .image {
overflow: hidden;
border-radius: 10px;
}
.page-template-template-vending #heading .container .right .image img {
width: 100%;
height: auto;
border-radius: 10px;
}
.page-template-template-vending #first {
margin-top: 120px;
}
.page-template-template-vending #first .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-vending #first .container .left {
width: 40%;
padding-right: 10.4vw;
}
.page-template-template-vending #first .container .left .image {
overflow: hidden;
margin-left: -10.4vw;
}
.page-template-template-vending #first .container .left .image img {
width: 100%;
height: auto;
}
.page-template-template-vending #first .container .right {
width: 60%;
display: flex;
flex-direction: column;
}
.page-template-template-vending #first .container .right .title {
width: 45%;
}
.page-template-template-vending #first .container .right .title h2 {
line-height: 46px;
margin-bottom: 15px;
}
.page-template-template-vending #first .container .right .text {
width: 70%;
}
.page-template-template-vending #first .container .right .gusti {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.page-template-template-vending #first .container .right .gusti .gusto {
width: calc(100% / 3);
display: flex;
flex-direction: column;
}
.page-template-template-vending #first .container .right .gusti .gusto .image {
margin-bottom: 20px;
}
.page-template-template-vending #first .container .right .gusti .gusto .image img {
display: block;
width: 100%;
height: auto;
}
.page-template-template-vending #first .container .right .gusti .gusto .text {
padding-left: 40px;
border-left: 2px solid #707070;
margin-left: 45px;
display: flex;
flex-direction: column;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span {
font-weight: bold;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span.value {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span.value strong {
font-size: 70px;
line-height: 65px;
color: #DC8444;
margin-right: 10px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text .label {
text-transform: uppercase;
display: block;
font-size: 20px;
line-height: 20px;
}
.page-template-template-vending #second {
margin-top: 80px;
margin-bottom: 120px;
}
.page-template-template-vending #second .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-vending #second .container .left, .page-template-template-vending #second .container .right {
width: 50%;
}
.page-template-template-vending #second .container .left {
display: flex;
flex-direction: column;
padding-right: 80px;
}
.page-template-template-vending #second .container .left .title {
width: 50%;
}
.page-template-template-vending #second .container .left .title h2 {
line-height: 46px;
margin-bottom: 8px;
}
.page-template-template-vending #second .container .left .text {
width: 80%;
margin-bottom: 80px;
}
.page-template-template-vending #second .container .left .image {
width: 100%;
}
.page-template-template-vending #second .container .left .image img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-vending #second .container .right {
display: flex;
flex-direction: column;
}
.page-template-template-vending #second .container .right .image {
width: 100%;
}
.page-template-template-vending #second .container .right .image img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-vending #second .container .right .gusti {
width: 100%;
display: flex;
flex-flow: row wrap;
margin-top: 80px;
}
.page-template-template-vending #second .container .right .gusti .gusto {
width: calc(100% / 3);
display: flex;
flex-direction: column;
}
.page-template-template-vending #second .container .right .gusti .gusto .text {
padding-left: 40px;
border-left: 2px solid #707070;
display: flex;
flex-direction: column;
}
.page-template-template-vending #second .container .right .gusti .gusto .text span {
font-weight: bold;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.page-template-template-vending #second .container .right .gusti .gusto .text span.value {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.page-template-template-vending #second .container .right .gusti .gusto .text span.value strong {
font-size: 70px;
line-height: 65px;
color: #DC8444;
margin-right: 10px;
}
.page-template-template-vending #second .container .right .gusti .gusto .text .label {
text-transform: uppercase;
display: block;
font-size: 20px;
line-height: 20px;
}
.page-template-template-vending #third {
display: block;
margin-bottom: 130px;
}
.page-template-template-vending #third .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-vending #third .container .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 35px;
}
.page-template-template-vending #third .container .title h2 {
line-height: 46px;
text-align: center;
}
.page-template-template-vending #third .container .title h2 p {
margin: 0;
}
.page-template-template-vending #third .container .title h2 p strong {
color: #DC8444;
}
.page-template-template-vending #third .container > .text {
max-width: 75%;
margin: 0 auto;
margin-bottom: 150px;
}
.page-template-template-vending #third .container > .text p {
text-align: center;
}
.page-template-template-gdo #heading {
display: block;
}
.page-template-template-gdo #heading .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: flex-start;
margin-bottom: 130px;
}
.page-template-template-gdo #heading .container .left, .page-template-template-gdo #heading .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
}
.page-template-template-gdo #heading .container .left {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-gdo #heading .container .left p {
margin: 0;
}
.page-template-template-gdo #heading .container .left .title {
margin-bottom: 15px;
}
.page-template-template-gdo #heading .container .right {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-end;
position: relative;
padding-bottom: 40px;
margin-bottom: -40px;
}
.page-template-template-gdo #heading .container .right p:last-child {
margin-bottom: 0;
}
.page-template-template-gdo #heading .container .right .text-intro {
max-width: 11.1vw;
width: 100%;
margin-right: 90px;
}
.page-template-template-gdo #heading .container .right .text-intro p {
font-weight: bold;
}
.page-template-template-gdo #heading .container .right .text {
display: block;
max-width: calc(100% - 11.1vw - 90px);
}
.page-template-template-gdo #heading .container .right::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #707070;
}
.page-template-template-gdo #first {
margin-bottom: 130px;
}
.page-template-template-gdo #first .container {
display: block;
}
.page-template-template-gdo #first .container .wrapper {
position: relative;
width: 100%;
}
.page-template-template-gdo #first .container .wrapper .image {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.page-template-template-gdo #first .container .wrapper .image img {
width: 100%;
display: block;
height: auto;
border-radius: 10px;
}
.page-template-template-gdo #first .container .wrapper .title {
position: absolute;
left: 12.5vw;
top: 5.2vw;
max-width: 22.5vw;
}
.page-template-template-gdo #first .container .wrapper .title h2 {
line-height: 46px;
}
.page-template-template-gdo #second {
margin-bottom: 0px;
}
.page-template-template-gdo #second .container {
display: block;
}
.page-template-template-gdo #second .container .info-wrapper {
width: 100%;
padding: 0 100px;
display: flex;
flex-flow: row wrap;
}
.page-template-template-gdo #second .container .info-wrapper .info {
width: calc(100% / 2 - 100px);
margin-bottom: 100px;
display: flex;
flex-direction: column;
}
.page-template-template-gdo #second .container .info-wrapper .info:not(:nth-child(2n)) {
margin-right: 200px;
}
.page-template-template-gdo #second .container .info-wrapper .info .image {
width: 100%;
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
}
.page-template-template-gdo #second .container .info-wrapper .info .image img {
width: 100%;
display: block;
height: auto;
border-radius: 10px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .title {
margin-bottom: 5px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .text {
padding-right: 150px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .icon {
position: absolute;
left: -80px;
top: -5px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .icon img {
display: block;
}
.page-template-template-gdo #second .container .info-wrapper .info:nth-child(2) {
margin-top: 160px;
}
.page-template-template-gdo #second .container .info-wrapper .info:nth-child(3) {
margin-top: -90px;
}
.page-template-template-gdo #third {
display: block;
margin-bottom: 130px;
}
.page-template-template-gdo #third .container {
display: flex;
flex-direction: column;
}
.page-template-template-gdo #third .container .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 130px;
}
.page-template-template-gdo #third .container .title h2 {
line-height: 46px;
text-align: center;
}
.page-template-template-gdo #third .container .title h2 p {
margin: 0;
}
.page-template-template-gdo #third .container .title h2 p strong {
color: #DC8444;
}
.page-template-template-gdo #extra {
padding: 0 100px;
margin-bottom: 130px;
}
.page-template-template-gdo #extra .container {
display: flex;
flex-direction: column;
}
.page-template-template-gdo #extra .container .title {
margin-bottom: 10px;
position: relative;
}
.page-template-template-gdo #extra .container .icon {
position: absolute;
left: -95px;
top: -23px;
}
.page-template-template-gdo #extra .container .icon img {
display: block;
width: 88px;
height: 88px;
object-fit: contain;
}
.page-template-template-gdo #extra .container .text {
max-width: 30vw;
}
.page-template-template-contatti #heading {
margin-bottom: 70px;
}
.page-template-template-contatti #heading .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-contatti #heading .container .col {
width: calc(25%);
padding-left: 130px;
display: flex;
flex-direction: column;
position: relative;
}
.page-template-template-contatti #heading .container .col .text {
min-height: 70px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.page-template-template-contatti #heading .container .col .text p {
margin: 0;
}
.page-template-template-contatti #heading .container .col .text p, .page-template-template-contatti #heading .container .col .text a {
font-size: 24px;
line-height: 30px;
}
.page-template-template-contatti #heading .container .col::before {
width: 2px;
height: 100%;
background: #707070;
top: 0;
left: 100px;
position: absolute;
content: "";
}
.page-template-template-contatti #heading .container .col:first-child {
width: 50%;
padding-left: 0;
}
.page-template-template-contatti #heading .container .col:first-child::before {
left: -30px;
}
.page-template-template-contatti #heading .container .col:last-child a {
position: relative;
}
.page-template-template-contatti #heading .container .col:last-child a::before {
content: "";
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/arrow-link.svg);
background-repeat: no-repeat;
background-size: cover;
}
.page-template-template-contatti #first {
margin-bottom: 80px;
}
.page-template-template-contatti #first #map {
height: 300px;
border-radius: 10px;
}
.page-template-template-contatti #second {
margin-bottom: 130px;
}
.page-template-template-contatti #second .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-contatti #second .container .title {
margin-bottom: 20px;
}
.page-template-template-contatti #second .container .title h2 {
line-height: 46px;
}
.page-template-template-contatti #second .container .link-wrapper {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.page-template-template-contatti #second .container .link-wrapper span, .page-template-template-contatti #second .container .link-wrapper a {
font-weight: bold;
}
.page-template-template-contatti #second .container .link-wrapper .arrow-button {
cursor: pointer;
margin-top: -55px;
}
.gform_wrapper {
width: 100%;
}
.gform_wrapper input:not([type="checkbox"]), .gform_wrapper select {
height: 60px;
background: transparent;
border-radius: 10px;
border: 2px solid #c5bcb4;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 20px;
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 24px !important;
line-height: 24px !important;
color: #585857;
}
.gform_wrapper input:not([type="checkbox"])::placeholder, .gform_wrapper select::placeholder {
font-size: 24px;
line-height: 24px;
color: #585857;
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
}
.gform_wrapper textarea {
height: 230px;
background: transparent;
border-radius: 10px;
border: 2px solid #c5bcb4;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 20px;
padding-top: 20px;
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 24px !important;
line-height: 24px !important;
color: #585857;
}
.gform_wrapper textarea::placeholder {
font-size: 24px;
line-height: 24px;
color: #585857;
font-family: "Switzer";
font-weight: normal;
font-style: normal;
font-display: swap;
}
.gform_wrapper input[type="submit"] {
opacity: 0;
position: absolute;
right: -999999999999999px;
top: -10000000000000000px;
visibility: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.gform_wrapper input.completed, .gform_wrapper select.completed, .gform_wrapper textarea.completed {
border-color: #25c535;
}
.gform_wrapper .gfield_required {
display: none;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
display: none !important;
}
.gfield_validation_message {
background: none !important;
padding: 0 !important;
margin: 0 !important;
padding-left: 20px !important;
margin-top: 7px !important;
font-size: 13px !important;
line-height: 14px !important;
border: 0 !important;
}
.page-template-template-grazie #heading .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 60vh;
}
.page-template-template-grazie #heading .container .title {
margin-bottom: 10px;
}
.page-template-template-grazie #heading .container .title h1 {
font-size: 90px;
line-height: 95px;
color: #DC8444;
text-transform: uppercase;
}
.page-template-template-grazie #heading .container .sub {
margin-bottom: 130px;
}
.page-template-template-grazie #heading .container .link-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-touch-device.wpml-ls-legacy-list-horizontal {
display: none !important;
}
.otgs-development-site-front-end {
display: none !important;
}
footer#colophon .footer-bottom-content {
display: flex;
flex-flow: row wrap;
}
footer#colophon .footer-bottom-content span:not(:first-child) {
padding-left: 35px;
}
.page-template-template-bando #heading {
margin-bottom: 40px;
margin-top: 100px;
}
.page-template-template-bando #heading .container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-bottom: 50px;
}
.page-template-template-bando #heading .container .image {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-bando #heading .container .image img {
width: auto;
height: auto;
display: block;
}
.page-template-template-bando #heading .container::before {
content: "";
position: absolute;
height: 50px;
width: 100vw;
left: 0;
bottom: 0;
background: linear-gradient(#1c8050, #1b375e);
}
.page-template-template-bando #first {
margin: 20px 0 120px;
}
.page-template-template-bando #first .container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 95px;
}
.page-template-template-bando #first .container .iso {
position: absolute;
left: 14vw;
top: 0;
}
.page-template-template-bando #first .container .iso span {
font-weight: 20px;
line-height: 20px;
font-weight: bold;
}
.page-template-template-bando #first .container .title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.page-template-template-bando #first .container .title h2 {
font-size: 24px;
line-height: 28px;
text-align: center;
}
.page-template-template-bando #first .container .title h1 {
text-align: center;
margin: 15px 0 33px;
}
.page-template-template-bando #first .container .title h3 {
max-width: 70%;
text-align: center;
display: block;
font-size: 24px;
line-height: 30px;
}
.page-template-template-bando #first .container .text {
text-align: center;
max-width: 70vw;
}
.page-template-template-bando #first .container .text strong {
display: block;
text-align: center;
font-size: 27px;
line-height: 33px;
margin-bottom: 20px;
}
.page-template-template-bando #first .container .text p {
text-align: center;
}
.page-template-template-bando #first .container .last {
margin-top: 55px;
}
.page-template-template-bando #first .container .last span {
display: block;
font-weight: bold;
font-style: italic;
font-size: 22px;
line-height: 26px;
}
.page-template-template-bando #first .container::before {
content: "";
position: absolute;
height: 50px;
width: 100vw;
left: 0;
bottom: 0;
background: linear-gradient(#1c8050, #1b375e);
}
.site-logo.white {
display: none;
}
.post-type-archive-bruschette div#breadcrumbs span, .post-type-archive-bruschette div#breadcrumbs a, .single-bruschette.light div#breadcrumbs span, .single-bruschette.light div#breadcrumbs a {
color: #fff !important;
}
.post-type-archive-bruschette .site-logo:not(.white), .single-bruschette.light .site-logo:not(.white) {
display: none;
}
.post-type-archive-bruschette .site-logo.white, .single-bruschette.light .site-logo.white {
display: block;
}
.post-type-archive-bruschette header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) > a, .post-type-archive-bruschette header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) > span, .single-bruschette.light header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) > a, .single-bruschette.light header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) > span {
background-image: linear-gradient(to top, #585857, #585857 50%, #fff 50%);
}
.post-type-archive-posizioni-aperte #heading {
display: block;
margin-bottom: 65px;
}
.post-type-archive-posizioni-aperte #first .container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 70px !important;
}
.post-type-archive-posizioni-aperte #first .container .title {
margin-bottom: 25px;
}
.post-type-archive-posizioni-aperte #first .container .jobs {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position {
width: calc(100% / 2 - 60px);
flex-basis: calc(100% / 2 - 60px);
min-height: 14vw;
border-radius: 10px;
background-color: #d9d1ca;
padding: 30px;
display: flex;
flex-direction: column;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position:not(:nth-child(2n)) {
margin-right: 120px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position > div {
padding-left: 40px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .label span {
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: uppercase;
display: block;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .name {
margin: 10px 0 0px;
position: relative;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .name::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 31px;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/icona-candidatura.svg);
background-repeat: no-repeat;
background-size: contain;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .description {
margin-bottom: 25px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .link-wrapper {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.single-posizioni-aperte #heading {
margin-bottom: 50px;
}
.single-posizioni-aperte #heading .container {
display: flex;
flex-flow: row wrap;
}
.single-posizioni-aperte #heading .container .left, .single-posizioni-aperte #heading .container .right {
width: 50%;
flex-basis: 50%;
}
.single-posizioni-aperte #heading .container .left {
display: flex;
flex-direction: column;
padding-right: 50px;
}
.single-posizioni-aperte #heading .container .left .label {
padding-left: 60px;
}
.single-posizioni-aperte #heading .container .left .label span {
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: uppercase;
display: block;
}
.single-posizioni-aperte #heading .container .left .title {
margin-top: 5px;
position: relative;
padding-left: 60px;
}
.single-posizioni-aperte #heading .container .left .title::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 37px;
height: 46px;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/icona-candidatura.svg);
background-repeat: no-repeat;
background-size: contain;
}
.single-posizioni-aperte #heading .container .right {
position: relative;
padding-left: 30px;
margin-top: 35px;
display: flex;
flex-direction: column;
}
.single-posizioni-aperte #heading .container .right::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 60%;
background: #707070;
}
.single-posizioni-aperte #heading .container .right h2 {
color: #DC8444;
font-weight: bold;
margin-bottom: 4px;
}
.single-posizioni-aperte #heading .container .right .text {
margin-bottom: 35px;
}
.single-posizioni-aperte #first {
margin-bottom: 90px;
}
.single-posizioni-aperte #first .container {
display: flex;
flex-direction: column;
}
.single-posizioni-aperte #first .container h2 {
color: #DC8444;
font-weight: bold;
margin-bottom: 4px;
}
.single-posizioni-aperte #second {
margin-bottom: 90px;
}
.single-posizioni-aperte #second .container {
display: flex;
flex-flow: row wrap;
}
.single-posizioni-aperte #second .container .left, .single-posizioni-aperte #second .container .right {
display: flex;
flex-direction: column;
padding-left: 30px;
border-left: 2px solid #707070;
width: calc(50%);
padding-right: 160px;
}
.single-posizioni-aperte #second .container .left h2, .single-posizioni-aperte #second .container .right h2 {
color: #DC8444;
font-weight: bold;
margin-bottom: 4px;
}
.single-posizioni-aperte #second .container .right {
margin-left: 40px;
margin-right: -40px;
}
#candidatura .container {
display: flex;
flex-direction: column;
}
#candidatura .container h3 {
margin-bottom: 20px;
}
#candidatura .container .link-wrapper {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
#candidatura .container .link-wrapper span, #candidatura .container .link-wrapper a {
font-weight: bold;
}
#candidatura .container .link-wrapper .arrow-button {
cursor: pointer;
margin-top: -55px;
}
#candidatura .container .ginput_container.ginput_container_fileupload input {
display: flex;
align-items: center;
justify-content: flex-start;
height: auto;
padding: 20px;
}
#candidatura .container .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, #candidatura .container .gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
display: none;
}
#candidatura .container .gform_fileupload_rules {
padding-top: 0 !important;
}
#candidatura .container .gform_wrapper.gravity-theme .gfield_required {
display: none;
}
.single-piatti-pronti .section-top {
margin-top: 135px;
}
.single-piatti-pronti #heading .container .left:not(.-bottom), .single-piatti-pronti #heading .container .right:not(.-bottom) {
margin-top: 130px;
}
.error404 #content {
min-height: unset;
}
.error404 #heading {
height: calc(100vh);
display: block;
margin-top: 0px;
}
.error404 #heading .container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
}
.error404 #heading .container .tutorial {
position: absolute;
top: 210px;
left: 55%;
pointer-events: none;
z-index: 9999;
opacity: 0;
animation: handMoving 1.5s ease 1.5s infinite alternate;
}
.error404 #heading .container .tutorial img {
display: block;
object-fit: contain;
}
.error404 #heading .container .game-info {
width: 100%;
height: 100%;
position: fixed;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 80px;
z-index: -1;
bottom: 0;
left: 0;
}
.error404 #heading .container .game-info h2 {
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
font-weight: bold;
text-transform: uppercase;
font-size: 70px;
line-height: 75px;
text-align: center;
}
.error404 #heading .container .text-wrapper {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
pointer-events: none;
}
.error404 #heading .container .text-wrapper .char span {
font-size: 550px;
line-height: 550px;
color: #DC8444;
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
font-weight: bold;
}
.error404 #heading .container .text-wrapper .zero {
width: 400px;
height: 550px;
display: block;
position: relative;
}
.error404 #heading .container .text-wrapper .zero > picture {
display: block;
}
.error404 #heading .container .text-wrapper .zero > picture:not(.active) {
display: none;
}
.error404 #heading .container .text-wrapper .zero > picture img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.error404 #heading .container .text-wrapper .zero > img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
display: block;
width: auto;
height: 100%;
}
.error404 #heading .container .text-wrapper .zero > img:not(.active) {
display: none;
}
.error404 #heading .container .text-wrapper .zero .counter {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
}
.error404 #heading .container .text-wrapper .zero .counter span.value, .error404 #heading .container .text-wrapper .zero .counter span.goal {
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
font-weight: bold;
color: #DC8444;
font-size: 40px;
line-height: 40px;
}
.error404 #heading .container .text-wrapper .zero .counter span.sep {
margin: 0 12px;
}
.error404 #heading .container .text-wrapper .zero .counter span.sep img {
display: block;
}
.error404 #heading .container .canvas {
position: fixed;
left: 0;
top: 0;
z-index: 0;
height: 100%;
width: 100%;
pointer-events: auto;
}
.error404 #heading .container #game-completed {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: transform 0.4s ease, opacity 0.23s ease;
}
.error404 #heading .container #game-completed h2 {
font-family: "Akrobat";
font-weight: 500;
font-style: normal;
font-display: swap;
color: #DC8444;
font-weight: bold;
margin-bottom: 80px;
font-size: 110px;
line-height: 110px;
text-align: center;
text-transform: uppercase;
}
.error404 #heading .container #game-completed .link-wrapper {
display: block;
text-align: center;
}
.error404 #heading .container #game-completed:not(.active) {
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
transform: scale(0.4);
transform-origin: center;
}
.page-template-template-cataloghi #heading {
display: block;
margin-bottom: 60px;
}
.page-template-template-cataloghi #heading .container {
display: flex;
flex-direction: column;
}
.page-template-template-cataloghi #heading .container .title {
margin-bottom: 10px;
}
.page-template-template-cataloghi #heading .container .text {
max-width: 50%;
}
.page-template-template-cataloghi #first {
display: block;
}
.page-template-template-cataloghi #first .container {
display: flex;
flex-direction: column;
}
.page-template-template-cataloghi #first .container .title-wrapper {
border-bottom: 1px solid #585857;
margin-bottom: 35px;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo {
width: calc(100% / 4 - 60px);
display: block;
margin-bottom: 50px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo:not(:nth-child(4n)) {
margin-right: 80px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .image-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .image-wrapper img, .page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .image-wrapper picture {
width: 100%;
height: auto;
max-height: 30vw;
display: block;
object-fit: contain;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .title {
margin-top: 23px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .title span {
font-size: 24px;
line-height: 30px;
font-weight: bold;
display: block;
text-align: center;
}
.page-template-template-cataloghi .downloadForm {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
z-index: 99999;
top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.page-template-template-cataloghi .downloadForm:not(.active) {
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.page-template-template-cataloghi .downloadForm:not(.active) .overlay {
pointer-events: none;
}
.page-template-template-cataloghi .downloadForm:not(.active) .formWrapper {
transform: scale(0);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.page-template-template-cataloghi .downloadForm:not(.active) .formWrapper * {
visibility: hidden;
}
.page-template-template-cataloghi .downloadForm .overlay {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background: #0000004a;
}
.page-template-template-cataloghi .downloadForm .formWrapper {
position: relative;
z-index: 1;
background: #fff;
padding: 50px;
border-radius: 20px;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.page-template-template-cataloghi .downloadForm .formWrapper h3 {
margin-bottom: 33px;
font-size: 24px;
line-height: 28px;
}
.page-template-template-cataloghi .downloadForm .formWrapper .gfield {
width: 25vw;
}
.page-template-template-cataloghi .downloadForm .formWrapper .gform_footer {
justify-content: center;
padding-bottom: 0;
position: relative;
}
.page-template-template-cataloghi .downloadForm .formWrapper .gform_footer > img {
position: absolute;
top: 103%;
left: 50%;
transform: translateX(-50%);
}
.page-template-template-cataloghi .downloadForm .formWrapper input[type="submit"] {
position: relative;
top: unset;
bottom: unset;
left: unset;
right: unset;
visibility: visible;
width: auto;
height: auto;
opacity: 1;
pointer-events: auto;
padding: 15px 30px;
background: #DC8444;
color: #fff;
text-transform: uppercase;
border-color: #fff;
margin-bottom: 0;
cursor: pointer;
}
.page-template-template-cataloghi .downloadForm .formWrapper input[type="submit"]:hover {
opacity: 0.7;
}
.page-template-template-cataloghi .downloadForm .formWrapper .gfield_required {
display: none;
}
.page-template-template-cataloghi #book {
display: flex;
width: 100%;
min-height: 100vh;
}
.page-template-template-cataloghi #book .container {
display: flex;
flex-direction: column;
padding-top: 150px;
}
.page-template-template-cataloghi #book .container .title {
margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.page-template-template-cataloghi #book .container .title .link-wrapper {
display: inline-block;
margin-top: 0px;
}
.page-template-template-cataloghi #book .container .title .link-wrapper a {
display: inline-flex;
}
.page-template-template-cataloghi #book .container .book-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 74vh;
}
.page-template-template-cataloghi #book .container .book-wrapper ._df_book {
height: 100% !important;
}
.page-template-template-cataloghi #book .container .book-wrapper ._df_book canvas {
height: 100% !important;
object-fit: contain;
}
.canvas-mobile {
display: none !important;
}
.product-default.single-snack #third .container .right .text .first {
display: none !important;
}
.single-snack .products-grid .grid-item a .product-image.simple .image.-product {
position: relative;
transform: unset;
left: unset;
top: unset;
}
.single-snack .products-grid.related-grid {
padding: 0 5vw;
}
.single-snack .products-grid .grid-item a:hover .product-image.simple .image.-product {
top: 0 !important;
}
.post-card a {
position: relative;
display: block;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post-card a .top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.post-card a .top .cat span {
text-transform: lowercase;
}
.post-card a .div-img {
position: relative;
width: 100%;
margin-top: 15px;
display: flex;
}
.post-card a .div-img picture {
width: 100%;
}
.post-card a .div-img img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}
.post-card a .text {
margin-top: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post-card a .text .excerpt {
margin-top: 15px;
}
.post-card a .text .excerpt span {
font-size: 18px;
}
.blog #heading .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog #heading .container .filters {
display: flex;
justify-content: flex-end;
gap: 30px;
align-items: center;
padding-bottom: 10px;
position: relative;
}
.blog #heading .container .filters::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #707070;
border-radius: 50px;
}
.blog #heading .container .filters .single-term span {
text-transform: lowercase;
}
.blog #heading .container .filters .single-term.current span {
font-weight: bold;
text-decoration: underline;
}
.blog #first {
margin-top: 50px;
}
.blog #first .container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
gap: 110px 12vw;
}
.blog #first .container .single-news {
width: calc(50% - 6vw);
}
.blog #first .paginazione {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 150px;
}
.blog #first .paginazione .page-numbers {
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 30px;
font-weight: bold;
border: 2px solid #707070;
display: flex;
justify-content: center;
align-items: center;
}
.blog #first .paginazione .page-numbers.prev, .blog #first .paginazione .page-numbers.next {
display: none;
}
.blog #first .paginazione .page-numbers.current {
background-color: #fff;
border-color: #DC8444;
}
.single-post #heading .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.single-post #heading .container .news-head {
width: 26vw;
position: relative;
}
@media only screen and (min-width: 1101px) {
.single-post #heading .container .news-head .h2 {
line-height: 50px;
}
}
.single-post #heading .container .news-head .info {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
position: relative;
margin-top: 30px;
}
.single-post #heading .container .news-head .info::before {
width: 100%;
height: 2px;
content: "";
position: absolute;
bottom: 0;
left: 0;
background-color: #707070;
}
.single-post #heading .container .news-head .info .cat span {
text-transform: lowercase;
}
.single-post #heading .container .news-head .share {
margin-top: 25px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
position: relative;
overflow: hidden;
}
.single-post #heading .container .news-head .share img {
cursor: pointer;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-intrapan.jpg);
background-repeat: repeat;
background-size: cover;
z-index: 2;
}
.single-post #heading .container .news-head .share .socials {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
position: absolute;
left: 35px;
z-index: 1;
transform: translateX(-150%);
transition: all 0.3s ease;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/media/bg-intrapan.jpg);
background-repeat: repeat;
background-size: cover;
}
.single-post #heading .container .news-head .share .socials .single-social img {
height: 18px;
width: auto;
object-fit: contain;
}
.single-post #heading .container .news-head .share .socials.visible {
transform: unset;
}
.single-post #heading .container .news-head .back {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
margin-top: 70px;
}
.single-post #heading .container .news-head .back .arrow-button a {
padding-right: 0;
padding-left: 70px;
}
.single-post #heading .container .news-head .back .arrow-button::before, .single-post #heading .container .news-head .back .arrow-button::after {
right: auto;
left: 0;
}
.single-post #heading .container .news-head .back .arrow-button::before {
left: 8px;
transform: translate(50%, -50%) rotate(180deg);
}
.single-post #heading .container .news-content {
width: 42vw;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-post #heading .container .news-content .single-row {
width: 100%;
position: relative;
}
.single-post #heading .container .news-content .single-row:not(:last-child) {
margin-bottom: 50px;
}
.single-post #heading .container .news-content .single-row.title {
margin-bottom: 20px;
}
.single-post #heading .container .news-content .single-row.single-image picture {
width: 100%;
}
.single-post #heading .container .news-content .single-row.single-image img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 10px;
}
.single-post #heading .container .news-content .single-row.text-block .container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-post #heading .container .news-content .single-row.gallery {
padding: 0 80px;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-list {
border-radius: 10px;
overflow: hidden;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-track {
display: flex !important;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-slide {
height: inherit !important;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container picture {
width: 100%;
height: 100%;
position: relative;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow {
width: 50px;
height: 50px;
position: absolute;
background-color: #DC8444;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease-in-out;
will-change: transform;
z-index: 1;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow::before {
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/arrow-light.svg);
content: "";
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: contain;
display: block;
opacity: 1;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-next {
transform: translateX(100%);
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-next:hover {
transform: translateX(100%) scale(0.9);
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-prev {
transform: translateX(-100%);
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-prev::before {
transform: rotate(180deg);
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-prev:hover {
transform: translateX(-100%) scale(0.9);
}
.single-post #heading .container .news-content .single-row.video_mp4 video {
width: 100%;
height: auto;
}
.single-post #heading .container .news-content .single-row.video_yt iframe {
aspect-ratio: 1.7777777778;
width: 100%;
height: 100%;
}
.single-post #heading .container .news-content .single-row.double-image .container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.single-post #heading .container .news-content .single-row.double-image .container .div-img {
width: calc(50% - 10px);
position: relative;
}
.single-post #heading .container .news-content .single-row.double-image .container .div-img img {
width: 100%;
height: auto;
object-fit: contain;
}
.single-post #first {
margin-top: 50px;
}
.single-post #first .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 6.5vw;
margin-top: 35px;
}
.single-post #first .container .single-news {
width: calc(100% / 3 - (13vw / 3));
} @media screen and (min-width: 3000px) {
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(2) .dishInner {
top: -39vh;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(2) .imageInner {
left: 67.5%;
top: -34vh !important;
width: 37%;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:first-child .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:first-child .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:first-child .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:first-child .dishInner {
left: 28vw;
transform: translateY(-50%);
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child picture {
top: -15vh !important;
}
}
@media screen and (min-width: 2000px) {
.home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide.slide1 .shadowsWrapper .shadowPlane img, .home #heading .container .slider.dev .slide.slide1 .shadowsWrapper .shadowPlane picture {
width: 21vw;
height: auto;
}
.home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:first-child picture {
left: 24%;
top: -14%;
}
.home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(3) picture {
left: 61%;
top: -16%;
}
.home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(4) picture {
left: 64%;
top: 49%;
}
.home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide1 .imagesWrapper .imagePlane:nth-child(5) picture {
left: 49%;
top: 55%;
}
.single-piatti-pronti.product-default #heading .container .left:not(.-bottom), .single-piatti-pronti.product-default #heading .container .right:not(.-bottom) {
margin-top: 270px !important;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane .dishInner {
width: 45%;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane .imageInner {
width: 45%;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(2) .dishInner {
width: 37%;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(2) .imageInner {
left: 67.5%;
top: -20%;
width: 37%;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(3) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(3) .dishInner {
width: 33%;
left: 71%;
top: 54vh;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(3) .imageInner {
left: 70.4%;
top: 50vh;
transform: unset;
width: 33.7%;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:first-child picture {
left: 11%;
top: -11vh;
}
.error404 #heading .container .tutorial {
top: 320px;
left: 55%;
}
.error404 #heading .container .text-wrapper .char span {
padding: 0 50px;
}
.single-panini #heading .container .center .product-image .image.-product .shadow div {
width: 69%;
height: 75%;
}
.single-panini #heading .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
}
.page-template-template-produzione #second .container .timeline {
width: 87%;
}
.page-template-template-produzione #second .container .timeline svg {
width: 100%;
}
.page-template-template-produzione #second .container .steps .step:nth-child(4) {
margin-top: -156px;
}
.page-template-template-produzione #second .container .steps .step:first-child {
margin-left: 44px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(2) .content {
padding-right: 103px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
margin-left: 17.5vw;
}
.category-row:first-child .products-grid.categories .grid-item:first-child a .action {
bottom: -20px;
}
.page-template-template-impegno #heading .container .image picture {
width: 100%;
display: block;
}
.product-default.single-tramezzini #heading .container .center .product-image .image.-pack {
top: 0;
width: 137%;
transform: translateX(-50%);
}
.product-default.single-tramezzini #heading .container .center .product-image .image.-pack img {
width: 40%;
}
.product-default.single-tramezzini #heading .container .center .product-image picture {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-default.single-tramezzini #heading .container .center .product-image img {
width: 51%;
}
.product-default.single-tramezzini #heading .container .center .product-image.-vicentino img {
width: 100%;
}
.product-default.single-tramezzini #heading .container {
align-items: center;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper {
display: flex;
justify-content: center;
width: 100%;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper img, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper img {
width: 52%;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow div, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper .shadow div {
width: 55%;
height: 100%;
}
.product-default #heading .container .center .product-image picture, .single-panini-caldi #heading .container .center .product-image picture {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-default #heading .container .center .product-image img, .single-panini-caldi #heading .container .center .product-image img {
width: 80%;
}
.product-default #heading .container .center .product-image .image.-pack, .single-panini-caldi #heading .container .center .product-image .image.-pack {
top: 51%;
width: 100%;
}
.product-default #heading .container .center .product-image .image.-pack img, .single-panini-caldi #heading .container .center .product-image .image.-pack img {
width: 80%;
}
.product-default #heading .container .left:not(.-bottom), .product-default #heading .container .right:not(.-bottom), .single-panini-caldi #heading .container .left:not(.-bottom), .single-panini-caldi #heading .container .right:not(.-bottom) {
margin-top: -50px !important;
}
.product-default #heading .container .center .product-image .image.-product.-rolle, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle {
padding-top: 70px;
}
.product-default #heading .container .center .product-image .image.-product.-vicentino .image-wrapper {
width: 26%;
}
.product-default.single-tramezzini #heading .container .center .product-image .image.-pack.-vicentino {
top: 30px;
}
.product-default.single-tramezzini #heading .container .center .product-image.-vicentino {
padding-top: 30px;
}
.product-default #fourth .container .overlay, .single-panini-caldi #fourth .container .overlay {
height: 466px;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
right: -6px !important;
bottom: 375px;
}
}
@media screen and (max-width: 1680px) {
.page-template-template-cataloghi .downloadForm .formWrapper .gfield {
width: 100%;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(:first-child) {
margin-left: 70px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li:not(:last-child) {
margin-right: 25px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu li span {
font-size: 16px;
line-height: 20px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(.menu-contatti) span {
font-size: 16px;
line-height: 20px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti a, header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti span {
font-size: 16px;
line-height: 20px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li .sub-menu {
left: -5.95vw;
}
.product-default #heading.-pb .container .center .product-image .image {
padding-top: 35px;
}
.next-post, .prev-post {
top: -56px;
}
.single-bruschette .next-post, .single-bruschette .prev-post {
top: 94px;
}
.arrow-prev, .arrow-next {
width: 55px;
height: 55px;
}
.arrow-prev::after, .arrow-next::after {
width: 40px;
height: 40px;
}
h1, .h1 {
font-size: 50px;
line-height: 55px;
}
.home #heading .container .slider .slide .slide-content {
padding: 0 8.5vw;
}
.home #first .container {
margin: 70px 0 100px;
padding: 0 12.5vw;
}
.home #first .container .right .paragraph {
max-width: 90%;
}
.home #second .container .bottom .col {
padding-left: 45px;
padding-right: 6vw;
}
.home #second .container .bottom {
padding: 0 0.5vw 0 6.5vw;
}
.home #third .container .left, .home #third .container .right {
width: calc(50% - 30px);
flex-basis: calc(50% - 30px);
height: 30vw;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 50%;
line-height: 50px;
margin-left: 27px;
}
.home #fourth .container {
padding: 0 6vw;
}
.home #third .container {
margin-bottom: 120px;
}
.home #fourth .container .col {
padding-right: 3.5vw;
}
.home #fourth {
margin-bottom: 35px;
}
.section-top {
margin-top: 150px;
}
.page-template-template-intrapan #heading .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-intrapan #heading .container .center {
width: calc(50% - 70px);
flex-basis: calc(50% - 70px);
margin-left: 70px;
}
.page-template-template-intrapan #heading .container .center svg {
width: 100%;
margin-top: -60px;
}
.page-template-template-intrapan #heading .container .left, .page-template-template-intrapan #heading .container .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-intrapan #heading .container .right {
width: 100%;
flex-basis: 100%;
margin-top: 0px;
}
.page-template-template-intrapan #heading .container .left {
padding-right: 0;
}
.page-template-template-intrapan #heading .container .right {
padding: 0 70px;
padding-right: 0;
}
.page-template-template-intrapan #heading .container .center span.start {
left: -33px;
top: 43%;
}
.page-template-template-intrapan #heading .container .center span.start img {
display: block;
width: 75%;
}
.page-template-template-intrapan #first .container .box {
width: calc(100% / 3 - (200px / 3));
flex-basis: calc(100% / 3 - (200px / 3));
}
.page-template-template-intrapan #first .container .box:not(:last-child) {
margin-right: 100px;
}
.arrow-button a {
font-size: 18px;
line-height: 18px;
}
.page-template-template-intrapan #heading .container .right {
padding: 0;
}
.page-template-template-impegno #second .container {
flex-flow: unset;
flex-direction: column;
}
.page-template-template-sostenibilita #first .container .left, .page-template-template-sostenibilita #first .container .center, .page-template-template-sostenibilita #first .container .right, .page-template-template-impegno #first .container .left, .page-template-template-impegno #first .container .center, .page-template-template-impegno #first .container .right {
width: 26vw;
}
.page-template-template-impegno #heading .container .image img, .page-template-template-impegno #heading .container .image picture {
height: 115%;
object-fit: cover;
}
.page-template-template-sostenibilita #heading .container, .page-template-template-impegno #heading .container {
height: 35vw;
}
.page-template-template-impegno #heading .container .text .paragraph {
max-width: 53vw;
}
.page-template-template-impegno #second .container .bottom .image img {
display: block;
border-radius: 10px;
width: 100%;
height: auto;
}
.page-template-template-impegno #second .container .top h3 {
max-width: 100%;
}
.page-template-template-impegno #values .container .center img {
display: block;
width: 100%;
height: auto;
}
.page-template-template-impegno #values .container {
padding: 0;
}
h4, .h4 {
font-size: 28px;
line-height: 35px;
}
.page-template-template-impegno #fourth {
padding: 0px;
}
.page-template-template-produzione #first .container .left {
padding-right: 75px;
}
.page-template-template-produzione #heading .container .right .text-intro p {
font-size: 24px;
line-height: 28px;
}
.boxed.-medium {
padding: 0 8vw;
}
.page-template-template-produzione #second .container .steps .step .content .text {
padding-right: 0;
}
.page-template-template-produzione #second .container .steps .step {
width: 27vw;
}
.page-template-template-produzione #second .container .steps {
padding: 0 0px 0 20px;
}
.page-template-template-produzione #second .container .steps h3, .page-template-template-produzione #second .container .steps .h3 {
font-size: 26px;
line-height: 32px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(2) {
margin-top: -377px;
}
.page-template-template-qualita #heading .container .left .title h1 {
width: 62%;
}
.page-template-template-qualita #heading .container .right {
padding-left: 120px;
}
.page-template-template-qualita #first {
margin-top: 70px;
margin-bottom: 110px;
}
.page-template-template-qualita #first .container .bottom {
margin-top: 0;
}
.page-template-template-qualita #second .container .parallax, .page-template-template-qualita #third .container .parallax {
min-height: 430px;
padding: 50px 68px;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:nth-child(2) {
left: -1vw;
top: 6vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper {
width: 123%;
}
.page-template-template-sostenibilita #first .container .left, .page-template-template-sostenibilita #first .container .center, .page-template-template-sostenibilita #first .container .right {
width: 27vw;
}
.page-template-template-sostenibilita #second .container .right .info .col span.label {
margin-top: 8px;
margin-bottom: 0px;
font-size: 20px;
line-height: 24px;
}
.page-template-template-sostenibilita #second .container .right .info .col span.value {
font-size: 45px;
line-height: 60px;
}
.page-template-template-sostenibilita #second .container .right .info, .page-template-template-sostenibilita #third .container .right .info {
margin-top: 5px;
}
.page-template-template-sostenibilita #second .container .right, .page-template-template-sostenibilita #third .container .right {
padding: 0 51px;
}
.page-template-template-sostenibilita #fourth .container .left {
padding: 90px 44px;
}
.page-template-template-sostenibilita #fourth .container .right {
padding: 90px 30px;
}
.page-template-template-sostenibilita #fourth .container .right .col .label strong {
font-size: 50px;
line-height: 50px;
}
.page-template-template-sostenibilita #fourth .container .right .col .label, .page-template-template-impegno #fourth .container .right .col .label {
font-size: 18px;
line-height: 22px;
}
.tax-archive-default #heading .container .right .text-intro, .tax-archive-simple #heading .container .right .text-intro, .post-type-archive-panini-caldi #heading .container .right .text-intro {
max-width: 13vw;
width: 100%;
margin-right: 40px;
}
.tax-archive-default #heading .container .left, .tax-archive-simple #heading .container .left, .post-type-archive-panini-caldi #heading .container .left {
padding-right: 50px;
}
.tax-archive-default #heading .container .left, .tax-archive-simple #heading .container .left, .post-type-archive-panini-caldi #heading .container .left {
width: 43%;
flex-basis: 43%;
}
.tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .right {
width: 57%;
flex-basis: 57%;
}
.general-info {
padding-left: 40px;
}
.products-grid .grid-item a .product-info .title {
max-width: 21vw;
}
.products-grid .grid-item a .product-info .title, .products-grid .grid-item a .product-info .text {
max-width: 23.5vw;
}
.post-type-archive-panini-caldi .category-row .name span {
font-size: 24px;
line-height: 24px;
}
.products-grid.simple .grid-item a .product-info .text {
max-width: 36.5vw;
}
.page-template-template-gdo #heading .container .left {
width: 35%;
flex-basis: 35%;
}
.page-template-template-gdo #heading .container .right {
width: 65%;
flex-basis: 65%;
}
.page-template-template-gdo #heading .container .right .text-intro {
max-width: 14.1vw;
width: 100%;
margin-right: 50px;
}
.page-template-template-gdo #first .container .wrapper .title {
left: 7.5vw;
top: 3.2vw;
max-width: 29.5vw;
}
.page-template-template-gdo #second .container .info-wrapper {
width: 100%;
padding: 0 40px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .text {
padding-right: 40px;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] span {
font-size: 24px;
line-height: 24px;
}
.product-slider-wrapper .product-slider .slides .slide-item .text {
width: 40vw;
}
.product-slider .arrow-button::after {
width: 44px;
height: 44px;
}
.product-slider .arrow-button::before {
right: 22px;
top: 50%;
width: 15px;
height: 15px;
}
.product-slider-wrapper .navigation {
min-width: 350px;
}
.page-template-template-vending #heading .container .left .sub, .page-template-template-vending #heading .container .left .text {
padding-right: 40px;
}
.page-template-template-vending #heading .container .left .intro {
padding-right: 90px;
}
.page-template-template-vending #heading .container .left .indicazioni .col {
padding-right: 20px;
margin-bottom: 30px;
}
.page-template-template-vending #heading .container .left {
padding-right: 8vw;
}
.page-template-template-vending #first .container .left {
width: 40%;
padding-right: 8vw;
}
.page-template-template-vending #first .container .left .image {
margin-left: -8vw;
}
.page-template-template-vending #first .container .right .title {
width: 60%;
}
.page-template-template-vending #first .container .right .gusti .gusto .text .label {
font-size: 18px;
line-height: 18px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text {
padding-left: 20px;
}
.page-template-template-vending #second .container .left .title {
width: 69%;
}
.page-template-template-vending #second .container .right .gusti .gusto:last-child {
margin-left: 25px;
}
.page-template-template-horeca #heading .container .right > .title {
width: 80%;
margin-bottom: 45px;
}
.page-template-template-horeca #heading .container .right .box .content {
padding-left: 30px;
padding-right: 40px;
}
.page-template-template-horeca #heading .container .right .box .row .col {
width: calc(100% / 3);
padding-right: 35px;
}
.page-template-template-horeca #heading .container .right .box .row .col .text {
min-height: 65px;
}
.page-template-template-horeca #first .container .left .image img {
height: 35vw;
}
.servizio-panini .row .item span {
font-size: 16px;
line-height: 16px;
}
.servizio-panini .row .plus {
font-size: 30px;
line-height: 30px;
margin: 0 13px;
}
.page-template-template-horeca #second .text {
position: absolute;
top: 6vw;
left: 5vw;
width: 34vw;
}
.page-template-template-horeca #first .container .right {
width: calc(35%);
padding-left: 35px;
}
.page-template-template-contatti #heading .container .col .text p, .page-template-template-contatti #heading .container .col .text a {
font-size: 20px;
line-height: 24px;
}
.page-template-template-bando #first .container .text {
max-width: 80vw;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item {
width: calc(100% / 5 - (130px / 5));
flex-basis: calc(100% / 5 - (130px / 5));
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span a {
display: block;
font-size: 20px;
line-height: 28px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span {
font-size: 31px;
line-height: 41px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span:not(:last-child) {
margin-bottom: 19px;
}
.page-template-template-impegno #fourth .container .left .title, .page-template-template-impegno #fourth .container .right .title {
margin-bottom: 6px;
padding-right: 172px;
}
.product-default #heading .container .left .text, .single-panini-caldi #heading .container .left .text {
font-size: 16px;
line-height: 20px;
}
.product-default #heading .container .left .info .el:not(:last-child), .single-panini-caldi #heading .container .left .info .el:not(:last-child) {
margin-right: 24px;
}
.product-default #heading .container .left .info .el .value, .single-panini-caldi #heading .container .left .info .el .value {
font-size: 16px;
line-height: 16px;
}
.general-info.-single {
padding-left: 4vw;
}
.general-info.-single .more-info .info .label span {
font-size: 13px;
line-height: 15px;
}
.product-default #heading .container .center .product-image, .single-panini-caldi #heading .container .center .product-image {
display: flex;
align-items: flex-start;
margin-top: -40px;
justify-content: center;
}
.product-default #heading .container .-bottom.left .paragraph, .single-panini-caldi #heading .container .-bottom.left .paragraph {
max-width: 27vw;
}
.product-default #heading .container .-bottom.right .title h2, .single-panini-caldi #heading .container .-bottom.right .title h2 {
font-size: 18px;
line-height: 23px;
}
.product-default #heading .container .-bottom.right, .single-panini-caldi #heading .container .-bottom.right {
padding-left: 4vw;
padding-top: 30px;
}
.product-default #heading .container .-bottom.right .title, .single-panini-caldi #heading .container .-bottom.right .title {
margin-bottom: 8px;
}
.product-default #third .container .left, .single-panini-caldi #third .container .left {
padding-left: 0;
}
.product-default #third .container .right .title, .single-panini-caldi #third .container .right .title {
max-width: 21vw;
margin-bottom: 13px;
}
.product-default #third .container .left, .single-panini-caldi #third .container .left {
width: 35%;
flex-basis: calc(35%);
overflow: visible;
}
.product-default #third .container .right, .single-panini-caldi #third .container .right {
width: 65%;
flex-basis: calc(65%);
}
.product-default #third .container .left img, .single-panini-caldi #third .container .left img {
width: 100%;
}
.ingredients + .arrow-next {
width: 45px;
height: 45px;
}
.product-default #third .container .right .text .first, .single-panini-caldi #third .container .right .text .first {
max-width: 17vw;
margin-right: 29px;
}
.related .products-grid {
padding: 0 5vw;
}
.product-default #heading .container .center .product-image .image.-pack.-rolle, .single-panini-caldi #heading .container .center .product-image .image.-pack.-rolle {
top: -30px;
}
.product-default #heading .container .center .product-image.-rolle {
margin-top: 0;
}
.product-default #heading .container .left:not(.-bottom), .product-default #heading .container .right:not(.-bottom), .single-panini-caldi #heading .container .left:not(.-bottom), .single-panini-caldi #heading .container .right:not(.-bottom) {
margin-top: 15px;
}
.product-default.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .product-default.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom) {
margin-top: 55px !important;
}
.product-default.single-tramezzini #heading .container .center.center-product {
display: flex;
justify-content: center;
}
.product-default.single-tramezzini #heading .container .center.center-product .product-image {
width: 60%;
position: relative;
margin-top: 0;
}
.product-simple #first .container .right {
padding: 0 18px;
display: flex;
}
.product-simple #third .container .top .right {
padding: 0px 15px;
}
.product-simple #third .container .bottom .left h2, .product-simple #third .container .bottom .left p {
width: 28vw;
}
.product-simple #heading .container .image img {
display: block;
margin-bottom: -10.5vw;
width: 104%;
height: auto;
}
.single-panini-caldi #heading .container .left .text {
padding-right: 8px;
margin-bottom: 15px;
}
.single-panini-caldi #second {
margin-bottom: 180px;
padding: 0 70px;
margin-top: 180px;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
right: -25px !important;
bottom: 202px;
}
.ingredients + .arrow-next {
right: calc(6vw - 16px) !important;
}
.product-default.single-tramezzini .section-top.-rolle, .single-panini-caldi.single-tramezzini .section-top.-rolle {
margin-top: 170px;
}
.ingredients .ingredient .right .title h2 {
font-size: 53px;
line-height: 75px;
}
.product-default #third .container .right .title, .single-panini-caldi #third .container .right .title {
max-width: 33vw;
}
html:lang(en) header#masthead .header-main-navigation nav#site-navigation-right {
padding-left: 11vw;
}
.error404 #heading .container .text-wrapper .char span {
font-size: 450px;
line-height: 450px;
}
.error404 #heading .container .text-wrapper .zero {
width: 352px;
height: 388px;
}
.single-tramezzini section#heading.-rolle .next-post, .single-tramezzini section#heading.-rolle .prev-post {
top: -75px;
}
.page-template-template-pane #first .container .element .text h2 {
padding: 0px 60px;
}
h4, .h4 {
font-size: 26px;
line-height: 33px;
}
.page-template-template-pane #first .container .element .text p {
max-width: 22vw;
}
.product-default.single-piatti-pronti #heading .container .center .product-image canvas {
padding-top: 40px;
}
.page-template-template-cataloghi #book .container {
padding-top: 125px;
}
.page-template-template-cataloghi #book .container .title h1 {
font-size: 40px;
line-height: 45px;
}
.home #heading .container .slider.dev .slide.slide3 .dishesWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .dishesWrapper .shadowPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .dishPlane:nth-child(2) .dishInner, .home #heading .container .slider.dev .slide.slide3 .shadowsWrapper .shadowPlane:nth-child(2) .dishInner {
top: -26vh;
}
.home #heading .container .slider.dev .slide.slide3 .imagesWrapper .imagePlane:nth-child(2) .imageInner {
top: -22vh;
}
.site-pop-up {
width: 45vw;
}
.home #fifth .container {
padding: 0 6.5vw;
}
}
@media screen and (max-width: 1540px) {
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:first-child img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:first-child picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:first-child img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:first-child picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:first-child img {
left: 15%;
top: -12%;
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(2) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(2) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(2) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(2) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(2) img {
left: 50%;
top: 18%;
transform: translateX(-50%) rotate(-5deg);
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(3) img {
left: 60%;
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(4) img {
left: 55%;
top: 54%;
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(5) img {
left: 41%;
top: 64%;
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane:nth-child(6) img {
left: 12%;
top: 52%;
}
.home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .imagePlane img, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide1 .imagesWrapper .shadowPlane img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .imagePlane img, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane picture, .home #heading .container .slider.dev .slide1 .shadowsWrapper .shadowPlane img {
width: 360px;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(3) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(3) img {
left: 41%;
top: 6%;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(4) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(4) img {
left: 53%;
top: -1%;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(5) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(5) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(5) img {
left: 50%;
top: 40%;
}
.home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .imagesWrapper .shadowPlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .imagePlane:nth-child(6) img, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(6) picture, .home #heading .container .slider.dev .slide.slide2 .shadowsWrapper .shadowPlane:nth-child(6) img {
left: 38%;
top: 75%;
}
.home #heading .container .slider.dev .slide .textWrapper .text .link-wrapper {
margin-top: 45px;
}
}
@media only screen and (max-width: 1440px) {
.boxed.-small {
padding: 0 8vw;
}
.single-post #heading .container .news-head {
width: 40%;
}
.single-post #heading .container .news-content {
width: 50%;
}
}
@media screen and (max-width: 1380px) {
header#masthead .header-main-navigation nav .primary-menu-container > ul > li:not(:first-child) {
margin-left: 45px;
}
header#masthead .header-main-navigation nav#site-navigation-left {
padding-right: 11vw;
}
header#masthead .header-main-navigation nav#site-navigation-right {
padding-left: 11vw;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
margin-left: 120px !important;
}
h1, .h1 {
font-size: 40px;
line-height: 45px;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 40%;
line-height: 42px;
margin-left: 27px;
}
#footer-top .container {
margin-bottom: 80px;
}
.page-template-template-intrapan #first .container .box {
width: calc(100% / 3 - (100px / 3));
flex-basis: calc(100% / 3 - (100px / 3));
}
.page-template-template-intrapan #first .container .box:not(:last-child) {
margin-right: 50px;
}
#last.navigation .container .nav {
display: flex;
padding: 30px 30px;
}
#last.navigation .container .nav {
flex-flow: row wrap;
}
.nav-item {
display: block;
width: auto;
}
.nav-item:not(:nth-child(2n)) {
margin-right: 0px;
}
.page-template-template-sostenibilita #heading .container .text p, .page-template-template-impegno #heading .container .text p {
font-size: 18px;
line-height: 22px;
}
.page-template-template-sostenibilita #heading .container .text, .page-template-template-impegno #heading .container .text {
width: 80vw;
}
.page-template-template-sostenibilita #first .container .left, .page-template-template-sostenibilita #first .container .center, .page-template-template-sostenibilita #first .container .right, .page-template-template-impegno #first .container .left, .page-template-template-impegno #first .container .center, .page-template-template-impegno #first .container .right {
width: 27vw;
padding-left: 27px;
}
h3, .h3 {
font-size: 26px;
line-height: 32px;
}
.boxed.-medium, .boxed.-small {
padding: 0 5vw;
}
.page-template-template-impegno #second .container .top h3 {
padding-bottom: 25px;
}
.page-template-template-sostenibilita #first, .page-template-template-impegno #first {
margin: 60px 0 0;
}
.page-template-template-produzione #second .container .steps {
padding: 0;
}
.page-template-template-produzione #second .container .steps .step:nth-child(2) {
margin-top: -400px;
}
.page-template-template-produzione #second .container .steps .step {
width: 24vw;
}
.page-template-template-produzione #second .container .steps h3, .page-template-template-produzione #second .container .steps .h3 {
font-size: 22px;
line-height: 25px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(4) {
margin-left: auto;
margin-top: -160px;
}
.page-template-template-qualita #heading .container .left .text {
width: 100%;
padding-left: 0;
}
.page-template-template-qualita #heading .container .left .subtitle {
width: 100%;
padding-right: 0;
}
.page-template-template-qualita #heading .container .left .subtitle .h4 p {
margin: 0;
}
.page-template-template-qualita #heading .container .left .title h1 {
width: 100%;
}
.page-template-template-qualita #first {
margin-top: 65px;
margin-bottom: 100px;
padding: 0;
}
.page-template-template-sostenibilita #second .container {
margin-top: 75px;
}
.page-template-template-sostenibilita #fourth .container .right {
width: 100%;
padding: 0;
padding-bottom: 55px;
justify-content: center;
}
.page-template-template-sostenibilita #fourth .container .left {
width: 100%;
padding-top: 55px;
padding-bottom: 30px;
}
.page-template-template-sostenibilita #fifth .container .left, .page-template-template-sostenibilita #fifth .container .right {
width: calc(50% - 50px);
flex-basis: calc(50% - 50px);
}
.page-template-template-sostenibilita #fourth {
display: block;
margin-bottom: 70px;
}
.boxed {
padding: 0px 5vw;
}
.page-template-template-sostenibilita #second .container .right .title {
margin-bottom: -3px;
}
.tax-archive-default #heading .container .left, .tax-archive-simple #heading .container .left, .post-type-archive-panini-caldi #heading .container .left {
width: 36%;
flex-basis: 36%;
}
.tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .right {
width: 64%;
flex-basis: 64%;
}
.page-template-template-gdo #heading .container .left {
width: 100%;
flex-basis: 100%;
}
.page-template-template-gdo #heading .container .right {
width: 100%;
flex-basis: 100%;
margin-top: 25px;
}
.page-template-template-gdo #heading .container .right .text-intro {
max-width: 19vw;
}
.page-template-template-gdo #heading .container .right .text {
max-width: calc(100% - 19vw - 50px);
}
.page-template-template-gdo #heading .container {
margin-bottom: 100px;
}
.page-template-template-gdo #first .container .wrapper .title {
left: 7.5vw;
top: 3.2vw;
max-width: 34.5vw;
}
.page-template-template-gdo #second .container .info-wrapper .info:not(:nth-child(2n)) {
margin-right: 140px;
}
.page-template-template-gdo #second .container .info-wrapper .info {
width: calc(100% / 2 - 70px);
}
.page-template-template-vending #first .container .right .title {
width: 100%;
}
.page-template-template-vending #first .container .right .text {
width: 100%;
}
.page-template-template-vending #second .container .right .gusti .gusto .text .label {
font-size: 18px;
line-height: 18px;
}
.page-template-template-vending #second .container .right .gusti .gusto .text {
padding-left: 25px;
}
.page-template-template-vending #third .container .title {
margin-bottom: 13px;
}
footer#colophon .footer-bottom-content span:first-child {
width: 100%;
margin-bottom: 10px;
}
.page-template-template-grazie #heading .container .title h1 {
font-size: 50px;
line-height: 55px;
}
.page-template-template-grazie #heading .container .sub h2 {
text-align: center;
}
.tax-archive-default #second .container .col, .tax-archive-simple #second .container .col, .post-type-archive-panini-caldi #second .container .col {
width: calc(100%);
margin: 0 !important;
padding: 0 40px;
}
.tax-archive-default #second .container .col:not(:first-child), .tax-archive-simple #second .container .col:not(:first-child), .post-type-archive-panini-caldi #second .container .col:not(:first-child) {
margin-top: 20px !important;
}
.ingredients .ingredient .right .text {
max-width: 34vw;
}
.ingredients .ingredient .right .title h2 {
font-size: 38px;
line-height: 50px;
}
.page-template-template-cataloghi #heading .container .text {
max-width: 100%;
}
.page-template-template-cataloghi #heading {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1100px) {
#site-navigation-left {
display: none !important;
}
#site-navigation-right li:not(.menu-contatti) {
display: none !important;
}
header#masthead .header-main-navigation nav#site-navigation-right {
padding-left: 0;
width: auto;
margin-left: auto;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary {
flex-direction: column;
align-items: center;
justify-content: center;
transition: transform 0.4s ease-in-out;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.hidden {
transform: translate(0px, 150%) rotateX(-90deg);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.hidden:not(.anim-in) {
visibility: hidden;
height: 0;
opacity: 0;
width: 0;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-in {
transform: translate(0px, 0%) rotateX(0deg);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-out {
transform: translate(0px, -150%) rotateX(-90deg);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > .menu-item .minus {
color: #fff;
margin-right: 5px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > .menu-item.active .plus {
display: none;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > .menu-item.active .minus {
display: inline-flex;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-in {
transform: translateX(100%);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-in.anim-in-back {
transform: translateX(0);
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-in.submenu-active .menu-item:not(.active) {
display: none;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary.anim-in.submenu-active .menu-item.active .menu-item-submenu {
display: flex;
padding-top: 0px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item {
width: 100%;
flex-basis: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item span, header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item a {
display: inline-block;
text-align: center;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu {
display: none;
justify-content: center;
align-items: center;
margin-bottom: 35px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span, header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu a {
display: inline-block;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .site-branding-light {
top: 23px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span {
margin-bottom: 20px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-end;
position: relative;
left: unset;
bottom: unset;
z-index: 3;
margin-top: auto;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container {
overflow-y: auto;
padding: 100px 100px 50px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container::-webkit-scrollbar {
display: none;
}
.home #first .container {
margin: 70px 0 100px;
padding: 0 5vw;
}
.home #first .container {
margin: 70px 0 100px;
padding: 0 5vw;
}
h1, .h1 {
font-size: 36px;
line-height: 40px;
}
.home #heading .container .slider .slide .slide-content .title {
max-width: 30vw;
}
.home #heading .container .slider .slide .slide-content {
padding: 0 13vw;
}
.home #second .container .overlay {
left: calc(50% - ((100% - 10vw) / 2));
top: 0;
width: calc(100% - 10vw);
height: 30vw;
}
.home #second .container .bottom .col {
padding-left: 34px;
padding-right: 2vw;
}
h2, .h2 {
font-size: 30px;
line-height: 38px;
}
.home #third .container .left, .home #third .container .right {
width: calc(50% - 20px);
flex-basis: calc(50% - 20px);
height: 36vw;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 45%;
line-height: 42px;
margin-left: 10px;
}
.arrow-button a {
font-size: 20px;
line-height: 20px;
padding-right: 49px;
}
.arrow-button::after {
width: 40px;
height: 40px;
}
.arrow-button::before {
right: 20px;
width: 14px;
height: 14px;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 45%;
line-height: 35px;
margin-left: 10px;
font-size: 30px;
}
.home #third .container .left, .home #third .container .right {
width: calc(50% - 20px);
flex-basis: calc(50% - 20px);
height: 33vw;
}
.home #fourth .container .col.-title {
padding-left: 40px;
width: 100%;
flex-basis: 100%;
display: flex;
flex-direction: revert;
align-items: center;
padding-right: 0;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 35px;
}
.home #fourth .container .col.-title h2 {
margin-bottom: 0;
}
.home #fourth .container .col:not(.-title) {
width: calc(100% / 2 - 20px);
flex-basis: calc(100% / 2 - 20px);
padding-right: 0;
}
.home #fourth .container .col:not(.-title):last-child {
margin-left: 40px;
}
.home #fourth .container .col .image {
height: 27vw;
}
.page-template-template-sostenibilita #heading .container .text, .page-template-template-impegno #heading .container .text {
width: 90vw;
}
.page-template-template-sostenibilita #heading .container, .page-template-template-impegno #heading .container {
height: 45vw;
}
.page-template-template-impegno #heading .container .text .paragraph {
max-width: 74vw;
}
h3, .h3 {
font-size: 24px;
line-height: 30px;
}
.page-template-template-produzione #heading .container .left {
width: 37%;
flex-basis: 37%;
}
.page-template-template-produzione #heading .container .right {
width: 63%;
flex-basis: 63%;
}
.page-template-template-produzione #heading .container .right .text-intro {
max-width: 16vw;
margin-right: 15px;
}
.page-template-template-produzione #heading .container .right .text-intro p {
font-size: 20px;
line-height: 24px;
}
.page-template-template-produzione #second .container .timeline {
display: none !important;
}
.page-template-template-produzione #second .container .timeline-mobile {
display: block;
position: absolute;
top: 0;
left: 0;
}
.page-template-template-produzione #second .container .timeline-mobile svg {
overflow: visible !important;
}
.page-template-template-produzione #second .container .steps .step:first-child {
margin-left: 11%;
width: 40vw;
}
.page-template-template-produzione #second .container .steps .step:nth-child(2) {
margin-top: 0;
}
.page-template-template-produzione #second .container .steps .step {
width: 40vw;
margin-left: 11% !important;
margin-right: 0;
transform: unset !important;
}
.page-template-template-produzione #second .container .steps .step:not(:last-child) {
margin-bottom: 70px;
}
.page-template-template-produzione #second .container .steps .step:nth-child(3), .page-template-template-produzione #second .container .steps .step:nth-child(4) {
margin-top: 0;
}
.page-template-template-produzione #first {
margin-bottom: 80px;
}
.page-template-template-produzione #second .container .steps .step {
width: 55vw !important;
margin-left: 15% !important;
margin-top: 180px !important;
margin-bottom: 0 !important;
}
.page-template-template-produzione #second .container .steps .step:nth-child(3), .page-template-template-produzione #second .container .steps .step:nth-child(4) {
margin-top: 90px !important;
}
.page-template-template-qualita #heading .container .right {
padding-left: 60px;
}
.page-template-template-qualita #first .container .right {
width: 70%;
padding-left: 55px;
}
.page-template-template-qualita #first .container .bottom .step .name {
padding: 0 0px;
}
.page-template-template-qualita #first .container .bottom .step {
width: 18vw;
}
.page-template-template-qualita #second .container .parallax, .page-template-template-qualita #third .container .parallax {
min-height: 385px;
padding: 40px 55px;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper {
width: 148%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:first-child {
left: -7vw;
top: -8vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:nth-child(2) {
left: -3vw;
top: 8vw;
}
.page-template-template-qualita #third .container .parallax .right {
width: 47%;
display: flex;
flex-direction: column;
padding-left: 41px;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper {
width: 60%;
}
.page-template-template-sostenibilita #second .container .left img, .page-template-template-sostenibilita #third .container .left img {
height: 100%;
}
.page-template-template-sostenibilita #second .container .right, .page-template-template-sostenibilita #third .container .right {
padding: 28px 51px;
}
.page-template-template-sostenibilita #heading .container .text .paragraph {
max-width: 57vw;
}
.page-template-template-sostenibilita #second, .page-template-template-sostenibilita #third {
margin-bottom: 30px;
}
.tax-archive-default #heading .container .left, .tax-archive-simple #heading .container .left, .post-type-archive-panini-caldi #heading .container .left {
width: 100%;
flex-basis: 100%;
padding: 0 !important;
}
.tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .right {
width: 100%;
flex-basis: 100%;
margin-top: 25px;
}
.tax-archive-default #heading .container .right .text-intro, .tax-archive-simple #heading .container .right .text-intro, .post-type-archive-panini-caldi #heading .container .right .text-intro {
max-width: 25vw;
width: 100%;
margin-right: 40px;
}
.tax-archive-default #heading .container .right .text, .tax-archive-simple #heading .container .right .text, .post-type-archive-panini-caldi #heading .container .right .text {
max-width: calc(100% - 25vw - 40px);
}
.products-grid .grid-item {
width: 50%;
flex-basis: 50%;
order: 2;
}
.products-grid .grid-item a .product-info .title, .products-grid .grid-item a .product-info .text {
max-width: 83%;
}
.info-item.grid-item {
order: 1;
}
.tax-archive-default #heading .container .right .text, .tax-archive-simple #heading .container .right .text, .post-type-archive-panini-caldi #heading .container .right .text {
max-width: 100%;
}
.tax-archive-default #heading .container .right .text-intro, .tax-archive-simple #heading .container .right .text-intro, .post-type-archive-panini-caldi #heading .container .right .text-intro {
max-width: 100%;
width: 100%;
margin-right: 0;
}
.tax-archive-default #heading .container .right, .tax-archive-simple #heading .container .right, .post-type-archive-panini-caldi #heading .container .right {
width: 100%;
flex-basis: 100%;
margin-top: 4px;
}
.tax-archive-default #heading .container .right .text p:first-child, .tax-archive-simple #heading .container .right .text p:first-child, .post-type-archive-panini-caldi #heading .container .right .text p:first-child {
margin-top: 12px;
}
.products-grid {
padding: 0 5vw;
}
.general-info {
padding-left: 0;
}
.general-info .sales-channel {
margin-top: 0;
}
.products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(3n)):not(:nth-child(2)) {
border-right: unset;
}
.products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n + 2)):not(:first-child) {
border-right: 1px solid #beb4a8 !important;
}
.products-grid:not(.categories) .grid-item:nth-child(2) {
border-right: 1px solid #beb4a8 !important;
}
.products-grid .grid-item:not(:nth-last-child(-n + 3)) {
border-bottom: unset;
}
.products-grid .grid-item:not(:nth-last-child(-n + 2)) {
border-bottom: 1px solid #beb4a8 !important;
}
.general-info .more-info .info .label {
max-width: 100%;
}
.general-info .more-info .info .label.plastic {
max-width: 100%;
}
.products-grid.categories .grid-item.info-item {
width: 100%;
flex-basis: 100%;
}
.post-type-archive-panini-caldi .category-row:first-child .name {
top: 61%;
}
.products-grid.categories .grid-item:not(.empty-item):not(.info-item):not(:nth-child(3n)) {
border-right: unset;
}
.products-grid.categories .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n)) {
border-right: 1px solid #c5bcb4;
}
.post-type-archive-panini-caldi .category-row:nth-child(4) .products-grid .grid-item:nth-child(2), .post-type-archive-panini-caldi .category-row:nth-child(6) .products-grid .grid-item:nth-child(2), .post-type-archive-panini-caldi .category-row:nth-child(7) .products-grid .grid-item:nth-child(2) {
border-top: 1px solid #c5bcb4;
margin-top: -1px;
}
.tax-archive-simple #heading .container .general-info {
padding-left: 0;
margin-top: 30px;
}
html body.tax-archive-simple #first .container .products-grid .grid-item.product-item {
border: 0 !important;
}
.page-template-template-gdo #heading .container .right .text-intro {
max-width: 100%;
margin-right: 0;
}
.page-template-template-gdo #heading .container .right .text {
max-width: 100%;
}
.page-template-template-gdo #second .container .info-wrapper {
padding: 0;
}
.page-template-template-gdo #second .container .info-wrapper .info {
width: 100%;
margin-right: 0 !important;
}
.page-template-template-gdo #second .container .info-wrapper .info .content {
padding-top: 70px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .icon {
left: 0;
top: 0;
}
.page-template-template-gdo #second .container .info-wrapper .info:nth-child(2) {
margin-top: 0;
}
.page-template-template-gdo #second .container .info-wrapper .info:nth-child(3) {
margin-top: 0;
}
.page-template-template-gdo #second .container .info-wrapper .info {
margin-bottom: 70px;
}
.page-template-template-gdo #extra {
padding: 0;
margin-bottom: 80px;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] span {
font-size: 18px;
line-height: 18px;
}
.product-slider-wrapper .navigation {
min-width: 300px;
}
.page-template-template-vending #heading .container .left {
padding-right: 2vw;
}
.page-template-template-vending #heading .container .left .intro {
padding-right: 0px;
}
.page-template-template-vending #heading .container .left .intro h2 {
line-height: 35px;
}
.page-template-template-vending #first {
margin-top: 50px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span.value strong, .page-template-template-vending #second .container .right .gusti .gusto .text span.value strong {
font-size: 45px;
line-height: 45px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span.value {
font-size: 22px;
line-height: 23px;
margin-bottom: 13px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text .label, .page-template-template-vending #second .container .right .gusti .gusto .text .label {
font-size: 16px;
line-height: 16px;
}
.page-template-template-vending #second .container .left .title {
width: 100%;
}
.page-template-template-vending #second .container .left .text {
width: 100%;
margin-bottom: 60px;
}
.page-template-template-vending #third .container > .text {
max-width: 100%;
margin: 0 auto;
margin-bottom: 180px;
}
.product-slider-wrapper .navigation .navigation-item span {
font-size: 16px;
line-height: 16px;
}
.product-slider-wrapper .navigation .navigation-item {
height: 40px;
}
.product-slider-wrapper .navigation .navigation-selector {
height: 40px;
}
.product-slider-wrapper .product-slider .slides .slide-item .text {
width: 43vw;
}
.product-slider-wrapper .product-slider .slides .slide-item .text p {
font-size: 16px;
line-height: 20px;
}
.page-template-template-horeca #heading .container .left {
padding-right: 0;
}
.page-template-template-horeca #heading .container .right > .title h2 {
line-height: 36px;
}
.page-template-template-horeca #heading .container .right {
padding-left: 58px;
padding-top: 46px;
}
.page-template-template-horeca #first .container .left {
width: 100%;
margin-bottom: 45px;
}
.page-template-template-horeca #first .container .right {
width: 100%;
padding-left: 0;
}
.page-template-template-horeca #first {
margin: 75px 0;
}
.page-template-template-contatti #heading .container .col {
width: 50%;
padding-left: 30px;
}
.page-template-template-contatti #heading .container .col::before {
width: 2px;
top: 0;
left: 0;
}
.page-template-template-contatti #heading .container .col:first-child {
width: 100%;
padding-left: 30px;
margin-bottom: 40px;
}
.page-template-template-contatti #heading .container .col:first-child::before {
left: 0 !important;
}
.page-template-template-bando #first .container .title h3 {
font-size: 20px;
line-height: 25px;
}
.page-template-template-bando #first .container .text {
max-width: 100%;
}
.page-template-template-impegno #fourth .container .left .title, .page-template-template-impegno #fourth .container .right .title {
margin-bottom: 6px;
padding-right: 103px;
}
.page-template-template-impegno #values .container .left {
margin-top: 0;
}
.page-template-template-impegno #values .container .left, .page-template-template-impegno #values .container .center, .page-template-template-impegno #values .container .right, .page-template-template-impegno #values .container .bottom {
width: 100%;
}
.page-template-template-impegno #values .container .center {
order: 1;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
}
.page-template-template-impegno #values .container .center .image {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.page-template-template-impegno #values .container .center .image svg {
display: block;
width: 89%;
}
.page-template-template-impegno #values .container .left, .page-template-template-impegno #values .container .right, .page-template-template-impegno #values .container .bottom {
order: 2;
}
.page-template-template-impegno #fourth .container .left, .page-template-template-impegno #fourth .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-impegno #fourth .container .left {
margin-bottom: 0px;
}
.page-template-template-impegno #values {
padding: 0 5vw;
}
.page-template-template-impegno #values .container .bottom {
align-items: flex-start;
}
.page-template-template-impegno #values .container .bottom h4, .page-template-template-impegno #values .container .bottom p {
text-align: left;
}
.page-template-template-impegno #values .container .left {
align-items: flex-start;
}
.page-template-template-impegno #values .container .left .text p {
text-align: left;
}
.page-template-template-impegno #fourth .container .left, .page-template-template-impegno #fourth .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-impegno #fourth .container .right {
margin-top: 20px;
}
.page-template-template-impegno #values {
margin-bottom: 40px;
}
.general-info.-single .more-info .info {
width: 100%;
flex-basis: 100%;
padding: 13px 0;
}
.general-info.-single .more-info .info:nth-child(2) {
padding-top: 0;
}
.general-info.-single .more-info .info:nth-child(odd)::before {
width: 100%;
}
.product-default #heading .container .left .text, .single-panini-caldi #heading .container .left .text {
padding-right: 50px;
}
.product-default #heading .container .left .info .el, .single-panini-caldi #heading .container .left .info .el {
width: 100%;
flex-basis: 100%;
margin: 0;
margin-right: 0 !important;
}
.product-default #heading .container .left .info .el:not(:last-child), .single-panini-caldi #heading .container .left .info .el:not(:last-child) {
margin-bottom: 10px;
}
.product-default #heading .container .left .info, .single-panini-caldi #heading .container .left .info {
flex-flow: row wrap;
}
.product-default #heading, .single-panini-caldi #heading {
display: block;
margin-bottom: 126px;
}
.ingredients .ingredient {
width: 100%;
height: 47.5vw;
}
.product-default #third .container .right .text .first, .single-panini-caldi #third .container .right .text .first {
max-width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.product-default #third .container .right .text, .single-panini-caldi #third .container .right .text {
flex-flow: row wrap;
}
.product-default #third .container .right .title h2, .single-panini-caldi #third .container .right .title h2 {
line-height: 35px;
}
.product-default .general-info .sales-channel .channel:not(:last-child), .single-panini-caldi .general-info .sales-channel .channel:not(:last-child) {
margin-right: 20px;
}
.related .products-grid {
padding: 0 3vw;
}
.related .products-grid .grid-item {
border: 0 !important;
}
.products-grid:not(.categories).related-grid .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n + 2)):not(:first-child), .products-grid:not(.categories).related-grid .grid-item:nth-child(2) {
border: 0 !important;
}
.ingredients + .arrow-next {
top: auto;
bottom: -80px;
}
.product-default #fourth .container .overlay div, .single-panini-caldi #fourth .container .overlay div {
mask-image: unset;
mask-repeat: unset;
mask-position: unset;
-webkit-mask-image: unset;
-webkit-mask-repeat: unset;
-webkit-mask-position: unset;
-webkit-mask-size: unset;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position {
width: calc(100% / 2 - 30px);
flex-basis: calc(100% / 2 - 30px);
}
.post-type-archive-posizioni-aperte #first .container .jobs .position:not(:nth-child(2n)) {
margin-right: 60px;
}
.single-posizioni-aperte #second .container .left, .single-posizioni-aperte #second .container .right {
padding-right: 43px;
}
.product-simple #heading {
height: 66vw;
margin-bottom: 70px;
}
.product-simple #heading .container .info {
padding: 135px 5.5vw 0;
}
.product-simple #heading .container .info .right .action a {
width: 68%;
}
.product-simple #third {
margin-top: 70px;
}
.single-panini-caldi #heading .container .left .text {
padding-right: 0;
}
.single-panini-caldi #heading .container .left .directions {
flex-flow: row wrap;
}
.single-panini-caldi #heading .container .left .directions .icon {
margin-left: 0;
}
.single-panini-caldi #heading .container .left .directions .icon:last-child {
margin-top: 20px;
}
.single-panini-caldi #heading .container .left .directions .icon:first-child {
margin-left: 7px;
}
.single-panini-caldi #heading .container .left .action a {
width: 73%;
}
.single-panini-caldi #second {
margin-bottom: 70px;
padding: 0;
margin-top: 180px;
}
.page-template-template-pane #heading {
padding: 0;
}
.page-template-template-pane #heading .container p {
max-width: 70%;
}
.page-template-template-pane #first .container .element {
width: calc(100% / 2 - 20px);
flex-basis: calc(100% / 2 - 20px);
}
.page-template-template-pane #first .container .element:not(:nth-child(3n)) {
margin-right: 0px;
}
.page-template-template-pane #first .container .element:not(:nth-child(2n)) {
margin-right: 40px;
}
.page-template-template-pane #first .container .element:not(:nth-last-child(-n + 3)) {
margin-bottom: 0px;
}
.page-template-template-pane #first .container .element:not(:nth-last-child(-n + 2)) {
margin-bottom: 20px;
}
.page-template-template-pane #first .container .element .text h2 {
padding: 0 60px;
}
.page-template-template-pane #first .container .element .text p {
max-width: 80%;
}
.error404 #heading .container .game-info {
padding-bottom: 20px;
}
.error404 #heading .container .game-info h2 {
font-size: 44px;
line-height: 48px;
}
.page-template-template-gdo #extra .container .text {
max-width: 100%;
}
.page-template-template-gdo #extra .container .icon {
position: relative;
left: unset;
top: unset;
}
}
@media screen and (max-width: 1220px) {
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
margin-left: 74px !important;
}
}
@media screen and (max-width: 1023px) {
.home #heading .container .slider.dev .slide .mobileBg {
display: block !important;
}
.home #heading .container .slider.dev .slide .imagesWrapper, .home #heading .container .slider.dev .slide .shadowsWrapper, .home #heading .container .slider.dev .slide .dishesWrapper {
display: none !important;
pointer-events: none !important;
}
.home #heading .container .slider.dev .slide {
height: 100%;
}
.home #heading .container .slider.dev .slide .textWrapper .text {
max-width: 41vw;
}
.home #heading .container .slider.dev .slide .textWrapper .text .link-wrapper {
margin-top: 48%;
}
html {
overflow: auto !important;
overflow-x: hidden !important;
}
html:not(.imagesLoaded) {
overflow: hidden !important;
}
#page {
transform: unset !important;
display: block !important;
perspective: unset !important;
will-change: unset !important;
transform-style: unset !important;
position: relative;
}
.home #heading .container {
height: 74vw;
}
.home #first .container .left, .home #first .container .right {
width: 100%;
flex-basis: 100%;
}
.home #first .container .right .paragraph {
max-width: 100%;
width: 100%;
}
.home #first .container {
margin: 30px 0 55px;
padding: 0 5vw;
}
.home #first .container .left h1 p {
margin-bottom: 10px;
}
.home #second .container .bottom .col {
width: 100%;
flex-basis: 100%;
margin-bottom: 50px;
}
.home #second .container .overlay {
height: 40vw;
}
.home #second .container .top .loop-wrapper {
height: 50vw;
}
.home #third .container .left, .home #third .container .right {
width: 100%;
flex-basis: 100%;
height: 65vw;
}
.home #third .container .left {
margin-bottom: 50px;
}
.home #third .container .left .parallax-content .images .image-wrapper:first-child, .home #third .container .right .parallax-content .images .image-wrapper:first-child {
left: -9vw;
top: -18vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:last-child, .home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -9.7vw;
top: -24vw;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 45%;
line-height: 50px;
margin-left: 33px;
font-size: 45px;
}
.home #third .container .left .parallax-content .images .image-wrapper:nth-child(2), .home #third .container .right .parallax-content .images .image-wrapper:nth-child(2) {
top: -6vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:last-child, .home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -9.7vw;
top: -7vw;
}
.home #third .container .right .parallax-content .images .image-wrapper:last-child {
left: auto;
right: -2vw;
top: 3vw;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper:nth-child(2) {
left: -1vw;
top: 13vw;
}
.home #second .container {
margin-bottom: 55px;
}
.home #fourth .container .col .title h3 {
font-size: 24px;
line-height: 30px;
}
.page-template-template-intrapan #heading .container .left, .page-template-template-intrapan #heading .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-intrapan #heading .container .center {
width: 100%;
flex-basis: 100%;
margin-left: 0;
margin-bottom: 70px;
}
.page-template-template-intrapan #heading .container .center svg {
margin-top: 0;
}
h4, .h4 {
font-size: 26px;
line-height: 32px;
}
.page-template-template-intrapan #first .container .box {
width: 100%;
flex-basis: 100%;
margin-bottom: 40px;
}
.page-template-template-intrapan #heading {
margin-bottom: 50px;
}
.page-template-template-intrapan #first .container .box {
padding-left: 0;
border: 0;
margin-right: 0 !important;
}
.page-template-template-intrapan #heading {
margin-bottom: 20px;
}
.page-template-template-intrapan #first {
display: block;
margin-bottom: 50px;
}
.page-template-template-intrapan #first .container .box .title {
margin-bottom: 0;
}
.page-template-template-intrapan #first .container .box .text p:last-child {
margin-bottom: 0;
margin-top: 10px;
}
.page-template-template-intrapan #heading .container .right .box:last-child {
margin-top: 20px;
}
.page-template-template-intrapan #heading .container .center span.start {
top: 54%;
}
.page-template-template-intrapan #heading .container .center svg tspan:first-child, .page-template-template-intrapan #heading .container .center svg tspan:nth-child(2) {
display: none;
}
.page-template-template-sostenibilita #heading .container, .page-template-template-impegno #heading .container {
height: 65vw;
}
.page-template-template-impegno #heading .container .text .paragraph {
max-width: 100%;
}
.page-template-template-sostenibilita #first .container .left, .page-template-template-sostenibilita #first .container .center, .page-template-template-sostenibilita #first .container .right, .page-template-template-impegno #first .container .left, .page-template-template-impegno #first .container .center, .page-template-template-impegno #first .container .right {
width: 100%;
padding-left: 20px;
margin-bottom: 30px;
}
.page-template-template-impegno #second {
margin: 10px 0;
}
h3, .h3 {
font-size: 19px;
line-height: 24px;
}
.nav-item:not(:nth-last-child(-n + 2)) {
margin-bottom: 40px;
}
.page-template-template-produzione #heading .container .right {
margin-top: 35px;
width: 100%;
flex-basis: 100%;
}
.page-template-template-produzione #heading .container .left {
width: 100%;
flex-basis: 100%;
}
.page-template-template-produzione #heading .container .right .text-intro {
max-width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.page-template-template-produzione #heading .container .right .text {
max-width: 100%;
}
.page-template-template-produzione #heading .container .left .title {
margin-bottom: 6px;
}
.page-template-template-produzione #heading .container .right {
margin-top: 20px;
}
.page-template-template-produzione #first .container .left, .page-template-template-produzione #first .container .right {
width: 100%;
flex-basis: 100%;
order: 1;
}
.page-template-template-produzione #first .container .left {
padding-right: 0;
width: 100%;
order: 2;
margin-top: 20px;
}
.page-template-template-produzione #second .container .steps .step {
width: 73vw !important;
margin-left: 18% !important;
margin-top: 130px !important;
}
.page-template-template-qualita #heading .container .right {
padding-left: 0;
width: 100%;
}
.page-template-template-qualita #heading .container .left {
width: 100%;
}
.page-template-template-qualita #first .container .right {
width: 100%;
padding-left: 0;
}
.page-template-template-qualita #first .container .left {
width: 100%;
}
.page-template-template-qualita #first .container .bottom .step {
width: 34%;
}
.page-template-template-qualita #first .container .bottom {
padding: 0 90px;
}
.page-template-template-qualita #heading .container .left {
padding-bottom: 20px;
margin-bottom: 40px;
}
.page-template-template-qualita #first {
margin-top: 50px;
margin-bottom: 84px;
}
.page-template-template-qualita #first .container .bottom .step .image {
width: 100%;
min-height: 230px;
}
.page-template-template-qualita #second .container .parallax .left {
width: 100%;
padding-right: 0;
}
.page-template-template-qualita #second .container .parallax .right {
width: 100%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:first-child {
left: -5vw;
top: -21vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper {
width: 124%;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:nth-child(2) {
left: -5vw;
top: -9vw;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper:last-child {
top: -13vw;
left: 8vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:first-child {
left: -8vw;
top: -22vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:nth-child(2) {
display: none;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper {
width: 82%;
}
.page-template-template-qualita #third .container .parallax .right {
width: 100%;
padding-left: 0;
}
.page-template-template-qualita #third .container .parallax {
padding-top: 250px;
}
.page-template-template-qualita #third .container .parallax .left {
width: 100%;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:nth-child(2) {
top: -49.6vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:first-child {
left: -9vw;
top: -59.1vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:last-child {
right: -9vw;
top: -50vw;
}
.page-template-template-qualita #second {
margin-bottom: 40px;
}
.page-template-template-qualita #third .container .parallax .right .title {
margin-bottom: 9px;
}
.page-template-template-sostenibilita #heading .container .image img, .page-template-template-sostenibilita #heading .container .image video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.page-template-template-sostenibilita #second .container .left, .page-template-template-sostenibilita #third .container .left {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.page-template-template-sostenibilita #second .container .right, .page-template-template-sostenibilita #third .container .right {
width: 100%;
}
.page-template-template-sostenibilita #third .container .right {
order: 2;
}
.page-template-template-sostenibilita #third .container .left {
margin-left: 0;
}
.page-template-template-sostenibilita #fifth .container .left, .page-template-template-sostenibilita #fifth .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-sostenibilita #fifth .container .left {
margin-bottom: 30px;
}
.page-template-template-sostenibilita #fourth .container .right {
order: 1;
flex-flow: row wrap;
}
.page-template-template-sostenibilita #fourth .container .left {
order: 2;
}
.page-template-template-sostenibilita #second .container {
margin-top: 15px;
}
.page-template-template-sostenibilita #fourth .container .right .col {
width: 50%;
flex-basis: 50%;
}
.page-template-template-sostenibilita #fourth .container .right .col {
width: 34%;
flex-basis: 34%;
margin: 0 !important;
margin-top: 37px !important;
}
.page-template-template-sostenibilita #fourth .container .left {
width: 100%;
padding-top: 10px;
}
.post-type-archive-panini-caldi .category-row .name {
width: 60px;
height: 27vw;
left: 10px;
}
.post-type-archive-panini-caldi .category-row .name span {
font-size: 19px;
line-height: 19px;
}
.products-grid.simple .grid-item a .product-info .text {
max-width: 90%;
}
.products-grid.simple .grid-item a .product-info .title {
margin-top: 0;
max-width: 90%;
}
.products-grid.simple .grid-item .moravia-badge {
left: 20px;
}
.products-grid.simple .grid-item .moravia-badge img {
width: 45%;
height: auto;
display: block;
}
.page-template-template-gdo #heading .container .right {
margin-top: 0px;
}
.page-template-template-gdo #first .container .wrapper .title h2 {
line-height: 34px;
}
.page-template-template-gdo #first .container .wrapper .title {
left: 6.5vw;
top: 3.2vw;
max-width: 41.5vw;
}
.page-template-template-gdo #first {
margin-bottom: 65px;
}
.product-slider-wrapper .navigation {
min-width: auto;
position: relative;
display: flex;
flex-flow: row nowrap;
top: unset;
order: 2;
left: auto;
}
.product-slider-wrapper {
width: 100%;
height: auto;
position: relative;
display: flex;
flex-direction: column;
}
.product-slider-wrapper .product-slider .slides .slide-item {
position: absolute;
top: unset;
left: unset;
}
.product-slider-wrapper .navigation .navigation-selector {
display: none;
}
.product-slider-wrapper .navigation .navigation-item {
height: auto;
padding: 10px 15px;
background: #fff;
border-radius: 25px;
justify-content: center;
align-items: center;
}
.product-slider-wrapper .navigation .navigation-item span {
font-size: 17px !important;
line-height: 20px !important;
text-align: center;
display: block;
font-weight: bold;
}
.product-slider-wrapper .navigation {
align-items: stretch;
column-gap: 10px;
}
.product-slider-wrapper .overlay {
height: 80%;
z-index: 0;
mask-image: unset;
mask-position: unset;
background-color: #d9d1ca;
-webkit-mask-image: unset;
}
.product-slider-wrapper .product-slider .slides .slide-item .text {
width: 90%;
}
.product-slider-wrapper .product-slider .slides .slide-item .link-wrapper {
position: relative;
right: unset;
top: unset;
transform: unset;
z-index: 2;
margin-top: 18px;
}
.product-slider-wrapper .product-slider .slides {
width: 100%;
height: 55vw;
padding-top: 0px;
}
.product-slider-wrapper .product-slider {
padding-bottom: 35px;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] {
padding-left: 15px;
background: #DC8444;
}
.product-slider-wrapper .navigation .navigation-item[data-current="true"] span {
color: #fff;
}
.product-slider-wrapper .overlay {
height: calc(80% + 5px);
}
.page-template-template-vending #heading .container .left, .page-template-template-vending #heading .container .right {
width: 100%;
}
.page-template-template-vending #heading .container .left {
padding-right: 0vw;
}
.page-template-template-vending #heading .container .left .sub, .page-template-template-vending #heading .container .left .text {
padding-right: 0;
}
.page-template-template-vending #first .container .left {
width: 77%;
padding-right: 0;
margin: 0 auto;
order: 2;
margin-top: 55px;
}
.page-template-template-vending #first .container .right {
width: 100%;
}
.page-template-template-vending #second .container .left, .page-template-template-vending #second .container .right {
width: 100%;
}
.page-template-template-vending #second .container .left .text {
width: 100%;
margin-bottom: 0;
}
.page-template-template-vending #second .container .left {
display: flex;
flex-direction: column;
padding-right: 0;
justify-content: center;
align-items: center;
}
.page-template-template-vending #second .container .right .gusti {
margin-top: 20px;
justify-content: center;
}
.product-slider-wrapper .navigation .navigation-item {
margin-bottom: 10px;
}
.product-slider-wrapper .navigation {
flex-direction: column;
transform: unset;
}
.product-slider-wrapper .overlay {
height: calc(53% + 5px);
}
.product-slider-wrapper .product-slider {
padding-bottom: 0px;
}
.product-slider-wrapper .overlay {
height: calc(57% + 1px);
}
.page-template-template-vending #third .container > .text {
margin-bottom: 71px;
}
.page-template-template-gdo .product-slider-wrapper .overlay {
height: calc(66% + 1px);
}
.page-template-template-horeca #heading .container .left, .page-template-template-horeca #heading .container .right {
width: 100%;
}
.page-template-template-horeca #heading .container .left .text {
margin-bottom: 29px;
margin-top: 7px;
}
.page-template-template-horeca #heading .container .left .image {
margin-top: 5px;
width: 100%;
margin-left: auto;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.page-template-template-horeca #heading .container .left .image img {
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.page-template-template-horeca #heading .container .right {
padding-left: 0;
padding-top: 40px;
}
.page-template-template-horeca #second {
margin-bottom: 52px;
}
.page-template-template-horeca #third .container .title {
margin-bottom: 55px;
}
.page-template-template-horeca .product-slider-wrapper .overlay {
height: calc(66% + 1px);
}
.page-template-template-bando #heading .container .image img {
width: 100%;
height: auto;
}
.page-template-template-bando #heading .container::before {
height: 32px;
}
.page-template-template-bando #first .container::before {
height: 32px;
}
.page-template-template-bando #first .container .last span {
font-size: 18px;
line-height: 23px;
}
.page-template-template-bando #first .container .title h3 {
max-width: 100%;
}
.product-default #heading .container .left, .product-default #heading .container .center, .product-default #heading .container .right, .single-panini-caldi #heading .container .left, .single-panini-caldi #heading .container .center, .single-panini-caldi #heading .container .right {
width: 100%;
flex-basis: 100%;
}
.product-default #heading .container .left h1, .single-panini-caldi #heading .container .left h1 {
width: 100%;
}
.product-default #heading .container .left .text, .single-panini-caldi #heading .container .left .text {
padding-right: 0;
}
.product-default #heading .container .left .info, .single-panini-caldi #heading .container .left .info {
flex-flow: row wrap;
width: 70%;
}
.product-default #heading .container .left .weight, .single-panini-caldi #heading .container .left .weight {
width: 30%;
}
.product-default #heading .container .left, .single-panini-caldi #heading .container .left {
flex-flow: row wrap;
margin-bottom: 30px;
}
.product-default #heading .container .left .info .el, .single-panini-caldi #heading .container .left .info .el {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
padding-right: 0;
}
.general-info.-single .more-info .info {
width: 50%;
flex-basis: 50%;
padding: 18px 0;
}
.general-info.-single .more-info .info:nth-child(odd)::before {
width: 200%;
}
.general-info.-single {
padding-left: 0;
}
.general-info.-single .more-info .info:nth-child(2) {
padding-top: 18px;
}
.product-default .general-info .sales-channel .channel:not(:last-child), .single-panini-caldi .general-info .sales-channel .channel:not(:last-child) {
margin-right: 45px;
}
.product-default #heading .container .-bottom.left, .single-panini-caldi #heading .container .-bottom.left {
flex-direction: column !important;
}
.product-default #heading .container .-bottom.left .paragraph, .single-panini-caldi #heading .container .-bottom.left .paragraph {
max-width: 100%;
}
.product-default #heading .container .-bottom.left .ingredients-info, .single-panini-caldi #heading .container .-bottom.left .ingredients-info {
max-width: 100%;
}
.product-default #heading .container .-bottom.right, .single-panini-caldi #heading .container .-bottom.right {
padding-left: 0;
padding-top: 50px;
}
.ingredients .ingredient .left {
width: 100%;
flex-basis: 100%;
height: 100%;
}
.ingredients .ingredient {
width: 100%;
height: auto;
}
.ingredients .ingredient .right .text {
max-width: 70vw;
}
.ingredients .ingredient .right {
width: 100%;
flex-basis: 100%;
padding: 50px 0 80px;
mask-image: unset;
mask-repeat: unset;
mask-position: unset;
-webkit-mask-image: unset;
-webkit-mask-repeat: unset;
-webkit-mask-position: unset;
-webkit-mask-size: unset;
}
.ingredients .slick-dots {
right: auto;
left: 50%;
transform: translateX(-50%);
bottom: 50px !important;
}
.ingredients + .arrow-next {
top: auto;
bottom: -85px;
}
.ingredients .ingredient .left {
width: 100%;
flex-basis: 100%;
height: 56vw;
margin-bottom: 10px;
margin-right: 0;
}
.ingredients .ingredient .right {
height: 50vw;
}
.product-default #third .container .right, .single-panini-caldi #third .container .right {
padding-left: 30px;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
width: 40px;
height: 40px;
right: 0px !important;
bottom: -80px !important;
}
.related .products-grid {
padding: 0;
}
.product-default #heading, .single-panini-caldi #heading {
margin-bottom: 0px;
}
.product-default #heading .container .center .product-image, .single-panini-caldi #heading .container .center .product-image {
justify-content: center;
margin-top: 0;
}
.product-default #heading .container .center .product-image img, .single-panini-caldi #heading .container .center .product-image img {
margin-bottom: 0;
}
.product-default #heading .container .center, .single-panini-caldi #heading .container .center {
margin-bottom: 35px;
}
.product-default #heading .container .-bottom.center, .single-panini-caldi #heading .container .-bottom.center {
z-index: 2;
order: 3;
}
.product-default #heading .container .right {
order: 4;
}
.product-default #heading .container .-bottom.left, .single-panini-caldi #heading .container .-bottom.left {
order: 5;
}
.product-default #heading .container .center .product-image .image.-pack, .single-panini-caldi #heading .container .center .product-image .image.-pack {
top: 0;
transform: translate(-50%, 0%);
}
[data-scroll-container], [data-scroll-section] {
transform-style: unset !important;
will-change: unset !important;
}
.product-default #second, .single-panini-caldi #second {
margin-top: 0px;
margin-bottom: 100px;
}
.product-default #heading .container .left, .single-panini-caldi #heading .container .left {
margin-bottom: 0;
}
.product-default #heading .container .-bottom, .single-panini-caldi #heading .container .-bottom {
min-height: auto;
}
.product-default #heading .container .-bottom.left, .single-panini-caldi #heading .container .-bottom.left {
margin: 35px 0;
}
.product-default #heading .container .-bottom.right, .single-panini-caldi #heading .container .-bottom.right {
padding-left: 0;
padding-top: 0;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3) {
padding-right: 102px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6) {
padding-left: 108px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2) {
padding-left: 55px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5) {
padding-right: 65px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position {
width: calc(100%);
flex-basis: calc(100%);
}
.post-type-archive-posizioni-aperte #first .container .jobs .position:not(:last-child) {
margin-bottom: 20px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position:not(:nth-child(2n)) {
margin-right: 0px;
}
.single-posizioni-aperte #heading .container .left, .single-posizioni-aperte #heading .container .right {
width: 100%;
flex-basis: 100%;
}
.single-posizioni-aperte #heading .container .left {
margin-bottom: 20px;
}
.single-posizioni-aperte #second .container .left, .single-posizioni-aperte #second .container .right {
width: 100%;
padding-right: 0 !important;
margin-left: 0;
margin-right: 0;
}
.single-posizioni-aperte #second .container .left {
margin-bottom: 30px;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:last-child .shadow {
bottom: 0;
}
.product-default #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child .shadow, .single-panini-caldi #heading .container .center .product-image .image.-product.-rolle .image-wrapper:first-child .shadow {
top: 0px;
}
.product-default #heading .container .left:not(.-bottom), .product-default #heading .container .right:not(.-bottom), .single-panini-caldi #heading .container .left:not(.-bottom), .single-panini-caldi #heading .container .right:not(.-bottom) {
margin-top: 0;
}
.product-default.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .product-default.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .left:not(.-bottom), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) .right:not(.-bottom) {
margin-top: 0px !important;
}
.product-default.single-tramezzini #heading .container .center .product-image:not(.-rolle) .image {
padding-bottom: 140px !important;
}
.product-default #third .container .right .title, .single-panini-caldi #third .container .right .title {
max-width: 100%;
}
.product-simple #first .container .left {
width: 100%;
}
.product-simple #first .container .right {
width: 100%;
}
.product-simple #first .container .left .image {
padding-bottom: 0;
}
.product-simple #first .container .right .general-info {
padding-left: 0;
margin-bottom: 0;
}
.product-simple #first {
margin-bottom: 40px;
}
.product-simple #third .container .bottom .left, .product-simple #third .container .bottom .center, .product-simple #third .container .bottom .right {
width: 100%;
}
.product-simple #third .container .bottom .left h2, .product-simple #third .container .bottom .left p {
width: 100%;
}
.product-simple #third .container .top .left, .product-simple #third .container .top .center, .product-simple #third .container .top .right {
width: 100%;
}
.product-simple #third .container .bottom {
padding-top: 20px;
}
.product-simple #third .container .bottom .left {
margin-bottom: 30px;
}
.single-panini-caldi #heading .container .left {
justify-content: flex-start;
}
.single-panini-caldi #heading.simple .container .canali {
top: 29%;
}
.single-panini-caldi #heading .container .left .info {
width: 100%;
}
.single-panini-caldi #heading .right {
display: none !important;
}
.single-panini-caldi #heading .image.mobile {
display: block !important;
}
.single-panini-caldi #heading .image.mobile img {
width: 100%;
height: auto;
display: block;
}
.single-panini-caldi #heading .container .left .directions {
width: 100%;
}
.single-panini-caldi #heading .container .left .directions .icon:last-child {
margin-top: 0;
}
.single-panini-caldi #heading .container .left .weight {
width: auto;
}
.single-panini-caldi #heading .container .left .directions .icon {
margin-left: 15px;
}
.single-panini-caldi #second .container .left, .single-panini-caldi #second .container .right, .single-panini-caldi #second .container .center {
width: 100%;
flex-basis: 100%;
margin-right: 0;
margin-left: 0;
}
.single-panini-caldi #second .container .left, .single-panini-caldi #second .container .center {
margin-bottom: 30px;
}
.product-default.single-tramezzini .section-top:not(.-rolle), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) {
margin-top: 110px;
}
.product-default.single-tramezzini .section-top:not(.-rolle), .single-panini-caldi.single-tramezzini .section-top:not(.-rolle) {
margin-top: 135px;
}
.ingredients .ingredient .right .moravia-badge {
display: flex;
align-items: flex-start;
justify-content: center;
}
.ingredients .ingredient .right .moravia-badge img {
width: 60%;
height: auto;
}
.ingredients .ingredient.moravia .right {
padding-top: 100px;
}
.post-type-archive-panini-caldi .products-grid .grid-item {
position: relative;
}
.post-type-archive-panini-caldi .products-grid .grid-item .action {
bottom: 25px !important;
}
.tax-archive-default #second .container .col, .tax-archive-simple #second .container .col, .post-type-archive-panini-caldi #second .container .col {
position: relative;
z-index: 1;
}
.tax-archive-default #second .container .overlay, .tax-archive-simple #second .container .overlay, .post-type-archive-panini-caldi #second .container .overlay {
z-index: 0;
}
.page-template-template-pane #first .container .element:nth-child(3n + 2), .page-template-template-pane #first .container .element:nth-child(2), .page-template-template-pane #first .container .element:nth-child(3n) {
margin-top: 0;
}
.error404 #heading .container .text-wrapper .char span {
font-size: 410px;
line-height: 410px;
}
.error404 #heading .container .text-wrapper .zero {
width: 310px;
height: 340px;
}
.product-default.single-piatti-pronti #heading .container .center .product-image canvas {
padding-top: 0px;
}
.product-default.single-piatti-pronti #heading .container .-bottom.center .ingredients-background {
min-height: 1000px;
}
.page-template-template-cataloghi #heading {
margin-bottom: 20px;
}
.page-template-template-cataloghi #first .container .title-wrapper {
padding: 13px 0;
margin-top: 25px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo {
width: calc(100% / 2 - 40px);
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo:not(:nth-child(3n)) {
margin-right: 0px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo:not(:nth-child(2n)) {
margin-right: 80px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .image-wrapper img, .page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .image-wrapper picture {
max-height: unset;
}
.single-panini-caldi #heading .container.custom {
height: auto;
margin-top: 160px;
}
.single-panini-caldi #heading .container.custom .right {
display: none !important;
}
.single-panini-caldi #heading .container.custom .canvas-mobile {
display: flex !important;
height: 35vh;
width: 100%;
}
.single-panini-caldi #heading .container.custom .canvas-mobile canvas {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transform: scale(1.1);
transform-origin: center;
}
.single-panini-caldi #first .container.custom .left {
width: 100%;
margin-bottom: 50px;
}
.single-panini-caldi #first .container.custom .right {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.single-panini-caldi #heading .container.custom .canali {
position: relative;
right: unset;
top: unset;
transform: unset;
margin-top: 45px;
}
.single-panini-caldi #heading .container.custom .canali .general-info .sales-channel {
display: flex;
flex-flow: row wrap !important;
align-items: flex-end;
justify-content: flex-start;
}
.single-panini-caldi #heading .container.custom .canali .general-info .sales-channel .main-label {
width: 100%;
display: block;
text-align: left;
margin-bottom: 35px;
}
.single-panini-caldi #heading .container.custom .canali .general-info .sales-channel .channel {
margin-right: 25px;
}
.single-panini-caldi #heading .container.custom .left .text {
width: 100%;
}
.single-panini-caldi #heading.custom {
height: auto !important;
}
.page-template-template-cataloghi #book .container .title {
align-items: flex-start;
flex-direction: column;
}
.page-template-template-cataloghi #book .container .title h1 {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.df-container.df-floating > .df-ui-prev {
left: -9px;
}
.df-container.df-floating > .df-ui-next {
right: -9px;
}
.page-template-template-cataloghi #book {
min-height: auto;
}
.site-pop-up {
width: 70vw;
}
.blog #first .container {
gap: 50px 60px;
}
.blog #first .container .single-news {
width: calc(100% / 2 - 30px);
}
.home #fifth .container {
flex-direction: column;
align-items: flex-start;
}
.home #fifth .container .magazine-head {
flex-direction: row;
width: 100%;
align-items: center;
justify-content: space-between;
padding-left: 0;
padding-bottom: 10px;
height: auto;
}
.home #fifth .container .magazine-head::before {
height: 2px;
width: 100%;
top: auto;
left: 0;
bottom: 0;
}
.home #fifth .container .news-block {
width: 100%;
margin-top: 50px;
}
}
@media only screen and (max-width: 850px) {
.single-post #heading > .container {
flex-direction: column;
align-items: flex-start;
gap: 70px;
}
.single-post #heading > .container .news-head {
transform: unset !important;
width: 100%;
}
.single-post #heading > .container .news-content {
width: 100%;
}
.single-post #first .container {
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.single-post #first .container .single-news {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.site-pop-up .close-site-pop img {
width: 20px;
height: 20px;
}
.single-snack .products-grid.related-grid {
padding: 0 0vw;
}
.single-post #heading .container .news-content .single-row:not(:last-child) {
margin-bottom: 30px;
}
.blog #heading .container {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.blog #first .container .single-news {
width: 100%;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow {
width: 30px;
height: 30px;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-next {
right: -10px;
}
.single-post #heading .container .news-content .single-row.gallery .gallery-container .slick-arrow.slick-prev {
left: -10px;
}
.single-post #heading .container .news-content .single-row.gallery {
padding: 0 40px;
}
}
@media screen and (max-width: 600px) {
.home #heading .container .slider.dev .slide.slide5 .textWrapper .text .title-wrapper h2 {
color: #585857 !important;
}
.home #heading .container .slider.dev .slide.slide4 .textWrapper .text .title-wrapper h2 {
color: #585857 !important;
}
.home #heading .container .slider.dev .slide .mobileBg {
position: relative;
height: auto;
}
.home #heading .container .slider.dev .slide {
background: unset !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.home #heading .container .slider.dev .slide .textWrapper .text {
max-width: 100%;
}
.home #heading .container .slider.dev .slide .textWrapper, .home #heading .container .slider.dev .slide {
height: auto;
}
.home #heading .container .slider.dev .slide .textWrapper {
height: auto;
background: #ffffff96;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 27px 5vw;
}
.home #heading .container .slider.dev .slide .textWrapper .text .link-wrapper {
margin-top: 20px;
}
.home #heading .container .slider.dev .slide .textWrapper .text .title-wrapper h2 {
font-size: 26px;
line-height: 30px;
}
.error404 #heading .container .tutorial img {
width: 30px;
height: auto;
}
.error404 #heading .container .tutorial {
top: 180px;
}
.home #heading .container .banner {
position: relative;
bottom: unset;
right: unset;
width: 140px;
height: auto;
display: none !important;
}
.page-template-template-sostenibilita #heading .container .text, .page-template-template-impegno #heading .container .text {
padding-top: 49px;
}
header#masthead .header-main-navigation nav .primary-menu-container > ul > li.menu-contatti {
display: none !important;
}
header#masthead .header-main-navigation {
width: calc(100% - 75px);
height: 65px;
order: 1;
}
header#masthead .header-side-navigation {
position: relative;
z-index: 5;
width: 65px;
height: 65px;
order: 2;
margin-left: 10px;
margin-right: 0;
}
header#masthead .header-main-navigation .languages {
display: flex;
}
header#masthead .header-main-navigation .languages span, header#masthead .header-main-navigation .languages a {
font-size: 16px;
line-height: 16px;
padding: 0 2px;
}
header#masthead .header-main-navigation .languages span.lang_sel, header#masthead .header-main-navigation .languages a.lang_sel {
font-weight: bold;
}
header#masthead .header-side-navigation #side-navigation {
left: auto;
right: 0;
top: 0;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container {
transform-origin: top right;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item > span a {
font-size: 36px;
line-height: 46px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span a {
font-size: 20px;
line-height: 30px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container {
padding: 100px 20px 50px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .primary > div.menu-item .menu-item-submenu span:not(:last-child) {
margin-bottom: 12px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-magazine {
margin-left: 0;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .socials {
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .side-item-magazine a:first-child {
font-size: 20px;
line-height: 30px;
margin: 14px 0px;
}
header#masthead .languages {
top: 32px;
right: auto;
}
header#masthead .languages span span, header#masthead .languages span a {
font-size: 18px;
line-height: 18px;
}
header#masthead .header-side-navigation #side-navigation:not(.active) .side-navigation-container {
pointer-events: none;
transform: scale(9%, 2%);
}
.home #heading .container .slider .slide .slide-bg {
position: relative;
top: unset;
left: unset;
height: auto;
border-radius: 10px;
overflow: hidden;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.home #heading .container .slider .slide .slide-content {
padding: 0 5vw;
}
.slick-dots {
position: absolute;
bottom: 0 !important;
}
.slick-dots li button::before {
background: #585857 !important;
}
.home #heading .container .slider .slide .slide-content .title {
max-width: 100%;
width: 100%;
}
.home #heading .container {
height: auto;
}
.home #heading .container {
height: auto;
padding-top: 10px;
padding: 10px 10px;
padding-top: 85px;
padding-bottom: 0;
}
.home #heading .container .slider .slide .slide-content {
height: auto;
padding-bottom: 25px;
background: #ffffff96;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.home #heading .container .slider .slide .slide-content .title {
margin-bottom: 0;
}
h1, .h1 {
font-size: 30px;
line-height: 36px;
}
.home #second .container .overlay {
height: 50vw;
}
.home #second .container .top .loop-wrapper {
height: 50vw;
margin-top: -45px;
}
.home #second .container .bottom .col {
padding-left: 20px;
padding-right: 2vw;
}
h2, .h2 {
font-size: 26px;
line-height: 35px;
}
.home #third .container .left, .home #third .container .right {
width: 100%;
flex-basis: 100%;
height: 75vw;
}
.home #third .container .left .parallax-content .content, .home #third .container .right .parallax-content .content {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-left: 10px;
}
.home #third .container .left .parallax-content .content h3, .home #third .container .right .parallax-content .content h3 {
max-width: 100%;
line-height: 36px;
margin-left: 0;
font-size: 30px;
margin-bottom: 21px;
}
.home #third .container .left .parallax-content .images .image-wrapper:nth-child(2), .home #third .container .right .parallax-content .images .image-wrapper:nth-child(2) {
top: -14vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:first-child, .home #third .container .right .parallax-content .images .image-wrapper:first-child {
left: -9vw;
top: -26vw;
}
.home #third .container .left .parallax-content .images .image-wrapper:last-child, .home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -9.7vw;
top: -15vw;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper:nth-child(2) {
left: -1vw;
top: 15vw;
}
.home #third .container .right .parallax-content .images .images-left .image-wrapper {
width: 120%;
}
.home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -2vw;
top: 7vw;
}
.home #second .container .bottom .col {
padding-left: 25px;
padding-right: 5vw;
}
.home #second .container .bottom {
padding: 0 0vw 0 5vw;
}
.home #second .container {
margin-bottom: 30px;
}
.home #fourth .container .col.-title {
padding-left: 25px;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.home #fourth .container .col.-title h2 {
margin-bottom: 20px;
}
.home #fourth .container .col:not(.-title) {
width: 100%;
flex-basis: 100%;
padding-right: 0;
}
.home #fourth .container .col .image {
height: auto;
}
.home #fourth .container .col:not(.-title):last-child {
margin-left: 0;
margin-top: 40px;
}
.home #third .container {
margin-bottom: 60px;
}
.home #third .container .right .parallax-content .images .image-wrapper:last-child {
right: -2vw;
top: 7vw;
left: auto;
}
.home #fourth .container .col .title {
width: 100%;
margin: 24px 0 13px;
}
#footer-top .container {
margin-bottom: 22px !important;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px !important;
padding: 0 5vw !important;
}
#footer-top .container h2, #footer-top .container p {
text-align: center;
font-size: 31px;
line-height: 37px;
}
#footer-top .container h2::before {
bottom: 20px;
}
.home #third .container .left {
margin-bottom: 35px;
}
.home #heading .container .slider {
border-radius: 10px;
}
.home #heading .container .slider .slide .slide-bg img {
display: block;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.slick-dots {
position: absolute;
bottom: 21px !important;
text-align: right !important;
padding-right: 12px !important;
}
.home #heading .container .slider .slide .arrow-button {
width: 40px;
}
.home #heading .container .slider .slide .arrow-button a {
width: 40px;
height: 40px;
}
.home #heading .container .slider .slide .arrow-button a span {
display: none;
}
.home #heading .container .slider .slide .slide-content .title::before {
display: none;
}
.home #heading .container .slider .slide .slide-content .title {
padding-bottom: 0;
}
.home #first .container .left h1 p {
margin-top: 5px;
}
.home #heading .container .slick-arrow {
display: none !important;
}
.home #heading .slider .slick-slide {
margin: 0 5px;
}
.home #heading .slider .slick-list {
margin: 0 -5px;
}
header#masthead .header-main-navigation .site-branding .custom-logo-link {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4px;
margin-left: -22px;
}
.section-top {
margin-top: 135px;
}
.page-template-template-intrapan #heading .container .center {
min-height: 356px;
margin-left: 0;
margin-bottom: 35px;
}
.page-template-template-intrapan #heading .container .center span.start img {
width: 41%;
margin-left: 19px;
}
.nav-item {
margin-bottom: 50px !important;
}
.nav-item:last-child {
margin-bottom: 0 !important;
}
.arrow-button a {
font-size: 18px;
line-height: 18px;
padding-right: 49px;
}
.page-template-template-intrapan #heading .container .center span.start {
top: 52%;
}
.page-template-template-intrapan #last.navigation {
display: block;
margin-bottom: 45px;
}
.page-template-template-intrapan #first {
display: block;
margin-bottom: 20px;
}
footer#colophon .footer-inner .footer-col:first-child {
padding-right: 29px !important;
}
.page-template-template-impegno #heading .container .image img {
object-position: -247vw;
height: 100%;
}
.page-template-template-sostenibilita #heading .container .text p, .page-template-template-impegno #heading .container .text p {
font-size: 16px;
line-height: 20px;
}
.page-template-template-sostenibilita #heading .container .text p, .page-template-template-impegno #heading .container .text p {
margin-top: 8px;
}
.page-template-template-sostenibilita #heading .container, .page-template-template-impegno #heading .container {
height: 115vw;
}
h4, .h4 {
font-size: 22px;
line-height: 26px;
}
.page-template-template-impegno #values .container .bottom {
margin-top: 5px;
}
.page-template-template-impegno #values .container .right {
padding-top: 5px;
}
.page-template-template-impegno #values {
margin-bottom: 10px;
}
.page-template-template-impegno #fourth .container .left .text p, .page-template-template-impegno #fourth .container .right .text p {
margin-top: 8px;
}
.nav-item {
margin-bottom: 38px !important;
}
.page-template-template-sostenibilita #last.navigation, .page-template-template-impegno #last.navigation {
margin-bottom: 60px;
}
.page-template-template-sostenibilita #fourth, .page-template-template-impegno #fourth {
margin-bottom: 50px;
}
.boxed {
width: 100%;
padding: 0px 5vw;
}
.page-template-template-impegno #second .container .bottom {
width: 100%;
}
.page-template-template-impegno #second .container .bottom .slick-slide {
width: 100%;
height: auto;
}
.page-template-template-impegno #second .container .bottom .slick-slide img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-impegno #second .container .bottom .slick-dots {
bottom: -26px !important;
}
.page-template-template-produzione #second .container .steps .step .content {
padding-right: 0;
padding-top: 60px;
}
.page-template-template-produzione #second .container .steps .step {
width: calc(100% - 70px) !important;
margin-left: 70px !important;
margin-top: 133px !important;
}
.page-template-template-produzione #second .container .steps .step:not(:first-child) {
margin-top: 86px !important;
}
.page-template-template-produzione #second .container .steps .step:nth-child(3) {
margin-top: 57px !important;
}
.page-template-template-produzione #second .container .steps .step:last-child {
margin-top: 54px !important;
}
.page-template-template-produzione #second .container .steps .step .content .icon {
position: absolute;
top: -9px;
left: 0;
}
.page-template-template-produzione #first {
margin-bottom: 50px;
}
.page-template-template-produzione #last {
margin-top: 94px;
margin-bottom: 40px;
}
.page-template-template-qualita #heading .container .left .title {
width: 100%;
margin-bottom: 25px;
padding-right: 107px;
}
.page-template-template-qualita #first .container .bottom {
padding: 0;
align-items: center;
justify-content: center;
}
.page-template-template-qualita #first .container .bottom .step {
width: 67%;
}
.page-template-template-qualita #first .container .bottom .step:not(:last-child) {
margin-bottom: 55px;
}
.page-template-template-qualita #first .container .bottom .step .image {
min-height: auto;
}
.page-template-template-qualita #first .container .right {
margin-bottom: 50px;
}
.page-template-template-qualita #second .container .parallax, .page-template-template-qualita #third .container .parallax {
min-height: auto;
padding: 7vw;
}
.page-template-template-qualita #second .container .parallax .left .title {
margin-bottom: 0;
}
.page-template-template-qualita #second .container .parallax .right {
order: 1;
}
.page-template-template-qualita #second .container .parallax {
padding-top: 115px;
}
.page-template-template-qualita #second .container .parallax .left {
order: 2;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper {
width: 140%;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper:last-child {
top: -27vw;
left: 8vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:first-child {
top: -63.1vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:nth-child(2) {
top: -52.6vw;
}
.page-template-template-qualita #third .container .parallax .left .images .image-wrapper:last-child {
top: -54vw;
}
.page-template-template-qualita #second .container .parallax .right .images .images-left .image-wrapper:first-child {
top: -41vw;
}
.page-template-template-qualita #second .container .parallax .right .images .image-wrapper:last-child {
top: -28vw;
left: 8vw;
}
.page-template-template-qualita #third .container .parallax {
padding-top: 220px;
}
.page-template-template-qualita #third {
margin-bottom: 67px;
}
.page-template-template-qualita #last.navigation {
margin-bottom: 45px;
}
.page-template-template-sostenibilita #heading .container .text .paragraph {
max-width: 90vw;
}
.page-template-template-sostenibilita #heading .container .text .title {
margin-bottom: 12px;
}
.page-template-template-sostenibilita #second .container .right, .page-template-template-sostenibilita #third .container .right {
padding: 35px 25px;
}
.page-template-template-sostenibilita #second .container .right .info .col:first-child, .page-template-template-sostenibilita #third .container .right .info .col:first-child {
margin-right: 0;
}
.page-template-template-sostenibilita #second .container .right .info, .page-template-template-sostenibilita #third .container .right .info {
flex-direction: column;
}
.page-template-template-sostenibilita #fourth .container .right {
padding-bottom: 36px;
}
.page-template-template-sostenibilita #fourth .container .left {
padding: 20px 25px;
}
.page-template-template-sostenibilita #fifth {
margin-bottom: 66px;
}
.page-template-template-sostenibilita #fourth .container .right .col {
width: 50%;
flex-basis: 30%;
}
.page-template-template-sostenibilita #fourth .container .right .col img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-sostenibilita #fourth .container .right .col {
width: 50%;
flex-basis: 35%;
}
.page-template-template-sostenibilita #fourth .container .right .col .label strong {
font-size: 38px;
line-height: 40px;
}
.info-item.grid-item {
width: 100%;
flex-basis: 100%;
padding-top: 0;
}
.general-info .more-info .info .label {
max-width: 100%;
}
.general-info .sales-channel {
margin-bottom: 25px;
}
.tax-archive-default #second, .tax-archive-simple #second, .post-type-archive-panini-caldi #second {
margin-bottom: 30px;
}
.tax-archive-default #first .container, .tax-archive-simple #first .container, .post-type-archive-panini-caldi #first .container {
width: 100%;
margin-bottom: 30px;
}
.grid-item.empty-item {
display: none;
}
.products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n + 2)):not(:first-child) {
border-right: unset !important;
}
.products-grid:not(.categories) .grid-item:nth-child(2) {
border-right: unset !important;
}
.products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n + 3)) {
border-right: 1px solid #beb4a8 !important;
}
.products-grid:not(.categories) .grid-item:first-child {
border-right: 1px solid #beb4a8 !important;
}
html body.tax-archive-default .products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):nth-child(2) {
border-right: unset !important;
}
.products-grid .grid-item a .product-info .text p {
font-size: 14px;
line-height: 18px;
}
.tax-tipologia-tramezzini .products-grid .grid-item a .product-image .image.-product {
max-width: 91%;
}
.tax-tipologia-tramezzini .products-grid .grid-item a .product-image .image.-product.-rolle img:last-child {
margin-top: -38px;
}
.general-info .more-info .info {
margin-bottom: 20px;
}
.products-grid .grid-item a .product-image .image {
max-width: 75%;
}
.products-grid.count3 .grid-item:nth-last-child(3) {
border-bottom: 0 !important;
}
.products-grid .grid-item a .product-info .title h4 {
font-size: 20px;
line-height: 24px;
}
.post-type-archive-panini-caldi .category-row .name {
position: relative;
top: unset;
left: unset;
width: 90vw;
height: auto;
margin: 0 auto;
padding: 20px 0;
margin: 22px auto;
}
.post-type-archive-panini-caldi .category-row .name span {
writing-mode: unset;
transform: unset;
backface-visibility: hidden;
}
.products-grid.categories .grid-item.info-item {
width: 90vw;
flex-basis: 90vw;
position: absolute;
top: 0;
}
.post-type-archive-panini-caldi .category-row:first-child {
padding-top: 72vw;
}
.post-type-archive-panini-caldi .category-row:first-child .products-grid .grid-item:first-child, .post-type-archive-panini-caldi .category-row:first-child .products-grid .grid-item:nth-child(2) {
border-bottom: unset !important;
}
.post-type-archive-panini-caldi .category-row:not(:first-child) .products-grid .grid-item:first-child, .post-type-archive-panini-caldi .category-row:not(:first-child) .products-grid .grid-item:nth-child(2) {
border-top: unset !important;
}
.post-type-archive-panini-caldi .category-row:not(:first-child) .products-grid .grid-item:nth-last-child(-n + 1) {
border-bottom: unset !important;
}
.post-type-archive-panini-caldi .category-row:nth-child(2) .products-grid .grid-item:nth-last-child(2), .post-type-archive-panini-caldi .category-row:nth-child(4) .products-grid .grid-item:nth-last-child(2), .post-type-archive-panini-caldi .category-row:nth-child(7) .products-grid .grid-item:nth-last-child(2) {
border-bottom: 0 !important;
}
.post-type-archive-panini-caldi .category-row:last-child .products-grid .grid-item:nth-child(2) {
border-bottom: 1px solid #c5bcb4 !important;
}
.products-grid.simple .grid-item {
width: 100%;
flex-basis: 100%;
}
.products-grid.simple .grid-item a .product-info .text {
max-width: 96%;
}
.products-grid.simple .grid-item a .product-info .title {
margin-top: 0;
max-width: 100%;
}
.products-grid.simple .grid-item .moravia-badge {
top: 20px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content .text {
padding-right: 0;
}
.page-template-template-gdo #first .container .wrapper .title {
left: unset;
top: unset;
max-width: 100%;
position: relative;
order: 1;
margin-bottom: 20px;
}
.page-template-template-gdo #first .container .wrapper .image {
order: 2;
}
.page-template-template-gdo #third {
margin-bottom: 0;
}
.page-template-template-gdo #first .container .wrapper {
display: flex;
flex-direction: column;
}
.page-template-template-gdo #heading .container {
margin-bottom: 70px;
}
.page-template-template-gdo #second .container .info-wrapper .info {
margin-bottom: 30px;
}
.page-template-template-gdo #extra .container .title {
margin-bottom: 0;
}
.page-template-template-gdo #third .container .title h2 {
line-height: 34px;
text-align: center;
padding: 0 30px;
}
.page-template-template-gdo #third .container .title {
margin-bottom: 40px;
}
.page-template-template-gdo #second .container .info-wrapper .info .content {
padding-top: 80px;
}
header#masthead .header-side-navigation #side-navigation .side-navigation-container .side-navigation-bottom .socials {
margin-top: 20px;
}
.page-template-template-vending #heading .container .left .intro {
margin-top: 25px;
margin-bottom: 30px;
}
.page-template-template-vending #heading .container .left .indicazioni .col {
width: calc(100% / 2);
}
.page-template-template-vending #heading .container .left .indicazioni .col .desc {
min-height: 40px;
}
.page-template-template-vending #first .container .right .title h2 {
line-height: 33px;
margin-bottom: 3px;
}
.page-template-template-vending #first {
margin-top: 30px;
}
.page-template-template-vending #first .container .right .gusti .gusto {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: -50px;
}
.page-template-template-vending #first .container .right .gusti .gusto .text {
border-left: none;
padding: 0;
margin: 0;
align-items: center;
margin-top: -60px;
}
.page-template-template-vending #first .container .left .image {
margin-left: 0;
}
.page-template-template-vending #first .container .left {
width: 100%;
}
.page-template-template-vending #second .container .right .gusti .gusto {
width: calc(48%);
margin-left: 0 !important;
margin-right: 0 !important;
}
.page-template-template-vending #second .container .left .text p:first-child {
margin-top: 0;
}
.page-template-template-vending #second .container .right .gusti {
margin-top: 10px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.page-template-template-vending #first .container .right .gusti .gusto .text span.value strong, .page-template-template-vending #second .container .right .gusti .gusto .text span.value strong {
font-size: 36px;
line-height: 36px;
}
.page-template-template-vending #second .container .right .gusti .gusto .text span.value {
font-size: 20px;
line-height: 20px;
margin-bottom: 11px;
}
.page-template-template-vending #third .container .title {
margin-bottom: 0;
}
.page-template-template-vending #third .container > .text {
max-width: 100%;
margin: 0 auto;
margin-bottom: 44px;
}
.product-slider-wrapper .product-slider .slides {
width: 100%;
height: 84vw;
}
.product-slider-wrapper .overlay {
height: calc(52%);
}
.page-template-template-gdo .product-slider-wrapper .overlay {
height: calc(61% + 1px);
}
.page-template-template-vending #third {
margin-bottom: 25px;
}
.page-template-template-vending #second {
margin-top: 12px;
margin-bottom: 60px;
}
.page-template-template-horeca #heading .container .right > .title h2 {
line-height: 31px;
}
.page-template-template-horeca #heading .container .right > .title {
width: 100%;
margin-bottom: 33px;
}
.page-template-template-horeca #heading .container .right .box .content {
padding-left: 22px;
padding-right: 0;
}
.page-template-template-horeca #heading .container .right .box .row .col {
width: 100%;
padding-right: 0;
}
.page-template-template-horeca #heading .container .right .box .row .col:not(:last-child) {
margin-bottom: 20px;
}
.page-template-template-horeca #heading .container .right .box .row .col .text {
min-height: auto;
}
.page-template-template-horeca #heading .container .left .text {
margin-bottom: 8px;
margin-top: 7px;
}
.page-template-template-horeca #heading .container .right .box:last-child {
margin-top: 40px;
}
.page-template-template-horeca #first .container .left .image img {
height: auto;
}
.page-template-template-horeca #first .container .left .image:first-child {
margin-bottom: 10px;
width: 100%;
padding-right: 0;
}
.page-template-template-horeca #first .container .left .image:last-child {
width: 100%;
}
.page-template-template-horeca #first .container .right .title h2 {
line-height: 32px;
}
.page-template-template-horeca #first .container .right .title {
margin-bottom: 0;
}
.servizio-panini .row .or {
margin: 0 5px;
}
.page-template-template-horeca #second .text {
position: relative;
top: unset;
left: unset;
width: 90vw;
margin: 0 auto;
margin-top: 28px;
}
.page-template-template-horeca #second .text h3 {
color: #585857;
}
.page-template-template-horeca #second .text::before {
bottom: -37px;
}
.page-template-template-horeca #second {
margin-bottom: 87px;
}
.page-template-template-horeca #third .container .title h2 {
line-height: 33px;
}
.page-template-template-horeca #third .container .title {
margin-bottom: 25px;
}
.page-template-template-horeca .product-slider-wrapper .overlay {
height: calc(61% + 4px);
}
.product-slider-wrapper .product-slider .slides .slide-item .image {
max-width: 90%;
}
.page-template-template-horeca #third {
margin-bottom: 30px;
}
.page-template-template-horeca #first {
margin: 50px 0;
}
.home #heading .container .slider .slide .slide-content .title h2.h1 {
font-size: 26px;
line-height: 32px;
}
.page-template-template-contatti #heading .container .col {
width: 100%;
padding-left: 20px;
}
.page-template-template-contatti #heading .container .col:not(:last-child) {
margin-bottom: 35px;
}
.page-template-template-contatti #heading .container .col .text p, .page-template-template-contatti #heading .container .col .text a {
font-size: 18px;
line-height: 24px;
padding-right: 20px;
}
.page-template-template-contatti #heading .container .col .text {
min-height: 31px;
}
.page-template-template-contatti #heading .container .col:first-child {
padding-left: 20px;
margin-bottom: 35px;
}
.page-template-template-contatti #heading {
margin-bottom: 30px;
}
.page-template-template-contatti #first {
margin-bottom: 45px;
}
.page-template-template-contatti #second .container .gform_wrapper input:not([type="checkbox"]), .page-template-template-contatti #second .container .gform_wrapper select {
font-size: 20px;
line-height: 20px;
}
.page-template-template-contatti #second .container .gform_wrapper input:not([type="checkbox"])::placeholder, .page-template-template-contatti #second .container .gform_wrapper select::placeholder {
font-size: 20px;
line-height: 20px;
}
.page-template-template-contatti #second .container .gform_wrapper textarea {
font-size: 20px;
line-height: 20px;
}
.page-template-template-contatti #second .container .gform_wrapper textarea::placeholder {
font-size: 20px;
line-height: 20px;
}
.page-template-template-contatti #second .container .link-wrapper .arrow-button {
margin-top: 0;
margin: 0 auto;
}
#footer-top .banner {
bottom: -6px !important;
}
#footer-top {
padding-bottom: 55px !important;
}
.page-template-template-contatti #second {
margin-bottom: 70px;
}
.page-template-template-grazie #heading .container .title h1 {
font-size: 33px;
line-height: 40px;
text-align: center;
}
.page-template-template-grazie #heading .container .sub h2 {
text-align: center;
font-size: 20px;
line-height: 26px;
}
.page-template-template-grazie #heading .container {
min-height: auto;
}
.page-template-template-grazie #heading .container .sub {
margin-bottom: 60px;
}
.page-template-template-grazie #heading .container {
margin-top: 80px;
}
.page-template-template-grazie #content {
min-height: unset !important;
}
.page-template-template-bando #first .container .iso {
left: 5vw;
top: -5px;
}
.page-template-template-bando #first .container .title h2 {
font-size: 22px;
line-height: 25px;
}
.page-template-template-bando #first .container .title h1 {
margin: 9px 0 17px;
}
.page-template-template-bando #first .container .text strong {
font-size: 20px;
line-height: 26px;
margin-bottom: 14px;
}
.page-template-template-bando #first .container .title {
margin-bottom: 25px;
}
.page-template-template-bando #first {
margin: 20px 0 20px;
}
.tax-archive-default #second .container .col, .tax-archive-simple #second .container .col, .post-type-archive-panini-caldi #second .container .col {
width: calc(100%);
margin: 0 !important;
padding: 0 25px;
}
.tax-archive-default #second .container .col p:first-child, .tax-archive-simple #second .container .col p:first-child, .post-type-archive-panini-caldi #second .container .col p:first-child {
margin-top: 8px;
}
.tax-archive-default #second .container, .tax-archive-simple #second .container, .post-type-archive-panini-caldi #second .container {
padding-top: 35px;
padding-bottom: 28px;
}
.tax-archive-simple #second .container.bruschette .col {
padding: 0 !important;
}
.tax-archive-default #second .container .col:not(:first-child), .tax-archive-simple #second .container .col:not(:first-child), .post-type-archive-panini-caldi #second .container .col:not(:first-child) {
margin-top: 7px !important;
}
.page-template-template-impegno #fourth .container .left .title, .page-template-template-impegno #fourth .container .right .title {
padding-right: 0;
}
.home #first .container {
margin: 30px 0 30px;
}
.page-template-template-impegno #second .container .bottom .slick-slide {
margin: 0 5px;
}
.page-template-template-impegno #second .container .bottom .slick-list {
margin: 0 -5px;
}
.product-slider-wrapper .product-slider .slides .slide-item .text p {
margin-top: 0;
}
.product-slider-wrapper .product-slider .slides .slide-item {
padding-bottom: 44px;
}
.page-template-template-vending #third .container .title h2 {
line-height: 34px;
margin-bottom: 5px;
}
.product-default #heading .container .left .weight, .single-panini-caldi #heading .container .left .weight {
width: 50%;
order: 2;
}
.product-default #heading .container .left .info .el, .single-panini-caldi #heading .container .left .info .el {
width: 100%;
flex-basis: 100%;
}
.product-default #heading .container .left .info, .single-panini-caldi #heading .container .left .info {
width: 50%;
order: 1;
}
.product-default #heading .container .left .weight, .single-panini-caldi #heading .container .left .weight {
justify-content: flex-end;
}
.product-default #heading .container .left .info .el:not(:last-child), .single-panini-caldi #heading .container .left .info .el:not(:last-child) {
margin-bottom: 19px;
}
.product-default #heading .container .left, .single-panini-caldi #heading .container .left {
margin-bottom: 40px;
}
.product-default #third .container .left, .single-panini-caldi #third .container .left {
width: 100%;
flex-basis: 100%;
}
.product-default #third .container .right, .single-panini-caldi #third .container .right {
padding-left: 0;
width: 100%;
flex-basis: 100%;
}
.product-default #third .container .right .title, .single-panini-caldi #third .container .right .title {
max-width: 100%;
margin-bottom: 13px;
margin-top: 11px;
}
.product-default #third .container, .single-panini-caldi #third .container {
margin-bottom: 50px;
}
.ingredients .ingredient .right {
height: auto;
}
.ingredients .ingredient .right .title h2 {
font-size: 33px;
line-height: 36px;
}
.related .products-grid:not(.categories) .grid-item:not(.empty-item):not(.info-item):not(:nth-child(2n + 3)) {
border-right: 0 !important;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
right: 15px !important;
bottom: -73px !important;
}
.ingredients + .arrow-next {
bottom: -70px !important;
right: 29px !important;
width: 40px !important;
height: 40px !important;
}
.ingredients .ingredient .right .title {
margin-bottom: 6px;
padding: 15px 0;
width: auto;
}
.ingredients .ingredient .right .title h2 {
text-align: center;
}
.ingredients .ingredient .right .text {
max-width: 79vw;
}
.ingredients .ingredient .right {
width: 100%;
flex-basis: 100%;
padding: 50px 0 50px;
}
.ingredients .slick-dots {
left: 0;
transform: none;
bottom: -38px !important;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(2) {
padding-left: 6px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(3) {
padding-right: 0px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(odd):nth-child(5) {
padding-right: 27px;
}
.product-default #heading .container .-bottom.center .ingredients-background .image .image-inner img, .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image .image-inner img {
width: 75%;
height: auto;
display: block;
}
.product-default #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6), .single-panini-caldi #heading .container .-bottom.center .ingredients-background .image:nth-child(even):nth-child(6) {
padding-left: 15px;
}
.product-default #heading .container .center .product-image, .single-panini-caldi #heading .container .center .product-image {
width: 87%;
position: relative;
}
.product-default #heading .container .center .product-image .image, .single-panini-caldi #heading .container .center .product-image .image {
width: 100%;
}
.product-default #heading .container .center .product-image .image img, .single-panini-caldi #heading .container .center .product-image .image img {
width: 100%;
height: auto;
}
.product-default #heading .container .center.center-product {
display: flex;
justify-content: center;
}
.post-type-archive-posizioni-aperte #heading {
margin-bottom: 30px;
}
.post-type-archive-posizioni-aperte #heading .container {
margin-bottom: 0 !important;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position > div {
padding-left: 0;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .name {
padding-top: 45px;
}
.post-type-archive-posizioni-aperte #first .container .jobs .position .name::before {
top: 3px;
transform: none;
}
.gform_wrapper input:not([type="checkbox"]), .gform_wrapper select, textarea {
font-size: 18px !important;
line-height: 18px !important;
}
.gform_wrapper input:not([type="checkbox"])::placeholder, .gform_wrapper select::placeholder, textarea::placeholder {
font-size: 18px !important;
line-height: 18px !important;
}
.single-posizioni-aperte #heading .container .left .title {
margin-top: 5px;
padding-left: 0;
padding-top: 0;
}
.single-posizioni-aperte #heading .container .left {
padding-top: 54px;
}
.single-posizioni-aperte #heading .container .left .title::before {
top: -80px;
}
.single-posizioni-aperte #heading .container .left .label {
padding-left: 0;
}
.single-posizioni-aperte #heading .container .right {
padding-left: 16px;
margin-top: 9px;
}
.single-posizioni-aperte #heading .container .right::before {
height: 100%;
}
.single-posizioni-aperte #second .container .left, .single-posizioni-aperte #second .container .right {
padding-left: 0;
border-left: 0;
}
.single-posizioni-aperte #first {
margin-bottom: 20px;
}
.single-posizioni-aperte #second {
margin-bottom: 50px;
}
.single-posizioni-aperte #second .container .left h2, .single-posizioni-aperte #second .container .right h2 {
margin-bottom: 0;
}
.product-default.single-tramezzini #heading .container .center .product-image {
width: 67%;
margin-top: 35px;
}
.nutrition-table {
margin-top: 16px;
}
.ingredients.slick-slider .slick-list {
margin: 0 -5px;
}
.ingredients.slick-slider .slick-slide {
margin: 0 5px;
}
.product-default.single-tramezzini #heading .container .center .product-image:not(.-rolle) .image {
padding-bottom: 50px !important;
}
.product-default.single-tramezzini #heading:not(.-rolle) .center.center-product {
margin-top: -33px;
}
.products-grid .grid-item a:hover .product-image .image.-product.-rolle img:first-child {
transform: rotateX(180deg) translateX(29%) rotateZ(-90deg);
}
.product-simple #heading .container .info {
height: auto;
}
.product-simple #heading .container .info {
padding: 37vw 5vw 0;
}
.product-simple #heading .container .image img {
display: block;
margin-bottom: 2.5vw;
width: 109%;
height: auto;
}
.product-simple #heading {
height: 156vw;
margin-bottom: 25px;
}
.product-simple #first .container .right {
padding: 0;
}
.product-simple #first .container .right .info .el:not(:last-child) {
margin-right: 16px;
}
.product-simple #heading .container .info .left {
width: 100%;
}
.product-simple #heading .container .info .right {
width: 100%;
padding-top: 0;
}
.product-simple #first .container .right .info .el .value {
font-size: 14px;
line-height: 15px;
}
.product-simple #third {
margin-top: 0;
}
.product-simple #second {
margin-bottom: 90px;
}
.product-simple #third .container .top .right {
padding: 0;
}
.product-simple #third .container .top .right h2 {
margin-bottom: 0;
}
.product-simple #third .container .bottom {
padding-top: 0;
}
.product-simple #third .container .bottom .left h2, .product-simple #third .container .bottom .left p {
margin-bottom: 0;
}
.product-simple #third .container .top .right p {
padding-bottom: 22px;
}
.single-panini-caldi #heading .container .canali {
position: relative;
width: 100%;
right: unset;
top: unset !important;
transform: unset;
}
.single-panini-caldi #heading .container .canali .general-info {
margin-bottom: 0;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel {
margin-bottom: 0;
display: flex;
flex-flow: row wrap !important;
align-items: flex-end;
justify-content: flex-start;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel .main-label {
width: 100%;
margin-bottom: 12px;
text-align: left;
}
.single-panini-caldi #heading .container .canali .general-info .sales-channel .channel {
width: calc(100% / 3);
}
.single-panini-caldi #heading .container .left .directions .icon {
margin-left: 0;
}
.single-panini-caldi #heading .container .left .directions .icon:last-child {
order: 3;
margin-top: 16px;
}
.single-panini-caldi #heading .container .left .directions {
margin-bottom: 5px;
}
.single-panini-caldi #heading .container .left .ingredients-info {
margin-top: 45px;
}
.single-panini-caldi #heading .container .left .ingredients-info .subtitle {
margin-top: 0px;
}
.single-panini-caldi #heading .container .left .ingredients-info .table .title {
margin-bottom: 5px;
}
.single-panini-caldi #heading .container .left {
margin-bottom: 23px;
}
.single-panini-caldi #second .container .left h2 {
margin-bottom: -2px;
}
.single-panini-caldi #second .container .left, .single-panini-caldi #second .container .center {
margin-bottom: 15px;
}
.single-panini-caldi #second {
margin-bottom: 36px;
}
.single-panini-caldi #ingredients {
position: relative;
}
.single-tramezzini #heading .container .left {
margin-bottom: 70px;
}
.product-default.single-tramezzini #heading .container .center .product-image.-vicentino .image {
padding-bottom: 250px !important;
}
div#breadcrumbs {
top: 90px;
}
.single div#breadcrumbs {
width: 67%;
overflow-x: hidden;
}
.product-default.single-tramezzini .section-top.-rolle, .single-panini-caldi.single-tramezzini .section-top.-rolle {
margin-top: 135px;
}
.product-default.single-tramezzini #fourth .products-grid .grid-item a .product-image .image.-product.-rolle img:last-child {
margin-top: -38px;
}
.ingredients .ingredient .right .text {
display: none;
}
.single-panini-caldi #heading .container .left .info {
margin-top: 26px;
}
.product-default #third .container.pronti-buoni .left {
margin-bottom: 38px;
}
.product-default #third .container.pronti-buoni .left img {
margin-left: -5vw;
}
.home .slider .slick-dots {
width: 60% !important;
right: 0;
}
.home .slider .arrow-button:hover::after {
width: 40px !important;
}
.page-template-template-pane #heading .container p {
max-width: 100%;
}
.page-template-template-pane #first .container .element .text h2 {
padding: 0 0px;
}
.page-template-template-pane #heading {
display: block;
margin-bottom: 6px;
}
.page-template-template-pane #first .container .element {
width: calc(100% / 2 - 10px);
flex-basis: calc(100% / 2 - 10px);
}
.page-template-template-pane #first .container .element:not(:nth-child(2n)) {
margin-right: 20px;
}
.page-template-template-pane #first .container .element .text p {
max-width: 100%;
}
.error404 #heading .container .text-wrapper .zero {
width: 150px;
height: 150px;
}
.error404 #heading .container .text-wrapper .char span {
font-size: 193px;
line-height: 210px;
}
.error404 #heading .container #game-completed h2 {
margin-bottom: 55px;
font-size: 67px;
line-height: 67px;
}
.error404 #heading .container .canvas {
bottom: 0;
top: auto;
}
.error404 #heading .container .text-wrapper {
height: 100%;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.error404 footer, .error404 #footer-top {
display: none !important;
}
.error404 #heading .container .game-info {
z-index: 0;
}
.error404 #heading .container .game-info h2 {
font-size: 33px;
line-height: 45px;
}
.next-post, .prev-post {
width: 32px;
height: 32px;
}
.next-post img, .prev-post img {
width: 13px;
height: auto;
object-fit: contain;
display: block;
}
.next-post::after, .prev-post::after {
width: 25px;
height: 25px;
}
.next-post, .prev-post {
top: 88px !important;
left: 4vw;
}
.next-post {
left: auto;
right: 4vw;
}
.next-post span, .prev-post span {
display: none !important;
}
.next-post:hover::before, .prev-post:hover::before {
width: 100% !important;
border-radius: 50% !important;
}
.product-default #fourth .container .related .arrow-next, .single-panini-caldi #fourth .container .related .arrow-next {
display: none !important;
}
.product-default.single-piatti-pronti #heading .container .left {
margin-bottom: 10px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo {
width: calc(100% / 2 - 12px);
margin-bottom: 27px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo:not(:nth-child(3n)) {
margin-right: 0px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo:not(:nth-child(2n)) {
margin-right: 24px;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .title span {
font-size: 15px;
line-height: 20px;
}
.page-template-template-cataloghi #first .container .title-wrapper:first-child {
margin-top: 0;
}
.page-template-template-cataloghi #first .container .cataloghi-wrapper .catalogo a .title {
margin-top: 14px;
}
.page-template-template-cataloghi .downloadForm .formWrapper {
padding: 30px 5vw;
max-width: 90vw;
}
.page-template-template-cataloghi .downloadForm .gform-field-label.gform-field-label--type-inline.gfield_consent_label {
font-size: 12px;
}
.page-template-template-cataloghi .downloadForm .formWrapper h3 {
margin-bottom: 26px;
font-size: 23px;
line-height: 30px;
}
.single-panini-caldi #heading .container.custom {
margin-top: 135px;
}
.single-panini-caldi #heading .container.custom .canali .general-info .sales-channel .channel {
margin-right: 0px;
}
.single-panini-caldi #heading .container.custom .canali {
margin-top: 0px;
}
.page-template-template-cataloghi #book .container .book-wrapper {
height: 62vh;
}
.page-template-template-cataloghi #content {
min-height: auto;
}
.home #fifth .container .news-block {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.home #fifth .container .news-block .single-news {
width: 100%;
}
}
@media screen and (max-width: 380px) {
.product-slider-wrapper .overlay {
height: calc(49% + 1px);
}
.page-template-template-gdo .product-slider-wrapper .overlay {
height: calc(59% + 1px);
}
.page-template-template-horeca .product-slider-wrapper .overlay {
height: calc(59% + 1px);
}
}
footer#colophon {
padding: 30px 75px 20px;
}
footer#colophon .footer-inner {
padding-bottom: 20px;
}
footer#colophon .footer-inner .footer-col {
padding-left: 30px;
border-left: 2px solid #707070;
}
footer#colophon .footer-inner .footer-col h3 {
font-size: 40px;
line-height: 40px;
font-weight: bold;
color: #DC8444;
margin-bottom: 35px;
}
footer#colophon .footer-inner .footer-col span, footer#colophon .footer-inner .footer-col a {
font-size: 24px;
line-height: 28px;
}
footer#colophon .footer-inner .footer-col:first-child {
width: 50%;
flex-basis: 50%;
}
footer#colophon .footer-inner .footer-col:nth-child(2) {
width: 25%;
flex-basis: 25%;
}
footer#colophon .footer-inner .footer-col:nth-child(3) {
width: 20%;
flex-basis: 20%;
}
footer#colophon .footer-inner .footer-col:nth-child(3) a {
position: relative;
}
footer#colophon .footer-inner .footer-col:nth-child(3) a::before {
content: "";
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/arrow-link.svg);
background-repeat: no-repeat;
background-size: cover;
}
footer#colophon .footer-inner .footer-col:last-child {
width: 5%;
flex-basis: 5%;
}
footer#colophon .footer-inner .footer-col:last-child > div {
height: 100%;
}
footer#colophon .footer-inner .footer-col:last-child > div > div {
height: 100%;
}
footer#colophon .footer-inner .footer-col:last-child .socials {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
footer#colophon .footer-bottom-content {
display: flex;
padding: 20px 0 0;
}
footer#colophon .footer-bottom-content span {
font-size: 12px;
line-height: 14px;
margin-right: 50px;
display: block;
}
footer#colophon .footer-bottom-content span a {
font-size: 12px;
line-height: 14px;
}
footer#colophon .footer-bottom-content span:not(:first-child) {
padding-left: 10px;
border-left: 2px solid #707070;
}
#footer-top {
display: block;
position: relative;
}
#footer-top .container {
margin-bottom: 200px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
}
#footer-top .container h2 {
padding-bottom: 40px;
position: relative;
}
#footer-top .container h2::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
width: 134px;
height: 22px;
z-index: 2;
pointer-events: none;
background-image: url(//intrapan.it/wp-content/themes/intrapan-child/assets/svg/sketch.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#footer-top .banner {
position: absolute;
left: 50%;
bottom: -120px;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
}
#footer-top .banner > span {
margin-right: 30px;
display: block;
}
#footer-top .banner img {
display: block;
}
@media screen and (max-width: 1680px) {
footer#colophon .footer-inner .footer-col h3 {
font-size: 34px;
line-height: 34px;
margin-bottom: 30px;
}
footer#colophon .footer-inner .footer-col span, footer#colophon .footer-inner .footer-col a {
font-size: 20px;
line-height: 25px;
}
footer#colophon .footer-inner {
padding-bottom: 5px;
}
}
@media screen and (max-width: 1280px) {
footer#colophon {
padding: 30px 5vw 20px;
}
footer#colophon .footer-inner .footer-col {
width: 50% !important;
flex-basis: 50% !important;
margin-bottom: 30px;
padding-right: 55px;
}
}
@media screen and (max-width: 800px) {
footer#colophon .footer-bottom-content {
padding: 0;
}
#footer-top .banner {
flex-direction: column;
}
#footer-top .banner > span {
margin-right: 0;
margin-bottom: 18px;
}
#footer-top .banner img {
width: 130px;
height: auto;
display: block;
}
#footer-top {
padding-bottom: 150px !important;
}
}
@media screen and (max-width: 600px) {
footer#colophon .footer-inner .footer-col {
width: 100% !important;
flex-basis: 100% !important;
margin-bottom: 30px;
padding-right: 0px;
}
footer#colophon .footer-inner .footer-col:last-child .socials {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
}
footer#colophon .footer-inner .footer-col:last-child .socials a:not(:last-child) {
margin-right: 15px;
}
footer#colophon .footer-inner .footer-col:last-child {
padding-left: 0;
border: 0;
}
footer#colophon .footer-bottom-content span {
margin-right: 0;
}
footer#colophon .footer-bottom-content span:not(:first-child):not(:nth-child(2)) {
margin-left: 12px;
}
footer#colophon .footer-inner .footer-col:last-child {
margin-bottom: 15px;
}
footer#colophon .footer-inner .footer-col h3 {
font-size: 30px;
line-height: 34px;
margin-bottom: 14px;
}
footer#colophon .footer-inner .footer-col span, footer#colophon .footer-inner .footer-col a {
font-size: 18px;
line-height: 21px;
}
footer#colophon .footer-inner .footer-col {
padding-left: 20px;
}
}