.t1 {
font-size: 50px;
line-height: 64px;
letter-spacing: 3px;
}
.t2 {
font-size: 40px;
line-height: 50px;
letter-spacing: 2px;
}
.t3 {
font-size: 36px;
line-height: 46px;
letter-spacing: 1px;
}
.boxed {
max-width: 81.25vw;
width: 100%;
margin: 0 auto;
}
.boxed.small {
max-width: 62.5vw;
width: 100%;
margin: 0 auto;
}
.boxed.bottom {
max-width: 89.6vw;
width: 100%;
margin: 0 auto;
}
body, html {
box-sizing: border-box;
outline: none;
font-size: 18px;
line-height: 28px;
color: #000;
font-weight: 500;
}
h1, h2, h3 {
margin: 0;
}
a, span {
color: #000;
text-decoration: none;
}
.otgs-development-site-front-end {
display: none;
}
@media only screen and (min-width: 768px) {
body, html {
font-family: "neue-haas-grotesk-display", sans-serif;
}
}
div#breadcrumbs {
position: absolute;
left: 50%;
top: 135px;
transform: translateX(-50%);
border: 2px solid #00904A;
padding: 5px 22px;
border-radius: 26px;
}
div#breadcrumbs * {
font-size: 14px;
line-height: 14px;
}
.home div#breadcrumbs {
display: none;
}
body:not(.home) {
padding-top: 45px;
}
.tax-linee_antincendio div#breadcrumbs, .single-sistemi-antincendio div#breadcrumbs, .page-template-template-antincendio div#breadcrumbs {
border-color: #D90000 !important;
}
header#masthead {
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 110px;
padding: 0 30px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 999999999;
}
header#masthead .site-branding, header#masthead .site-actions {
max-width: 250px;
width: 100%;
}
header#masthead .site-branding {
display: flex;
align-items: center;
justify-content: flex-start;
}
header#masthead #site-navigation.primary-navigation {
margin: 0 auto;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item {
padding: 0 23px;
transition: all 0.3s ease;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item:first-child {
padding-left: 0;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item:last-child {
padding-right: 0;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item a {
font-size: 20px;
line-height: 27px;
font-weight: 600;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item:hover > a, header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item.current-menu-item > a {
color: #00904A;
text-decoration: underline;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu {
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 4px 6px 17px #00000047;
padding: 24px !important;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu li {
padding: 0 !important;
padding: 9px 0 !important;
display: block;
text-align: center;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu li a {
text-align: center;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu li:first-child {
padding-top: 0 !important;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu li:last-child {
padding-bottom: 0 !important;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item .sub-menu li a {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item.submenu-open .sub-menu {
display: flex !important;
}
header#masthead .site-actions {
display: flex;
justify-content: flex-end;
align-items: center;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown {
width: 45px;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown li:hover * {
background: transparent !important;
border: none !important;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown a {
color: #000;
border: none !important;
padding: 0 !important;
font-size: 20px;
line-height: 27px;
font-weight: 600;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown a:hover {
background: transparent !important;
border: none !important;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "";
width: 13px;
height: 9.5px;
border: none !important;
position: absolute;
right: 6px;
top: calc(50% + 1.4px);
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/dropdown.svg);
background-repeat: no-repeat;
background-size: contain;
transform: translateY(-50%);
}
header#masthead .site-actions .socials {
display: flex;
align-items: flex-end;
justify-content: center;
padding: 10px 0;
border-radius: 25px;
border: 2px solid #00904A;
width: 165px;
margin-left: 25px;
}
header#masthead .site-actions .socials span:not(:last-child) {
margin-right: 10px;
}
header#masthead .site-actions .socials span {
display: flex;
align-items: flex-end;
justify-content: center;
}
header#masthead .site-actions .socials span img {
display: block;
width: auto;
height: 20px;
}
header#masthead #mobile-navigation .primary.mobile, header#masthead #mobile-navigation .secondary.mobile {
display: none !important;
pointer-events: none !important;
opacity: 0 !important;
}
header#masthead #mobile-navigation .primary {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
transition: all 0.4s ease;
padding-left: 6vw;
padding-top: 80px;
}
header#masthead #mobile-navigation .primary .menu-item {
cursor: pointer;
}
header#masthead #mobile-navigation .primary .menu-item > span, header#masthead #mobile-navigation .primary .menu-item > a {
position: relative;
}
header#masthead #mobile-navigation .primary .menu-item:not(:first-child) {
margin-top: 13px;
}
header#masthead #mobile-navigation .primary .menu-item span {
font-size: 30px;
line-height: 36px;
font-weight: 700;
}
header#masthead #mobile-navigation .primary .menu-item span a {
font-size: 30px;
line-height: 36px;
font-weight: 700;
}
header#masthead #mobile-navigation .primary .menu-item .menu-item-submenu {
display: none;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
header#masthead #mobile-navigation .primary .menu-item .menu-item-submenu span:not(:first-child) {
margin-top: 13px;
}
header#masthead #mobile-navigation .primary .menu-item .menu-item-submenu > span > a {
position: relative;
font-size: 26px;
line-height: 30px;
}
header#masthead #mobile-navigation .primary .menu-item.has-child .plus {
font-size: 30px;
line-height: 36px;
padding-left: 20px;
}
header#masthead #mobile-navigation .primary .menu-item.has-child .minus {
font-size: 30px;
line-height: 36px;
padding-left: 20px;
display: none;
}
header#masthead #mobile-navigation .primary .menu-item.active .plus {
display: none;
}
header#masthead #mobile-navigation .primary .menu-item.active .minus {
display: inline-flex;
}
header#masthead #mobile-navigation .primary.anim-in {
transform: translateX(-100%);
}
header#masthead #mobile-navigation .primary.anim-in.anim-in-back {
transform: translateX(0);
}
header#masthead #mobile-navigation .primary.anim-in.submenu-active .menu-item:not(.active) {
display: none;
}
header#masthead #mobile-navigation .primary.anim-in.submenu-active .menu-item.active .menu-item-submenu {
display: flex;
padding-top: 24px;
}
.single-landing header#masthead .site-branding {
pointer-events: none !important;
}
.single-landing header#masthead #site-navigation, .single-landing header#masthead #mobile-navigation, .single-landing header#masthead .site-actions, .single-landing header#masthead + div#breadcrumbs {
display: none !important;
}
@media only screen and (max-width: 1300px) {
header .socials {
display: none !important;
}
header#masthead .site-actions {
width: auto;
}
}
@media only screen and (max-width: 1150px) {
header#masthead {
padding: 30px 20px !important;
}
header#masthead .site-branding {
max-width: 130px !important;
}
}
@media only screen and (max-width: 1024px) {
header .socials {
display: flex !important;
}
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #00904A;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #00904A !important;
color: #fff !important;
}
section > .content-inner {
display: block;
width: 100%;
padding: 0 30px;
}
section#heading {
padding-top: 160px;
}
html {
letter-spacing: 1px;
}
strong {
font-weight: 700 !important;
}
.link {
display: inline-block;
background: #fff;
transition: all 0.3s ease;
text-align: center;
border-radius: 60px;
border: 2px solid #00904A;
}
.link:hover {
background: #00904A;
}
.link:hover a {
color: #fff !important;
}
.link a {
display: block;
text-align: center;
transition: all 0.3s ease;
text-transform: uppercase;
padding: 11px 45px;
font-size: 20px;
line-height: 27px;
width: 100%;
height: 100%;
font-weight: 700;
}
.link.download a {
padding-left: 65px;
position: relative;
font-weight: 700;
}
.link.download a::before {
content: "";
position: absolute;
left: 26px;
top: 50%;
transform: translateY(-50%);
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_green.svg);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 22.5px;
}
.link.download:hover a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_white.svg);
}
.slick-arrow::before {
content: "" !important;
left: -50px;
top: 0;
position: absolute;
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/arrow-prev.svg) !important;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat;
background-size: contain;
}
.slick-arrow.slick-next::before {
left: auto;
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/arrow-next.svg) !important;
right: -50px;
}
.slick-arrow {
width: 33px !important;
height: 66px !important;
} .slick-slide {
margin: 0 5px;
} .slick-list {
margin: 0 -5px;
}
.content-inner.boxed {
padding: 0;
}
.contacts-fixed {
position: fixed;
right: 40px;
bottom: 30px;
width: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fff;
z-index: 999999;
border: 2px solid #00904A;
border-radius: 25px;
padding: 13px 0 10px;
transition: all 0.3s ease;
}
.contacts-fixed > div {
margin: 5px 0;
}
.contacts-fixed > div span, .contacts-fixed > div a {
cursor: pointer;
}
.contacts-fixed.sovrapposto {
opacity: 0;
}
.text-extra {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.text-extra .text-extra-toggle {
display: flex;
cursor: pointer;
}
.text-extra .text-extra-toggle img {
display: block;
}
.text-extra .text-extra-content {
display: flex;
width: 100%;
transition: opacity 0.3s ease;
padding-right: 100px;
}
.text-extra .text-extra-content:not(.active) {
opacity: 0;
visibility: hidden;
height: 0;
}
.text-extra .text-extra-content.active {
padding-bottom: 40px;
}
.dimensione {
position: relative;
}
.dimensione-button .link {
padding: 10px 25px;
cursor: pointer;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
}
.dimensione-table {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 40px;
background: #fff;
border-radius: 24px;
border: 2px solid #00904A;
width: auto;
position: absolute;
bottom: 0px;
left: 0;
transition: opacity 0.33s ease;
z-index: 999;
max-height: 31vw;
overflow-y: auto;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.dimensione-table:not(.active) {
visibility: hidden;
opacity: 0;
height: 0;
}
.dimensione-table::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.dimensione-table::-webkit-scrollbar-thumb {
background-color: #00904A;
border-radius: 50px;
}
.dimensione-table table {
border-collapse: collapse;
border-bottom: 1px solid black;
}
.dimensione-table table tr, .dimensione-table table td, .dimensione-table table th {
border: 1px solid black;
border-left: none;
border-top: none;
}
.dimensione-table table tr {
border-right: none;
}
.dimensione-table table td, .dimensione-table table th {
padding: 10px 5px;
min-width: 6vw;
}
.dimensione-table table td:last-child, .dimensione-table table th:last-child {
border-right: none;
}
.dimensione-table table th {
color: #00904A;
font-weight: bold;
}
.dimensione-table table th, .dimensione-table table td {
text-align: center;
}
.dimensione-table .testo-info {
margin-top: 10px;
}
.dimensione-table .testo-info span {
font-weight: bold;
font-size: 14px;
}
.dimensione-table .dimensione-close {
position: absolute;
top: 8px;
right: 17px;
cursor: pointer;
}
.dimensione-table .dimensione-close span {
font-size: 15px;
}
.dimensione-table.col5 .dimensione-head span {
width: calc(100% / 5);
flex-basis: calc(100% / 5);
}
.dimensione-table.col5 .dimensione-head span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col5 .dimensione-head span:nth-child(5n) {
border-right: 0;
}
.dimensione-table.col5 .dimensione-body span {
width: calc(100% / 5);
flex-basis: calc(100% / 5);
}
.dimensione-table.col5 .dimensione-body span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col5 .dimensione-body span:nth-child(5n) {
border-right: 0;
}
.dimensione-table.col7 .dimensione-head span {
width: calc(100% / 7);
flex-basis: calc(100% / 7);
}
.dimensione-table.col7 .dimensione-head span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col7 .dimensione-head span:nth-child(5n) {
border-right: 1px solid #707070;
}
.dimensione-table.col7 .dimensione-head span:nth-child(7n) {
border-right: 0;
}
.dimensione-table.col7 .dimensione-body span {
width: calc(100% / 7);
flex-basis: calc(100% / 7);
}
.dimensione-table.col7 .dimensione-body span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col7 .dimensione-body span:nth-child(5n) {
border-right: 1px solid #707070;
}
.dimensione-table.col7 .dimensione-body span:nth-child(7n) {
border-right: 0;
}
.dimensione-table.col6 .dimensione-head span {
width: calc(100% / 6);
flex-basis: calc(100% / 6);
}
.dimensione-table.col6 .dimensione-head span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col6 .dimensione-head span:nth-child(5n) {
border-right: 1px solid #707070;
}
.dimensione-table.col6 .dimensione-head span:nth-child(6n) {
border-right: 0;
}
.dimensione-table.col6 .dimensione-body span {
width: calc(100% / 6);
flex-basis: calc(100% / 6);
}
.dimensione-table.col6 .dimensione-body span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col6 .dimensione-body span:nth-child(5n) {
border-right: 1px solid #707070;
}
.dimensione-table.col6 .dimensione-body span:nth-child(6n) {
border-right: 0;
}
.dimensione-table.col3 .dimensione-head span {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.dimensione-table.col3 .dimensione-head span:nth-child(3n) {
border-right: 0 !important;
}
.dimensione-table.col3 .dimensione-head span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col3 .dimensione-head span:nth-child(5n) {
border-right: 1px solid #707070;
}
.dimensione-table.col3 .dimensione-body span {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.dimensione-table.col3 .dimensione-body span:nth-child(3n) {
border-right: 0 !important;
}
.dimensione-table.col3 .dimensione-body span:nth-child(4n) {
border-right: 1px solid #707070;
}
.dimensione-table.col3 .dimensione-body span:nth-child(5n) {
border-right: 1px solid #707070;
}
.usages {
display: flex;
flex-flow: row wrap;
width: 100%;
justify-content: center;
}
.usages .use {
width: calc(81.25vw / 3 - 20px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.usages .use:not(:nth-child(3n)) {
margin-right: 30px;
}
.usages .use .image-wrapper {
width: 100%;
}
.usages .use .image-wrapper .image {
width: 100%;
}
.usages .use .image-wrapper .image img {
border-radius: 19px;
display: block;
width: 100%;
height: 18.2vw;
object-fit: cover;
}
.usages .use .title {
display: block;
width: 100%;
text-align: center;
margin-top: 24px;
}
.usages .use .title span {
font-size: 30px;
line-height: 38px;
font-weight: 600;
}
.usages .use .text {
padding: 0 25px;
display: block;
text-align: center;
margin: 24px 0;
}
.usages .use .text p {
text-align: center;
display: block;
margin: 0;
}
.examples {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
max-width: 100%;
user-select: none;
cursor: grab;
overflow: auto;
}
.examples.col1, .examples.col2 {
justify-content: start;
}
.examples .example {
pointer-events: none;
user-select: none; width: calc(81.25vw / 3 - 20px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.examples .example:not(:last-child) {
margin-right: 30px;
}
.examples .example .image-wrapper {
width: 100%;
}
.examples .example .image-wrapper .image {
width: 100%;
}
.examples .example .image-wrapper .image img {
border-radius: 19px;
display: block;
width: auto;
height: 19.9vw;
object-fit: cover;
pointer-events: none;
user-select: none;
}
.examples .example .video-wrapper {
width: 100%;
}
.examples .example .video-wrapper .video {
width: 100%;
}
.examples .example .video-wrapper .video video {
border-radius: 19px;
display: block;
width: auto;
height: 19.9vw;
object-fit: cover;
pointer-events: none;
user-select: none;
}
.examples .example .text {
padding: 0 20px;
display: block;
text-align: center;
margin: 24px 0;
}
.examples .example .text p {
text-align: center;
display: block;
margin: 0;
}
.examples::-webkit-scrollbar {
height: 7px;
background-color: #E4E4E4;
}
.examples::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 0px;
}
.examples::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
.product-gallery {
width: 100%;
}
.product-gallery .slick-track {
display: flex;
align-items: center;
}
.product-gallery .slick-arrow::before {
left: 0;
z-index: 9999999;
}
.product-gallery .slick-arrow {
z-index: 9999999;
}
.product-gallery .slick-arrow.slick-next::before {
right: 0;
}
.product-gallery .slick-prev {
left: -10px;
}
.product-gallery .slick-next {
right: -10px;
}
.product-gallery .image-wrapper {
width: 100%;
display: block;
}
.product-gallery .image-wrapper .image {
width: 100%;
display: block;
}
.product-gallery .image-wrapper .image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.portafusti {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
margin: 0 0 50px;
}
.portafusti .portafusto {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.portafusti .portafusto .image-wrapper {
width: 100%;
}
.portafusti .portafusto .image-wrapper .image {
width: 100%;
}
.portafusti .portafusto .image-wrapper .image img {
width: 100%;
height: auto;
}
.portafusti .portafusto .name {
margin-top: 10px;
}
.portafusti .portafusto .name span {
font-weight: 700;
color: #00904A;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
text-align: center;
display: block;
}
.portafusti .portafusto .desc {
display: block;
}
.portafusti .portafusto .desc p {
display: block;
text-align: center;
margin: 0;
margin-top: 10px;
}
.portafusti .portafusto:not(:nth-last-child(-n+3)) {
margin-bottom: 24px;
}
.gform_wrapper .gform_validation_errors {
display: none !important;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
background: transparent !important;
border: none !important;
margin-top: 4px !important;
padding: 0 20px !important;
padding-top: 0 !important;
}
.gform_wrapper .gfield_required {
display: none !important;
}
.gform_wrapper input:not([type="checkbox"]), .gform_wrapper select {
height: 50px;
border-radius: 25px;
border: 2px solid #00904A;
background: unset;
font-size: 20px;
font-family: "neue-haas-grotesk-display", sans-serif;
}
.gform_wrapper input:not([type="checkbox"]), .gform_wrapper select, .gform_wrapper textarea {
padding-left: 20px !important;
}
.gform_wrapper textarea {
height: 110px;
border-radius: 25px;
border: 2px solid #00904A;
background: unset;
font-size: 20px;
font-family: "neue-haas-grotesk-display", sans-serif;
padding: 13px 18px;
}
.gform_wrapper .gform_footer.top_label {
display: flex;
align-items: center;
justify-content: center;
}
.gform_wrapper input.gform_button.button {
width: 400px;
height: 80px;
font-size: 30px;
font-weight: 600;
transition: all 0.3s ease;
cursor: pointer;
}
.gform_wrapper input.gform_button.button:hover {
opacity: 0.6;
}
.gform_wrapper .ginput_container.ginput_container_consent label {
font-size: 14px;
}
.gform_wrapper .ginput_container_fileupload input {
font-size: 16px !important;
line-height: 45px !important;
}
.gform_wrapper .gform_fileupload_rules {
text-align: left !important;
padding-top: 0 !important;
margin-top: 5px !important;
font-size: 14px;
}
.gform_wrapper input[type="submit"]:hover {
background-color: #00904A;
color: #fff;
opacity: 1 !important;
}
.gform_wrapper .ginput_container_select {
position: relative;
}
.gform_wrapper .ginput_container_select::before {
content: "";
position: absolute;
right: 15px;
top: 23px;
width: 20px;
height: 10px;
background-image: url(//www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/dropdown.svg);
background-repeat: no-repeat;
}
.gform_wrapper .ginput_container_select select {
appearance: none;
}
.richiedi.active, .richiedi-top.active {
visibility: hidden;
height: 0;
width: 0;
opacity: 0;
pointer-events: none;
display: none;
}
.preventivo {
width: 100%;
transition: opacity 0.34s ease;
}
.preventivo:not(.active) {
visibility: hidden;
height: 0;
width: 0;
opacity: 0;
pointer-events: none;
}
.preventivo .gfield_html {
display: flex;
justify-content: center;
}
.preventivo .gfield--width-full + .gfield_html {
margin-top: 60px;
}
.preventivo h2 {
font-size: 36px;
line-height: 46px;
letter-spacing: 1px;
margin: 0 auto;
display: inline-block;
margin-bottom: 34px;
}
.preventivo.antincendio input, .preventivo.antincendio textarea, .preventivo.antincendio select {
border-color: #D90000 !important;
}
.preventivo.antincendio input[type="submit"]:hover {
background-color: #D90000 !important;
}
.preventivo input[type="submit"] {
height: auto !important;
padding: 5px 0;
}
.product-actions {
margin-top: 30px;
display: flex;
flex-flow: row wrap;
position: absolute;
bottom: 18px;
}
.product-actions > div {
margin-bottom: 20px;
}
.product-actions > div:not(:last-child) {
margin-right: 10px;
}
.product-actions .link.download a {
padding: 10px 35px 10px 65px;
font-size: 18px;
}
.socials.only-mobile {
display: none;
}
@keyframes progress {
from {
width: 0%;
}
to {
width: 100%;
}
}
.pop-up-catalogo {
opacity: 0;
width: 70vw;
height: auto;
padding: 50px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.5s ease;
z-index: -1;
background-color: #fff;
box-shadow: 0 0 10px #5f5f5f;
border-radius: 20px;
border: 2px solid #00904A;
}
.pop-up-catalogo.antincendio {
border-color: #D90000;
}
.pop-up-catalogo.antincendio .gform_wrapper input:not([type="checkbox"]), .pop-up-catalogo.antincendio .gform_wrapper select {
border-color: #D90000;
}
.pop-up-catalogo.antincendio .gform_wrapper input[type="submit"]:hover {
background-color: #D90000;
}
.pop-up-catalogo.active {
opacity: 1;
z-index: 999999999;
}
.pop-up-catalogo #field_5_7, .pop-up-catalogo #field_4_7 {
margin-top: -15px;
}
.pop-up-catalogo .close {
position: absolute;
right: 50px;
top: 20px;
cursor: pointer;
}
.pop-up-catalogo .gform_wrapper input[type="submit"] {
height: auto;
padding: 5px 0;
}
.pop-up-catalogo .grecaptcha-badge {
position: absolute !important;
right: -150vw !important;
}
.site-pop-up {
opacity: 0;
width: auto;
height: auto;
padding: 60px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease;
background-color: #fff;
box-shadow: 0 0 10px #5f5f5f;
border-radius: 20px;
border: 2px solid #00904A;
z-index: -1;
}
.site-pop-up.active {
opacity: 1;
z-index: 999999999;
}
.site-pop-up .close-site-pop {
position: absolute;
right: 50px;
top: 20px;
cursor: pointer;
}
.site-pop-up .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
gap: 30px;
}
.site-pop-up .container .col {
width: 30vw;
position: relative;
}
.site-pop-up .container .col a {
width: 100%;
height: 100%;
position: relative;
display: inline-block;
}
.site-pop-up .container .col a img {
width: 100%;
height: auto;
object-fit: cover;
max-height: 75vh;
}
.fade-in {
opacity: 0.5;
}
@media only screen and (max-width: 768px) {
.fade-in {
opacity: 1;
}
}
.home #heading {
margin-bottom: 80px;
display: block;
width: 100%;
border-radius: 20px;
}
.home #heading .content-inner .title {
margin-bottom: 80px;
}
.home #heading .content-inner .title h1 {
font-weight: bold;
text-align: center;
padding-right: 0vw;
}
.home #heading .content-inner .gallery {
position: relative;
overflow: hidden;
border-radius: 20px;
max-height: 100vh;
}
.home #heading .content-inner .gallery:hover .slick-arrow {
opacity: 1;
}
.home #heading .content-inner .gallery .slick-arrow {
width: 50px !important;
height: 50px !important;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
background-color: #fff;
border-radius: 50%;
border: 2px solid #00904A;
opacity: 0;
transition: all 0.3s ease;
}
.home #heading .content-inner .gallery .slick-arrow::before {
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-size: 9px;
background-position: center;
}
.home #heading .content-inner .gallery .slick-arrow.slick-prev {
left: 3%;
}
.home #heading .content-inner .gallery .slick-arrow.slick-prev::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/arrow-prev-home.svg) !important;
}
.home #heading .content-inner .gallery .slick-arrow.slick-next {
right: 3%;
}
.home #heading .content-inner .gallery .slick-arrow.slick-next::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/arrow-next-home.svg) !important;
}
.home #heading .content-inner .gallery .slick-dots {
bottom: -35px;
}
.home #heading .content-inner .gallery .slick-dots li button::before {
font-size: 10px;
}
.home #heading .content-inner .gallery .single-slide {
position: relative;
height: 100%;
border-radius: 20px;
overflow: hidden;
}
.home #heading .content-inner .gallery .single-slide .gallery-progress-bar {
margin: 0 auto;
width: 100%;
height: 5px;
background-color: #00904A77;
position: relative;
margin-bottom: 20px;
position: absolute;
top: 0;
left: 0;
}
.home #heading .content-inner .gallery .single-slide .gallery-progress-bar::before {
content: "";
position: absolute;
height: 100%;
width: 0;
background-color: #00904A;
left: 0;
top: 0;
display: block;
}
.home #heading .content-inner .gallery .single-slide.slick-active .gallery-progress-bar::before {
animation: progress 5.5s linear forwards;
}
.home #heading .content-inner .gallery .single-slide.slick-active.first-load .gallery-progress-bar::before {
animation: progress 5s linear forwards;
}
.home #heading .content-inner .gallery .single-slide .image-wrapper {
width: 100%;
border-radius: 20px;
}
.home #heading .content-inner .gallery .single-slide .image-wrapper .image {
width: 100%;
}
.home #heading .content-inner .gallery .single-slide .image-wrapper .image img {
width: 100%;
height: 100vh;
object-fit: cover;
display: block;
border-radius: 20px;
}
.home #first {
margin-bottom: 120px;
display: block;
width: 100%;
margin-top: 5vw;
}
.home #first .content-inner .top {
margin-bottom: 120px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.home #first .content-inner .top .title {
margin-bottom: 35px;
}
.home #first .content-inner .top .title h2 {
font-weight: bold;
}
.home #first .content-inner .bottom {
display: block;
width: 100%;
}
.home #first .content-inner .bottom .in-evidenza {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
.home #first .content-inner .bottom .in-evidenza .box {
width: calc(100% / 3 - (100px / 3));
flex-basis: calc(100% / 3 - (100px / 3));
position: relative;
border-radius: 19px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 22.9vw;
padding: 0 65px;
}
.home #first .content-inner .bottom .in-evidenza .box .image-wrapper {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
}
.home #first .content-inner .bottom .in-evidenza .box .image-wrapper .image img {
display: block;
object-fit: cover;
width: 60px;
height: 60px;
}
.home #first .content-inner .bottom .in-evidenza .box .title h3 {
font-weight: 600;
text-align: center;
}
.home #first .content-inner .bottom .in-evidenza .box .description {
margin: 11px 0;
}
.home #first .content-inner .bottom .in-evidenza .box .description p {
text-align: center;
display: block;
font-weight: 500;
}
.home #first .content-inner .bottom .in-evidenza .box .link-wrapper {
text-align: center;
}
.home #first .content-inner .bottom .in-evidenza .box:nth-child(2) .link {
border-color: #005073 !important;
}
.home #first .content-inner .bottom .in-evidenza .box:nth-child(2) .link:hover {
background: #005073 !important;
}
.home #first .content-inner .bottom .in-evidenza .box:nth-child(3) .link {
border-color: #D90000 !important;
}
.home #first .content-inner .bottom .in-evidenza .box:nth-child(3) .link:hover {
background: #D90000 !important;
}
.home #second {
margin-bottom: 120px;
display: block;
width: 100%;
}
.home #second > .title {
width: 100%;
margin-bottom: 90px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5vw;
}
.home #second > .title h3 {
display: inline-block;
font-weight: 700;
}
.home #second .content-inner .slider-wrapper {
background: #F5F5F5;
padding: 45px 0;
}
.home #second .content-inner .slider-wrapper .slider {
width: 100%;
display: flex;
align-items: flex-start;
}
.home #second .content-inner .slider-wrapper .slider .slick-list {
margin: 0 -10px;
}
.home #second .content-inner .slider-wrapper .slider .slick-slide {
margin: 0 10px;
}
.home #second .content-inner .slider-wrapper .slider .slide {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: block;
}
.home #second .content-inner .slider-wrapper .slider .slide a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 60px 0;
border: 2px solid transparent;
}
.home #second .content-inner .slider-wrapper .slider .slide a .image-wrapper {
text-align: center;
}
.home #second .content-inner .slider-wrapper .slider .slide a .image-wrapper .image {
text-align: center;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.home #second .content-inner .slider-wrapper .slider .slide a .image-wrapper .image img {
width: auto;
height: 170px;
object-fit: cover;
display: block;
transition: all 0.3s ease;
}
.home #second .content-inner .slider-wrapper .slider .slide a .title {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0 33px;
padding: 0 80px;
}
.home #second .content-inner .slider-wrapper .slider .slide a .title span {
font-size: 30px;
text-align: center;
display: block;
line-height: 36px;
font-weight: 600;
}
.home #second .content-inner .slider-wrapper .slider .slide a .text {
display: block;
text-align: center;
padding: 0 48px;
}
.home #second .content-inner .slider-wrapper .slider .slide a .text p {
text-align: center;
margin: 0;
}
.home #second .content-inner .slider-wrapper .slider .slide a:hover {
border-radius: 19px;
border: 2px solid #00904A;
}
.home #second .content-inner .slider-wrapper .slider .slide a:hover .image-wrapper .image img {
transform: scale(1.12);
}
.home #news {
background: transparent;
position: relative;
z-index: 2;
width: 100%;
}
.home #news .content-inner {
width: 100%;
}
.home #news .content-inner .news-wrapper {
background: #fff;
border-radius: 19px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.home #news .content-inner .news-wrapper .single-news {
width: calc(50% - 100px);
flex-basis: calc(50% - 100px);
display: flex;
flex-direction: column;
}
.home #news .content-inner .news-wrapper .single-news .head {
display: flex;
justify-content: flex-start;
padding-bottom: 70px;
}
.home #news .content-inner .news-wrapper .single-news .head .title h3 {
font-weight: 700;
}
.home #news .content-inner .news-wrapper .single-news .content {
display: flex;
flex-direction: column;
}
.home #news .content-inner .news-wrapper .single-news .content .date {
margin-bottom: 18px;
display: block;
}
.home #news .content-inner .news-wrapper .single-news .content .date span {
font-size: 20px;
line-height: 30px;
}
.home #news .content-inner .news-wrapper .single-news .content > a {
display: block;
text-align: left;
margin-bottom: 18px;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-weight: 700;
font-size: 30px;
line-height: 40px;
display: block;
}
.home #news .content-inner .news-wrapper .single-news .content p {
margin: 0;
margin-bottom: 20px;
}
.home #news .content-inner .news-wrapper .single-news .content .link {
display: inline-block;
}
.home #news .content-inner .all-news {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.tax-linee_antincendio .link, .tax-linee_serbatoi .link {
border: 2px solid #D90000;
}
.tax-linee_antincendio .link:hover, .tax-linee_serbatoi .link:hover {
background: #D90000;
}
.tax-linee_antincendio .link:hover a, .tax-linee_serbatoi .link:hover a {
color: #fff !important;
}
.tax-linee_antincendio .link.download:not(:hover) a::before, .tax-linee_serbatoi .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_red.svg);
}
.tax-linee_antincendio #heading, .tax-linee_serbatoi #heading {
margin-bottom: 120px;
}
.tax-linee_antincendio #heading .content-inner, .tax-linee_serbatoi #heading .content-inner {
background: #F5E8E8;
border-radius: 19px;
padding: 60px 0 70px;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper, .tax-linee_serbatoi #heading .content-inner .content-wrapper {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .image-wrapper, .tax-linee_serbatoi #heading .content-inner .content-wrapper .image-wrapper {
margin-bottom: 33px;
flex-basis: 50%;
max-width: 50%;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .image-wrapper .image img, .tax-linee_serbatoi #heading .content-inner .content-wrapper .image-wrapper .image img {
display: block;
object-fit: contain;
height: auto;
width: 100px;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .title, .tax-linee_serbatoi #heading .content-inner .content-wrapper .title {
display: block;
text-align: left;
margin-bottom: 33px;
flex-basis: 100%;
max-width: 100%;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .title h1, .tax-linee_serbatoi #heading .content-inner .content-wrapper .title h1 {
font-weight: 700;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .paragraph, .tax-linee_serbatoi #heading .content-inner .content-wrapper .paragraph {
flex-basis: 100%;
max-width: 100%;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .paragraph p, .tax-linee_serbatoi #heading .content-inner .content-wrapper .paragraph p {
margin: 0;
display: block;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .link-wrapper, .tax-linee_serbatoi #heading .content-inner .content-wrapper .link-wrapper {
flex-basis: 50%;
max-width: 50%;
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
margin-top: 10px;
}
.tax-linee_antincendio #gallery, .tax-linee_serbatoi #gallery {
position: relative;
z-index: 1;
}
.tax-linee_antincendio #gallery #detailsWrapper .example, .tax-linee_serbatoi #gallery #detailsWrapper .example {
width: auto;
padding-bottom: 20px;
}
.tax-linee_antincendio #gallery #detailsWrapper .example .image-wrapper, .tax-linee_serbatoi #gallery #detailsWrapper .example .image-wrapper {
height: 100%;
width: auto;
}
.tax-linee_antincendio #gallery #detailsWrapper .example .video-wrapper, .tax-linee_serbatoi #gallery #detailsWrapper .example .video-wrapper {
height: 100%;
width: auto;
}
.tax-linee_antincendio #gallery .form, .tax-linee_serbatoi #gallery .form {
margin-top: 4vw;
}
.tax-linee_antincendio #gallery .form .link-wrapper, .tax-linee_serbatoi #gallery .form .link-wrapper {
display: flex;
justify-content: center;
}
.tax-linee_antincendio #gallery .form .preventivo, .tax-linee_serbatoi #gallery .form .preventivo {
max-width: 81.25vw;
margin: 0 auto;
}
.tax-linee_antincendio #products, .tax-linee_serbatoi #products {
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 130px;
}
.tax-linee_antincendio #products .content-inner, .tax-linee_serbatoi #products .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.tax-linee_antincendio #products .content-inner .product, .tax-linee_serbatoi #products .content-inner .product {
width: calc(100% / 3 - (80px / 3));
flex-basis: calc(100% / 3 - (80px / 3));
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
position: relative;
pointer-events: auto;
}
.tax-linee_antincendio #products .content-inner .product:not(:nth-child(-n+3)), .tax-linee_serbatoi #products .content-inner .product:not(:nth-child(-n+3)) {
margin-top: 57px;
}
.tax-linee_antincendio #products .content-inner .product:not(:nth-child(3n)), .tax-linee_serbatoi #products .content-inner .product:not(:nth-child(3n)) {
margin-right: 40px;
}
.tax-linee_antincendio #products .content-inner .product .image-wrapper .image a, .tax-linee_serbatoi #products .content-inner .product .image-wrapper .image a {
display: block;
text-align: center;
}
.tax-linee_antincendio #products .content-inner .product .image-wrapper .image a img, .tax-linee_serbatoi #products .content-inner .product .image-wrapper .image a img {
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
.tax-linee_antincendio #products .content-inner .product .title, .tax-linee_serbatoi #products .content-inner .product .title {
margin-bottom: 30px;
padding: 0 30px;
text-align: center;
display: block;
}
.tax-linee_antincendio #products .content-inner .product .title a, .tax-linee_serbatoi #products .content-inner .product .title a {
display: block;
text-align: center;
}
.tax-linee_antincendio #products .content-inner .product .title a h2, .tax-linee_serbatoi #products .content-inner .product .title a h2 {
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-align: center;
display: block;
}
.tax-linee_antincendio #products .content-inner .product .paragraph, .tax-linee_serbatoi #products .content-inner .product .paragraph {
padding: 0 40px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph a, .tax-linee_serbatoi #products .content-inner .product .paragraph a {
display: block;
text-align: center;
margin-bottom: 30px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph a p, .tax-linee_serbatoi #products .content-inner .product .paragraph a p {
display: block;
text-align: center;
min-height: 200px;
}
.tax-linee_antincendio #products .content-inner .product .link-wrapper, .tax-linee_serbatoi #products .content-inner .product .link-wrapper {
text-align: center;
}
.tax-linee_antincendio #products .content-inner .product .link-wrapper .link, .tax-linee_serbatoi #products .content-inner .product .link-wrapper .link {
display: inline-block;
}
.tax-linee_antincendio #products .content-inner .product::before, .tax-linee_serbatoi #products .content-inner .product::before {
content: "";
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
top: -29.5px;
left: 0;
background: transparent;
border: 2px solid #D90000;
border-radius: 19px;
opacity: 0;
z-index: -1;
transition: opacity 0.3s ease;
}
.tax-linee_antincendio #products .content-inner .product:hover::before, .tax-linee_serbatoi #products .content-inner .product:hover::before {
opacity: 1;
z-index: 9;
}
.tax-linee_antincendio #products .content-inner .product:hover .link, .tax-linee_serbatoi #products .content-inner .product:hover .link {
position: relative;
z-index: 10;
background: #D90000;
}
.tax-linee_antincendio #products .content-inner .product:hover .link a, .tax-linee_serbatoi #products .content-inner .product:hover .link a {
color: #fff !important;
}
.tax-linee_antincendio #product-columns, .tax-linee_serbatoi #product-columns {
display: block;
margin: 50px 0 0;
position: relative;
padding-bottom: 140px;
}
.tax-linee_antincendio #product-columns .content-inner, .tax-linee_serbatoi #product-columns .content-inner {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
}
.tax-linee_antincendio #product-columns .content-inner .product-box, .tax-linee_serbatoi #product-columns .content-inner .product-box {
width: 100%;
flex-basis: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
padding-bottom: 53px;
margin-bottom: 50px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box:not(:last-child), .tax-linee_serbatoi #product-columns .content-inner .product-box:not(:last-child) {
border-bottom: 1px solid #00904A;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .left, .tax-linee_serbatoi #product-columns .content-inner .product-box .left {
width: 500px;
flex-basis: 500px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .text, .tax-linee_serbatoi #product-columns .content-inner .product-box .text {
width: calc(100% - 500px);
flex-basis: calc(100% - 500px);
}
.tax-linee_antincendio #product-columns .content-inner .product-box .left, .tax-linee_serbatoi #product-columns .content-inner .product-box .left {
padding-right: 70px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .product-title, .tax-linee_serbatoi #product-columns .content-inner .product-box .product-title {
display: block;
text-align: left;
width: 100%;
margin-bottom: 40px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .product-title h2, .tax-linee_serbatoi #product-columns .content-inner .product-box .product-title h2 {
margin-bottom: 30px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .text, .tax-linee_serbatoi #product-columns .content-inner .product-box .text {
padding-top: 40px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .text strong, .tax-linee_serbatoi #product-columns .content-inner .product-box .text strong {
display: block;
margin: 18px 0 5px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .text strong + br, .tax-linee_serbatoi #product-columns .content-inner .product-box .text strong + br {
display: none;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .link-wrapper, .tax-linee_serbatoi #product-columns .content-inner .product-box .link-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin: 12px 0;
width: 100%;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .slick-arrow, .tax-linee_serbatoi #product-columns .content-inner .product-box .slick-arrow {
width: 24px !important;
height: 53px !important;
}
.tax-linee_antincendio #product-columns .content-inner.col2 .product-box, .tax-linee_serbatoi #product-columns .content-inner.col2 .product-box {
width: 100%;
flex-basis: 100%;
}
.tax-linee_antincendio #last, .tax-linee_serbatoi #last {
position: relative;
z-index: 3;
}
.tax-linee_antincendio #last .content-inner, .tax-linee_serbatoi #last .content-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
}
.tax-linee_antincendio #last .content-inner span, .tax-linee_serbatoi #last .content-inner span {
display: block;
text-align: center;
}
.tax-linee_antincendio #last .content-inner .text, .tax-linee_serbatoi #last .content-inner .text {
display: block;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.tax-linee_antincendio #last .content-inner .link, .tax-linee_serbatoi #last .content-inner .link {
display: inline-block;
}
.tax-linee_antincendio #last .content-inner .link a, .tax-linee_serbatoi #last .content-inner .link a {
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-transform: unset !important;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .link-wrapper:not(.richiedi-top) {
justify-content: flex-start;
margin-top: 30px;
}
.tax-linee_serbatoi #heading .content-inner .content-wrapper .link-wrapper:not(.richiedi-top) {
justify-content: flex-start;
margin-top: 30px;
}
.tax-linee_serbatoi .link {
border: 2px solid #00904A !important;
}
.tax-linee_serbatoi .link:hover {
background: #00904A;
}
.tax-linee_serbatoi .link:hover a {
color: #fff !important;
}
.tax-linee_serbatoi .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_green.svg);
}
.tax-linee_serbatoi #heading .content-inner {
background: #E8F5EE;
}
.tax-linee_serbatoi #products .content-inner .product::before {
border-color: #00904A;
}
.tax-linee_serbatoi #products .content-inner .product:hover .link {
background: #00904A;
}
.tax-linee_serbatoi #gallery .example {
width: auto;
}
.tax-linee_serbatoi #gallery .example .image-wrapper {
height: 100%;
width: auto;
}
.tax-linee_serbatoi #gallery .example .video-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio .dimensione-table {
border-color: #D90000;
z-index: 9999;
}
.single-sistemi-antincendio .dimensione-table .dimensione-head span {
color: #D90000;
}
.single-sistemi-antincendio .link {
border: 2px solid #D90000;
}
.single-sistemi-antincendio .link:hover {
background: #D90000;
}
.single-sistemi-antincendio .link:hover a {
color: #fff !important;
}
.single-sistemi-antincendio .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_red.svg);
}
.single-sistemi-antincendio #heading .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
align-items: flex-start;
padding: 0;
padding-bottom: 60px;
}
.single-sistemi-antincendio #heading .content-inner .left {
width: 40%;
flex-basis: 40%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-sistemi-antincendio #heading .content-inner .left .image-wrapper {
margin-bottom: 17px;
}
.single-sistemi-antincendio #heading .content-inner .left .title {
display: block;
text-align: left;
margin-bottom: 25px;
}
.single-sistemi-antincendio #heading .content-inner .left .title h1 {
font-weight: 700;
}
.single-sistemi-antincendio #heading .content-inner .left .sub {
display: block;
text-align: left;
margin-bottom: 23px;
}
.single-sistemi-antincendio #heading .content-inner .left .sub span {
display: block;
font-size: 24px;
line-height: 30px;
}
.single-sistemi-antincendio #heading .content-inner .left .text {
display: block;
padding-right: 100px;
}
.single-sistemi-antincendio #heading .content-inner .left .text p {
display: block;
text-align: left;
}
.single-sistemi-antincendio #heading .content-inner .left .ancora-preventivo {
margin-top: 35px;
cursor: pointer;
}
.single-sistemi-antincendio #heading .content-inner .right {
width: 60%;
flex-basis: 60%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: absolute;
right: 0;
top: 180px;
z-index: 999;
}
.single-sistemi-antincendio #heading .content-inner .right .image-wrapper {
width: 100%;
display: block;
}
.single-sistemi-antincendio #heading .content-inner .right .image-wrapper .image {
width: 100%;
display: block;
}
.single-sistemi-antincendio #heading .content-inner .right .image-wrapper .image img {
width: 100%;
height: auto;
margin-right: 0;
display: block;
object-fit: cover;
}
.single-sistemi-antincendio #first {
margin-top: 0;
margin-bottom: 80px;
}
.single-sistemi-antincendio #first .content-inner {
background: #F5E8E8;
padding: 70px 0;
border-radius: 19px;
position: relative;
padding: 70px 48vw 70px 70px;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper .title {
display: block;
margin-bottom: 20px;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper .title h2 {
font-weight: 600;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper ul {
margin: 0;
padding: 0;
padding-left: 30px;
padding-bottom: 40px;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper .intro-caratteristiche, .single-sistemi-antincendio #first .content-inner .content-wrapper .post-caratteristiche {
margin: 20px 0 50px;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper .intro-caratteristiche p, .single-sistemi-antincendio #first .content-inner .content-wrapper .post-caratteristiche p {
margin: 0;
max-width: 80%;
}
.single-sistemi-antincendio #second {
min-height: calc(100vh - 110px);
}
.single-sistemi-antincendio #second .content-inner {
padding: 0;
height: 100%;
position: relative;
}
.single-sistemi-antincendio #second .pre, .single-sistemi-antincendio #second .post {
min-height: calc(100vh - 110px);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.single-sistemi-antincendio #second .pre .image-wrapper, .single-sistemi-antincendio #second .post .image-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.single-sistemi-antincendio #second .pre .image-wrapper .image, .single-sistemi-antincendio #second .post .image-wrapper .image {
display: flex;
align-items: center;
position: relative;
}
.single-sistemi-antincendio #second .pre .image-wrapper .image img, .single-sistemi-antincendio #second .post .image-wrapper .image img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.single-sistemi-antincendio #second .post {
position: absolute;
overflow: hidden;
top: 0;
}
.single-sistemi-antincendio #second .post .points {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.single-sistemi-antincendio #second .post .points .point {
position: absolute;
width: 23px;
height: 23px;
border-radius: 50%;
border: 2px solid #00904A;
background: #fff;
transition: all 0s ease, border-radius 0s ease;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.single-sistemi-antincendio #second .post .points .point .point-button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.single-sistemi-antincendio #second .post .points .point .point-button img {
display: block;
transition: all 0.33s ease;
filter: unset !important;
}
.single-sistemi-antincendio #second .post .points .point .point-content {
display: flex;
flex-flow: row wrap;
align-items: center;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s ease;
position: absolute;
width: auto;
}
.single-sistemi-antincendio #second .post .points .point .point-content p {
margin: 0;
font-size: 16px;
line-height: 25px;
}
.single-sistemi-antincendio #second .post .points .point .point-content .text {
width: auto;
max-width: 50%;
}
.single-sistemi-antincendio #second .post .points .point .point-content .image {
width: 50%;
max-width: 50%;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.single-sistemi-antincendio #second .post .points .point .point-content .image img {
width: auto;
height: auto;
max-height: 250px;
max-width: 100%;
object-fit: contain;
display: block;
}
.single-sistemi-antincendio #second .post .points .point.active {
width: auto;
height: auto;
border-radius: 19px;
padding: 25px 25px 36px;
max-width: 32vw;
z-index: 999999;
}
.single-sistemi-antincendio #second .post .points .point.active .point-button {
position: absolute;
left: 12px;
bottom: 12px;
}
.single-sistemi-antincendio #second .post .points .point.active .point-button img {
transform: rotate(45deg);
}
.single-sistemi-antincendio #second .post .points .point.active .point-content {
visibility: visible;
opacity: 1;
position: relative;
}
.single-sistemi-antincendio #second .post .points .point.end.active .point-button {
left: auto;
bottom: 12px;
right: 12px;
}
.single-sistemi-antincendio #second .post .points .point.endY.active .point-button {
top: 12px;
left: 12px;
bottom: auto;
}
.single-sistemi-antincendio #post-colonne3 {
margin: 80px 0;
}
.single-sistemi-antincendio #post-colonne3 .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.single-sistemi-antincendio #post-colonne3 .content-inner .col {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.single-sistemi-antincendio #post-colonne3 .content-inner .col .image {
width: 100%;
}
.single-sistemi-antincendio #post-colonne3 .content-inner .col .image img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.single-sistemi-antincendio #post-colonne3 .content-inner .col .text {
padding: 0 2vw;
}
.single-sistemi-antincendio #post-colonne3 .content-inner .col .text p {
text-align: center;
}
.single-sistemi-antincendio #third, .single-sistemi-antincendio #details, .single-sistemi-antincendio #punti-attivi-slider {
margin-bottom: 130px;
display: block;
}
.single-sistemi-antincendio #third .content-inner, .single-sistemi-antincendio #details .content-inner, .single-sistemi-antincendio #punti-attivi-slider .content-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
}
.single-sistemi-antincendio #third .content-inner .title, .single-sistemi-antincendio #details .content-inner .title, .single-sistemi-antincendio #punti-attivi-slider .content-inner .title {
display: block;
text-align: center;
margin-bottom: 80px;
width: 100%;
}
.single-sistemi-antincendio #third .content-inner .title h2, .single-sistemi-antincendio #details .content-inner .title h2, .single-sistemi-antincendio #punti-attivi-slider .content-inner .title h2 {
font-weight: 600;
text-align: center;
}
.single-sistemi-antincendio #third .content-inner #detailsWrapper .example, .single-sistemi-antincendio #details .content-inner #detailsWrapper .example, .single-sistemi-antincendio #punti-attivi-slider .content-inner #detailsWrapper .example {
width: auto;
}
.single-sistemi-antincendio #third .content-inner #detailsWrapper .example .image-wrapper, .single-sistemi-antincendio #details .content-inner #detailsWrapper .example .image-wrapper, .single-sistemi-antincendio #punti-attivi-slider .content-inner #detailsWrapper .example .image-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #third .content-inner #detailsWrapper .example .video-wrapper, .single-sistemi-antincendio #details .content-inner #detailsWrapper .example .video-wrapper, .single-sistemi-antincendio #punti-attivi-slider .content-inner #detailsWrapper .example .video-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #third .content-inner #examples .example, .single-sistemi-antincendio #details .content-inner #examples .example, .single-sistemi-antincendio #punti-attivi-slider .content-inner #examples .example {
width: auto;
}
.single-sistemi-antincendio #third .content-inner #examples .example .image-wrapper, .single-sistemi-antincendio #details .content-inner #examples .example .image-wrapper, .single-sistemi-antincendio #punti-attivi-slider .content-inner #examples .example .image-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #third .content-inner #examples .example .video-wrapper, .single-sistemi-antincendio #details .content-inner #examples .example .video-wrapper, .single-sistemi-antincendio #punti-attivi-slider .content-inner #examples .example .video-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #punti-attivi-slider {
display: none;
}
.single-sistemi-antincendio #punti-attivi-slider .content-inner #detailsWrapper .example .image-wrapper {
height: auto;
}
.single-sistemi-antincendio #punti-attivi-slider .content-inner #detailsWrapper .example .text {
min-width: 300px;
}
.single-sistemi-antincendio #fourth {
margin-bottom: 130px;
display: block;
}
.single-sistemi-antincendio #fourth .content-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
}
.single-sistemi-antincendio #fourth .content-inner > .title {
display: block;
text-align: center;
margin-bottom: 80px;
width: 100%;
}
.single-sistemi-antincendio #fourth .content-inner > .title h2 {
font-weight: 600;
text-align: center;
}
.single-sistemi-antincendio #gallery {
margin-bottom: 130px;
display: block;
}
.single-sistemi-antincendio #gallery .content-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
}
.single-sistemi-antincendio #gallery .content-inner .title {
display: block;
text-align: center;
margin-bottom: 80px;
width: 100%;
}
.single-sistemi-antincendio #gallery .content-inner .title h2 {
font-weight: 600;
text-align: center;
}
.single-sistemi-antincendio #gallery .content-inner #detailsWrapper {
padding-bottom: 25px;
}
.single-sistemi-antincendio #gallery .content-inner #detailsWrapper .example {
width: auto;
}
.single-sistemi-antincendio #gallery .content-inner #detailsWrapper .example .image-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #gallery .content-inner #detailsWrapper .example .video-wrapper {
height: 100%;
width: auto;
}
.single-sistemi-antincendio #last {
position: relative;
z-index: 3;
}
.single-sistemi-antincendio #last .content-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
}
.single-sistemi-antincendio #last .content-inner span {
display: block;
text-align: center;
}
.single-sistemi-antincendio #last .content-inner .text {
display: block;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.single-sistemi-antincendio #last .content-inner .link {
display: inline-block;
}
.single-sistemi-antincendio #last .content-inner .link a {
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-transform: unset !important;
}
.page-template-template-antincendio .link, .page-template-template-serbatoi .link, .page-template-template-atterraggio .link {
border: 2px solid #D90000;
}
.page-template-template-antincendio .link:hover, .page-template-template-serbatoi .link:hover, .page-template-template-atterraggio .link:hover {
background: #D90000;
}
.page-template-template-antincendio .link:hover a, .page-template-template-serbatoi .link:hover a, .page-template-template-atterraggio .link:hover a {
color: #fff !important;
}
.page-template-template-antincendio .link.download:not(:hover) a::before, .page-template-template-serbatoi .link.download:not(:hover) a::before, .page-template-template-atterraggio .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_red.svg);
}
.page-template-template-antincendio #heading, .page-template-template-serbatoi #heading, .page-template-template-atterraggio #heading {
margin-bottom: 70px;
}
.page-template-template-antincendio #heading .content-inner, .page-template-template-serbatoi #heading .content-inner, .page-template-template-atterraggio #heading .content-inner {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-antincendio #heading .content-inner .title, .page-template-template-serbatoi #heading .content-inner .title, .page-template-template-atterraggio #heading .content-inner .title {
text-align: center;
margin-bottom: 44px;
}
.page-template-template-antincendio #heading .content-inner .title h1, .page-template-template-serbatoi #heading .content-inner .title h1, .page-template-template-atterraggio #heading .content-inner .title h1 {
font-weight: 700;
text-align: center;
display: block;
}
.page-template-template-antincendio #heading .content-inner .text, .page-template-template-serbatoi #heading .content-inner .text, .page-template-template-atterraggio #heading .content-inner .text {
width: 100%;
}
.page-template-template-antincendio #heading .content-inner .text p, .page-template-template-serbatoi #heading .content-inner .text p, .page-template-template-atterraggio #heading .content-inner .text p {
margin: 0;
text-align: left;
display: block;
}
.page-template-template-antincendio #heading .content-inner .text p:not(:first-child), .page-template-template-serbatoi #heading .content-inner .text p:not(:first-child), .page-template-template-atterraggio #heading .content-inner .text p:not(:first-child) {
margin-top: 1em;
}
.page-template-template-antincendio #first, .page-template-template-serbatoi #first, .page-template-template-atterraggio #first {
margin-bottom: 35px;
}
.page-template-template-antincendio #first .content-inner, .page-template-template-serbatoi #first .content-inner, .page-template-template-atterraggio #first .content-inner {
width: 100%;
}
.page-template-template-antincendio #first .content-inner .content-wrapper, .page-template-template-serbatoi #first .content-inner .content-wrapper, .page-template-template-atterraggio #first .content-inner .content-wrapper {
background: #F5F5F5;
padding: 100px 0;
width: 100%;
border-radius: 19px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
display: block;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 60px 0;
border: 2px solid transparent;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .image-wrapper, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper {
text-align: center;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image {
text-align: center;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image img, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image img, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .image-wrapper .image img {
width: auto;
height: 170px;
object-fit: cover;
display: block;
transition: all 0.3s ease;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .title, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .title {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0 33px;
padding: 0 54px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .title span {
font-size: 30px;
text-align: center;
display: block;
line-height: 36px;
font-weight: 600;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .text {
display: block;
text-align: center;
padding: 0 48px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .text p, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text p, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .text p {
text-align: center;
margin: 0;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a:hover, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a:hover, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a:hover {
border-radius: 19px;
border: 2px solid #D90000;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a:hover .image-wrapper .image img, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a:hover .image-wrapper .image img, .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a:hover .image-wrapper .image img {
transform: scale(1.12);
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)), .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)), .page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)) {
margin-bottom: 40px;
}
.page-template-template-antincendio #last, .page-template-template-serbatoi #last, .page-template-template-atterraggio #last {
padding-top: 90px;
position: relative;
z-index: 3;
}
.page-template-template-antincendio #last .content-inner, .page-template-template-serbatoi #last .content-inner, .page-template-template-atterraggio #last .content-inner {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.page-template-template-antincendio #last .content-inner .link, .page-template-template-serbatoi #last .content-inner .link, .page-template-template-atterraggio #last .content-inner .link {
display: inline-block;
border-color: #D90000;
}
.page-template-template-antincendio #last .content-inner .link a, .page-template-template-serbatoi #last .content-inner .link a, .page-template-template-atterraggio #last .content-inner .link a {
font-size: 20px;
line-height: 27px;
font-weight: bold;
text-transform: uppercase;
}
.page-template-template-antincendio #last .content-inner .richiedi, .page-template-template-serbatoi #last .content-inner .richiedi, .page-template-template-atterraggio #last .content-inner .richiedi {
margin-left: 40px;
}
.page-template-template-antincendio #last .content-inner .preventivo, .page-template-template-serbatoi #last .content-inner .preventivo, .page-template-template-atterraggio #last .content-inner .preventivo {
margin-top: 50px;
}
.page-template-template-serbatoi .link {
border: 2px solid #00904A;
}
.page-template-template-serbatoi .link:hover {
background: #00904A;
}
.page-template-template-serbatoi .link:hover a {
color: #fff !important;
}
.page-template-template-serbatoi .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_green.svg);
}
.page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a:hover {
border: 2px solid #00904A;
}
.page-template-template-serbatoi #last .content-inner .link {
border-color: #00904A;
}
.configuratore-serbatoio {
display: flex;
flex-direction: column;
}
.configuratore-serbatoio h3 {
margin: 0;
margin-bottom: 43px;
font-weight: 600;
}
.configuratore-serbatoio .configuratore-title {
font-size: 20px;
line-height: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.configuratore-serbatoio .configuratore-options {
width: 28.6vw;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 33px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option {
width: calc(100% / 3 - 30px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.configuratore-serbatoio .configuratore-options .configuratore-option:not(:last-child) {
margin-right: 45px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-button {
width: 100%;
height: 150px;
border-radius: 24px;
border: 2px solid #fff;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
cursor: pointer;
transition: all 0.3s ease;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-button img {
width: auto;
height: auto;
max-height: 100%;
object-fit: contain;
display: block;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-button:hover {
border-color: #00904A;
opacity: 0.8;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-title {
display: block;
text-align: center;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-title span {
font-size: 20px;
line-height: 20px;
display: inline-block;
font-size: 600;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-toggle {
display: block;
text-align: center;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-toggle span {
cursor: pointer;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-content {
transition: opacity 0.33s ease;
min-width: 23vw;
position: absolute;
left: 0;
bottom: 0;
border-radius: 19px;
border: 2px solid #00904A;
background: #fff;
z-index: 999999;
padding: 35px 17px 25px 25px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-content:not(.active) {
visibility: hidden;
height: 0;
opacity: 0;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-content p {
width: 100%;
margin: 0;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-content .configuratore-close {
position: absolute;
z-index: 999999;
right: 13px;
top: 6px;
cursor: pointer;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-extra-content .configuratore-close span {
font-size: 15px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option.active .configuratore-button {
background-color: #fff;
border-color: #00904A;
}
#post-caratteristiche {
margin: 30px 0 100px;
}
#post-caratteristiche .content-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
#post-caratteristiche .content-inner .image {
width: 600px;
flex-basis: 600px;
}
#post-caratteristiche .content-inner .image img {
width: 100%;
height: auto;
}
#post-caratteristiche .content-inner .text {
width: 100%;
flex-basis: 100%;
}
#post-caratteristiche .content-inner .image + .text {
width: calc(100% - 600px);
flex-basis: calc(100% - 600px);
padding-left: 40px;
}
.single-serbatoi .link.download:not(:hover) a::before {
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/download_green.svg);
}
.single-serbatoi #heading .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
align-items: flex-start;
padding: 0;
padding-left: 9vw;
}
.single-serbatoi #heading .content-inner .left {
width: 40%;
flex-basis: 40%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding-bottom: 45px;
}
.single-serbatoi #heading .content-inner .left .image-wrapper {
margin-bottom: 17px;
}
.single-serbatoi #heading .content-inner .left .title {
display: block;
text-align: left;
margin-bottom: 25px;
}
.single-serbatoi #heading .content-inner .left .title h1 {
font-weight: 700;
}
.single-serbatoi #heading .content-inner .left .sub {
display: block;
text-align: left;
margin-bottom: 23px;
}
.single-serbatoi #heading .content-inner .left .sub span {
display: block;
font-size: 24px;
line-height: 30px;
}
.single-serbatoi #heading .content-inner .left .text {
display: block;
padding-right: 100px;
}
.single-serbatoi #heading .content-inner .left .text p {
display: block;
text-align: left;
}
.single-serbatoi #heading .content-inner .left .ancora-preventivo {
margin-top: 35px;
cursor: pointer;
}
.single-serbatoi #heading .content-inner .right {
width: 55%;
flex-basis: 55%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: absolute;
right: 0;
top: 200px;
z-index: 999;
}
.single-serbatoi #heading .content-inner .right .product-gallery .slick-next {
right: 40px;
}
.single-serbatoi #heading .content-inner .right .product-gallery .slick-prev {
left: 40px;
}
.single-serbatoi #heading.layout2 .content-inner {
padding-right: 0vw;
padding-left: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-serbatoi #heading.layout2 .image-wrapper {
margin-bottom: 11px;
}
.single-serbatoi #heading.layout2 .title {
display: block;
text-align: left;
margin-bottom: 25px;
}
.single-serbatoi #heading.layout2 .title h1 {
font-weight: 700;
}
.single-serbatoi #heading.layout2 .sub {
display: block;
text-align: left;
margin-bottom: 23px;
}
.single-serbatoi #heading.layout2 .sub span {
display: block;
font-size: 24px;
line-height: 30px;
}
.single-serbatoi #heading.layout2 .text {
display: block;
padding-right: 100px;
}
.single-serbatoi #heading.layout2 .text p {
display: block;
text-align: left;
}
.single-serbatoi #product-columns {
display: block;
margin: 50px 0 0;
position: relative;
}
.single-serbatoi #product-columns .content-inner {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
}
.single-serbatoi #product-columns .content-inner .product-box {
width: 100%;
flex-basis: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
padding-bottom: 53px;
margin-bottom: 50px;
}
.single-serbatoi #product-columns .content-inner .product-box:not(:last-child) {
border-bottom: 1px solid #00904A;
}
.single-serbatoi #product-columns .content-inner .product-box .left {
width: 500px;
flex-basis: 500px;
}
.single-serbatoi #product-columns .content-inner .product-box .text {
width: calc(100% - 500px);
flex-basis: calc(100% - 500px);
}
.single-serbatoi #product-columns .content-inner .product-box .left {
padding-right: 70px;
}
.single-serbatoi #product-columns .content-inner .product-box .product-title {
display: block;
text-align: left;
width: 100%;
margin-bottom: 40px;
}
.single-serbatoi #product-columns .content-inner .product-box .product-title h2 {
margin-bottom: 30px;
}
.single-serbatoi #product-columns .content-inner .product-box .text {
padding-top: 40px;
}
.single-serbatoi #product-columns .content-inner .product-box .text strong {
display: block;
margin: 18px 0 5px;
}
.single-serbatoi #product-columns .content-inner .product-box .text strong + br {
display: none;
}
.single-serbatoi #product-columns .content-inner .product-box .link-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin: 12px 0;
width: 100%;
}
.single-serbatoi #product-columns .content-inner .product-box .slick-arrow {
width: 24px !important;
height: 53px !important;
}
.single-serbatoi #product-columns .content-inner.col2 .product-box {
width: 100%;
flex-basis: 100%;
}
.single-serbatoi #first {
margin-bottom: 80px;
}
.single-serbatoi #first .content-inner {
background: #E8F5EE;
border-radius: 19px;
padding: 70px 48vw 70px 70px;
position: relative;
}
.single-serbatoi #first .content-inner .content-wrapper {
padding-bottom: 30px;
}
.single-serbatoi #first .content-inner .content-wrapper .title {
display: block;
margin-bottom: 20px;
}
.single-serbatoi #first .content-inner .content-wrapper .title h2 {
font-weight: 600;
}
.single-serbatoi #first .content-inner .content-wrapper ul {
margin: 0;
padding: 0;
padding-left: 30px;
padding-bottom: 60px;
}
.single-serbatoi #first .content-inner .content-wrapper .intro-caratteristiche, .single-serbatoi #first .content-inner .content-wrapper .post-caratteristiche {
margin: 20px 0;
}
.single-serbatoi #first .content-inner .content-wrapper .intro-caratteristiche p, .single-serbatoi #first .content-inner .content-wrapper .post-caratteristiche p {
margin: 0;
max-width: 100%;
}
.single-serbatoi #first .ancora-preventivo {
margin-bottom: 30px;
cursor: pointer;
}
.single-serbatoi #second, .single-serbatoi #details, .single-serbatoi #accessori {
margin-bottom: 130px;
display: block;
}
.single-serbatoi #second .content-inner, .single-serbatoi #details .content-inner, .single-serbatoi #accessori .content-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
}
.single-serbatoi #second .content-inner .title, .single-serbatoi #details .content-inner .title, .single-serbatoi #accessori .content-inner .title {
display: block;
text-align: center;
margin-bottom: 80px;
width: 100%;
}
.single-serbatoi #second .content-inner .title h2, .single-serbatoi #details .content-inner .title h2, .single-serbatoi #accessori .content-inner .title h2 {
font-weight: 600;
text-align: center;
}
.single-serbatoi #second .content-inner #detailsWrapper .example, .single-serbatoi #details .content-inner #detailsWrapper .example, .single-serbatoi #accessori .content-inner #detailsWrapper .example {
width: auto;
}
.single-serbatoi #second .content-inner #detailsWrapper .example .image-wrapper, .single-serbatoi #details .content-inner #detailsWrapper .example .image-wrapper, .single-serbatoi #accessori .content-inner #detailsWrapper .example .image-wrapper {
height: 100%;
width: auto;
}
.single-serbatoi #second .content-inner #detailsWrapper .example .video-wrapper, .single-serbatoi #details .content-inner #detailsWrapper .example .video-wrapper, .single-serbatoi #accessori .content-inner #detailsWrapper .example .video-wrapper {
height: 100%;
width: auto;
}
.single-serbatoi #second .content-inner #examples .example, .single-serbatoi #details .content-inner #examples .example, .single-serbatoi #accessori .content-inner #examples .example {
width: auto;
}
.single-serbatoi #second .content-inner #examples .example .image-wrapper, .single-serbatoi #details .content-inner #examples .example .image-wrapper, .single-serbatoi #accessori .content-inner #examples .example .image-wrapper {
height: 100%;
width: auto;
}
.single-serbatoi #second .content-inner #examples .example .video-wrapper, .single-serbatoi #details .content-inner #examples .example .video-wrapper, .single-serbatoi #accessori .content-inner #examples .example .video-wrapper {
height: 100%;
width: auto;
}
.single-serbatoi #third.custom-row {
margin-bottom: 100px;
}
.single-serbatoi #third.custom-row .content-inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
z-index: 0; }
.single-serbatoi #third.custom-row .content-inner .title {
display: block;
text-align: center;
margin-bottom: 35px;
}
.single-serbatoi #third.custom-row .content-inner .title h2 {
font-weight: 700;
}
.single-serbatoi #third.custom-row .content-inner .text-extra-toggle {
margin-top: 20px;
}
.single-serbatoi #third.custom-row .content-inner .text-extra .text-extra-content {
padding-right: 0;
}
.single-serbatoi #last {
position: relative;
z-index: 3;
}
.single-serbatoi #last .content-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
}
.single-serbatoi #last .content-inner span {
display: block;
text-align: center;
}
.single-serbatoi #last .content-inner .text {
display: block;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.single-serbatoi #last .content-inner .link {
display: inline-block;
}
.single-serbatoi #last .content-inner .link a {
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-transform: unset !important;
}
.post-type-archive-applicazioni #heading {
margin-bottom: 50px;
}
.post-type-archive-applicazioni #heading .content-inner {
display: flex;
flex-direction: column;
}
.post-type-archive-applicazioni #heading .content-inner .title {
margin-bottom: 45px;
}
.post-type-archive-applicazioni #heading .content-inner .title h1 {
font-weight: 700;
}
.post-type-archive-applicazioni #heading .content-inner .text {
display: block;
}
.post-type-archive-applicazioni #heading .content-inner .text p {
text-align: left;
margin: 0;
}
.post-type-archive-applicazioni #first {
position: relative;
z-index: 3;
}
.post-type-archive-applicazioni #first .usages .use {
margin-bottom: 100px;
}
.post-type-archive-applicazioni #first .usages .use .text {
display: none;
}
.post-type-archive-applicazioni #first .usages .use .link-wrapper {
margin-top: 20px;
}
.single-applicazioni #heading {
margin-bottom: 60px;
}
.single-applicazioni #heading .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
flex-direction: column;
align-items: center;
}
.single-applicazioni #heading .content-inner .left {
width: 68%;
flex-basis: 68%;
display: flex;
flex-direction: column;
}
.single-applicazioni #heading .content-inner .left .title {
margin-bottom: 30px;
}
.single-applicazioni #heading .content-inner .left .title h1 {
font-weight: 700;
text-align: center;
}
.single-applicazioni #heading .content-inner .left .text {
display: block;
padding-right: 0 !important;
}
.single-applicazioni #heading .content-inner .left .text p {
text-align: left;
margin: 0;
}
.single-applicazioni #heading .content-inner .right {
width: 32%;
flex-basis: 32%;
display: flex;
margin-top: 30px;
}
.single-applicazioni #heading .content-inner .right .image-wrapper {
width: 100%;
}
.single-applicazioni #heading .content-inner .right .image-wrapper .image {
width: 100%;
}
.single-applicazioni #heading .content-inner .right .image-wrapper .image img {
width: 100%;
height: 18.2vw;
object-fit: cover;
border-radius: 19px;
display: block;
}
.single-applicazioni #products {
position: relative;
z-index: 3;
}
.single-applicazioni #products .content-inner {
display: flex;
flex-direction: column;
}
.single-applicazioni #products .content-inner .title {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.single-applicazioni #products .content-inner .title h2 {
font-weight: 700;
text-align: center;
min-height: 2.5em;
}
.single-applicazioni #products .content-inner .content-wrapper {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: flex-start;
}
.single-applicazioni #products .content-inner .content-wrapper .product {
width: calc(100% / 3 - (80px / 3));
flex-basis: calc(100% / 3 - (80px / 3));
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
position: relative;
pointer-events: auto;
}
.single-applicazioni #products .content-inner .content-wrapper .product:not(:nth-child(-n+3)) {
margin-top: 57px;
}
.single-applicazioni #products .content-inner .content-wrapper .product:not(:nth-child(3n)) {
margin-right: 40px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .image-wrapper .image a {
display: block;
text-align: center;
}
.single-applicazioni #products .content-inner .content-wrapper .product .image-wrapper .image a img {
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title {
margin-bottom: 30px;
padding: 0 30px;
text-align: center;
display: block;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title a {
display: block;
text-align: center;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title a h2 {
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-align: center;
display: block;
}
.single-applicazioni #products .content-inner .content-wrapper .product .paragraph {
padding: 0 90px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .paragraph a {
display: block;
text-align: center;
margin-bottom: 30px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .paragraph a p {
display: block;
text-align: center;
}
.single-applicazioni #products .content-inner .content-wrapper .product .link-wrapper {
text-align: center;
}
.single-applicazioni #products .content-inner .content-wrapper .product .link-wrapper .link {
display: inline-block;
}
.single-applicazioni #products .content-inner .content-wrapper .product::before {
content: "";
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
top: -29.5px;
left: 0;
background: transparent;
border: 2px solid #00904A;
border-radius: 19px;
opacity: 0;
z-index: -1;
transition: opacity 0.3s ease;
}
.single-applicazioni #products .content-inner .content-wrapper .product:hover::before {
opacity: 1;
z-index: 9;
}
.single-applicazioni #products .content-inner .content-wrapper .product:hover .link {
position: relative;
z-index: 10;
background: #00904A;
}
.single-applicazioni #products .content-inner .content-wrapper .product:hover .link a {
color: #fff;
}
.page-template-template-azienda #heading, .page-template-template-service #heading {
margin-bottom: 130px;
}
.page-template-template-azienda #heading .content-inner, .page-template-template-service #heading .content-inner {
display: flex;
flex-flow: row wrap;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-azienda #heading .content-inner .right, .page-template-template-service #heading .content-inner .left, .page-template-template-service #heading .content-inner .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-service #heading .content-inner .left {
display: flex;
flex-direction: column;
padding-right: 8.3vw;
padding-top: 70px;
}
.page-template-template-azienda #heading .content-inner .left .title, .page-template-template-service #heading .content-inner .left .title {
margin-bottom: 40px;
}
.page-template-template-azienda #heading .content-inner .left .title h1, .page-template-template-service #heading .content-inner .left .title h1 {
font-weight: 700;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper, .page-template-template-service #heading .content-inner .left .image-wrapper {
width: 100%;
margin-bottom: 60px;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper .image, .page-template-template-service #heading .content-inner .left .image-wrapper .image {
width: 100%;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper .image img, .page-template-template-service #heading .content-inner .left .image-wrapper .image img {
width: 100%;
height: auto;
border-radius: 19px;
display: block;
}
.page-template-template-azienda #heading .content-inner .left .text, .page-template-template-service #heading .content-inner .left .text {
width: 100%;
}
.page-template-template-azienda #heading .content-inner .left .text p, .page-template-template-service #heading .content-inner .left .text p {
margin: 0;
display: block;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper.logo, .page-template-template-service #heading .content-inner .left .image-wrapper.logo {
margin-top: 40px;
width: auto;
height: auto;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper.logo img, .page-template-template-service #heading .content-inner .left .image-wrapper.logo img {
width: auto;
max-width: 13vw;
height: auto;
display: block;
border-radius: 0;
}
.page-template-template-azienda #heading .content-inner .right, .page-template-template-service #heading .content-inner .right {
display: flex;
flex-direction: column;
align-items: center;
padding: 70px 0;
position: relative;
}
.page-template-template-azienda #heading .content-inner .right::before, .page-template-template-service #heading .content-inner .right::before {
content: "";
position: absolute;
z-index: -1;
width: 70vw;
height: 100%;
border-radius: 19px;
left: 50px;
top: 0;
background: #F5F5F5;
}
.page-template-template-azienda #heading .content-inner .right .title, .page-template-template-service #heading .content-inner .right .title {
margin-bottom: 40px;
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #heading .content-inner .right .title h2, .page-template-template-service #heading .content-inner .right .title h2 {
font-weight: 700;
}
.page-template-template-azienda #heading .content-inner .right .title + .text, .page-template-template-service #heading .content-inner .right .title + .text {
margin-bottom: 80px;
}
.page-template-template-azienda #heading .content-inner .right .text, .page-template-template-service #heading .content-inner .right .text {
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #heading .content-inner .right .text p, .page-template-template-service #heading .content-inner .right .text p {
margin: 0;
}
.page-template-template-azienda #heading .content-inner .right .text:last-child p, .page-template-template-service #heading .content-inner .right .text:last-child p {
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.page-template-template-azienda #first, .page-template-template-service #first {
margin-bottom: 100px;
}
.page-template-template-azienda #first .content-inner, .page-template-template-service #first .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
}
.page-template-template-azienda #first .content-inner .left, .page-template-template-azienda #first .content-inner .right, .page-template-template-service #first .content-inner .left, .page-template-template-service #first .content-inner .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-azienda #first .content-inner .left, .page-template-template-service #first .content-inner .left {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-right: 50px;
}
.page-template-template-azienda #first .content-inner .left .image-wrapper .image img, .page-template-template-service #first .content-inner .left .image-wrapper .image img {
width: auto;
height: auto;
border-radius: 19px;
display: block;
}
.page-template-template-azienda #first .content-inner .right, .page-template-template-service #first .content-inner .right {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 50px;
position: relative;
justify-content: flex-end;
}
.page-template-template-azienda #first .content-inner .right .text, .page-template-template-service #first .content-inner .right .text {
width: 100%;
margin-bottom: 100px;
padding-right: 10.5vw;
}
.page-template-template-azienda #first .content-inner .right .text p, .page-template-template-service #first .content-inner .right .text p {
margin: 0;
}
.page-template-template-azienda #first .content-inner .right .image-wrapper, .page-template-template-service #first .content-inner .right .image-wrapper {
width: 100%;
}
.page-template-template-azienda #first .content-inner .right .image-wrapper .image, .page-template-template-service #first .content-inner .right .image-wrapper .image {
width: 100%;
}
.page-template-template-azienda #first .content-inner .right .image-wrapper .image img, .page-template-template-service #first .content-inner .right .image-wrapper .image img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 19px;
display: block;
}
.page-template-template-azienda #second, .page-template-template-service #second {
margin-bottom: 120px;
}
.page-template-template-azienda #second .content-inner, .page-template-template-service #second .content-inner {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.page-template-template-azienda #second .content-inner .left, .page-template-template-azienda #second .content-inner .right, .page-template-template-service #second .content-inner .left, .page-template-template-service #second .content-inner .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-azienda #second .content-inner .left, .page-template-template-service #second .content-inner .left {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-right: 90px;
flex-direction: column;
}
.page-template-template-azienda #second .content-inner .left .title, .page-template-template-service #second .content-inner .left .title {
margin-bottom: 40px;
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #second .content-inner .left .title h2, .page-template-template-service #second .content-inner .left .title h2 {
font-weight: 700;
}
.page-template-template-azienda #second .content-inner .left .text, .page-template-template-service #second .content-inner .left .text {
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #second .content-inner .left .text p, .page-template-template-service #second .content-inner .left .text p {
margin: 0;
}
.page-template-template-azienda #second .content-inner .right, .page-template-template-service #second .content-inner .right {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 50px;
position: relative;
justify-content: flex-end;
}
.page-template-template-azienda #second .content-inner .right .image-wrapper, .page-template-template-service #second .content-inner .right .image-wrapper {
width: 100%;
}
.page-template-template-azienda #second .content-inner .right .image-wrapper .image, .page-template-template-service #second .content-inner .right .image-wrapper .image {
width: 100%;
}
.page-template-template-azienda #second .content-inner .right .image-wrapper .image img, .page-template-template-service #second .content-inner .right .image-wrapper .image img {
width: auto;
height: auto;
object-fit: cover;
border-radius: 19px;
display: block;
}
.page-template-template-azienda #third, .page-template-template-service #third {
margin-bottom: 144px;
}
.page-template-template-azienda #third .content-inner, .page-template-template-service #third .content-inner {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.page-template-template-azienda #third .content-inner .left, .page-template-template-azienda #third .content-inner .right, .page-template-template-service #third .content-inner .left, .page-template-template-service #third .content-inner .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-azienda #third .content-inner .left, .page-template-template-service #third .content-inner .left {
display: flex;
align-items: center;
position: relative;
justify-content: flex-end;
padding-right: 50px;
}
.page-template-template-azienda #third .content-inner .left .image-wrapper, .page-template-template-service #third .content-inner .left .image-wrapper {
width: 100%;
}
.page-template-template-azienda #third .content-inner .left .image-wrapper .image, .page-template-template-service #third .content-inner .left .image-wrapper .image {
width: 100%;
}
.page-template-template-azienda #third .content-inner .left .image-wrapper .image img, .page-template-template-service #third .content-inner .left .image-wrapper .image img {
width: calc((100% + 50px) + ((100vw - 85.25vw) / 2 - 30px));
margin-left: calc(((-100vw + 85.25vw) / 2));
height: auto;
object-fit: cover;
border-radius: 19px;
display: block;
}
.page-template-template-azienda #third .content-inner .right, .page-template-template-service #third .content-inner .right {
display: flex;
align-items: flex-start;
justify-content: center;
padding-left: 50px;
flex-direction: column;
}
.page-template-template-azienda #third .content-inner .right .title, .page-template-template-service #third .content-inner .right .title {
margin-bottom: 40px;
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #third .content-inner .right .title h2, .page-template-template-service #third .content-inner .right .title h2 {
font-weight: 700;
}
.page-template-template-azienda #third .content-inner .right .text, .page-template-template-service #third .content-inner .right .text {
max-width: 26vw;
width: 100%;
}
.page-template-template-azienda #third .content-inner .right .text p, .page-template-template-service #third .content-inner .right .text p {
margin: 0;
}
.page-template-template-azienda #fourth, .page-template-template-service #fourth {
margin-bottom: 500px;
}
.page-template-template-azienda #fourth .content-inner, .page-template-template-service #fourth .content-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-template-azienda #fourth .content-inner .top, .page-template-template-service #fourth .content-inner .top {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
max-width: 57.2vw;
margin-bottom: 110px;
}
.page-template-template-azienda #fourth .content-inner .top .title, .page-template-template-service #fourth .content-inner .top .title {
margin-bottom: 40px;
width: 100%;
}
.page-template-template-azienda #fourth .content-inner .top .title h2, .page-template-template-service #fourth .content-inner .top .title h2 {
font-weight: 700;
}
.page-template-template-azienda #fourth .content-inner .top .text-wrapper, .page-template-template-service #fourth .content-inner .top .text-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.page-template-template-azienda #fourth .content-inner .top .text-wrapper .text, .page-template-template-service #fourth .content-inner .top .text-wrapper .text {
width: calc(50% - 50px);
flex-basis: calc(50% - 50px);
}
.page-template-template-azienda #fourth .content-inner .bottom, .page-template-template-service #fourth .content-inner .bottom {
display: flex;
align-items: center;
position: relative;
justify-content: flex-end;
}
.page-template-template-azienda #fourth .content-inner .bottom .image-wrapper, .page-template-template-service #fourth .content-inner .bottom .image-wrapper {
width: 100%;
}
.page-template-template-azienda #fourth .content-inner .bottom .image-wrapper .image, .page-template-template-service #fourth .content-inner .bottom .image-wrapper .image {
width: 100%;
}
.page-template-template-azienda #fourth .content-inner .bottom .image-wrapper .image img, .page-template-template-service #fourth .content-inner .bottom .image-wrapper .image img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 19px;
display: block;
}
.page-template-template-service #heading {
margin-bottom: 200px;
}
.page-template-template-servizi #servizi {
padding-top: 160px;
}
.page-template-template-servizi #servizi .content-inner {
display: flex;
flex-flow: row wrap;
}
.page-template-template-servizi #servizi .content-inner .left, .page-template-template-servizi #servizi .content-inner .right {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
}
.page-template-template-servizi #servizi .content-inner .servizio {
display: flex;
flex-direction: column;
}
.page-template-template-servizi #servizi .content-inner .servizio .image-wrapper {
width: 100%;
}
.page-template-template-servizi #servizi .content-inner .servizio .image-wrapper .image {
width: 100%;
}
.page-template-template-servizi #servizi .content-inner .servizio .image-wrapper .image img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-servizi #servizi .content-inner .servizio .name {
display: block;
margin: 32px 0;
}
.page-template-template-servizi #servizi .content-inner .servizio .name h2 {
font-weight: 700;
}
.page-template-template-servizi #servizi .content-inner .servizio .paragraph p {
display: block;
}
.page-template-template-servizi #servizi .content-inner .servizio .paragraph p:first-child {
margin-top: 0;
}
.page-template-template-servizi #servizi .content-inner .servizio .link, .page-template-template-servizi #servizi .content-inner .title .link {
border-color: #E94E1A;
}
.page-template-template-servizi #servizi .content-inner .servizio .link:hover, .page-template-template-servizi #servizi .content-inner .title .link:hover {
background-color: #E94E1A;
}
.page-template-template-servizi #servizi .content-inner .left {
padding-right: 9vw;
}
.page-template-template-servizi #servizi .content-inner .left .title {
display: flex;
flex-direction: column;
margin-bottom: 100px;
}
.page-template-template-servizi #servizi .content-inner .left .title h1 {
margin-bottom: 40px;
}
.page-template-template-servizi #servizi .content-inner .left .servizio {
padding: 150px 0;
position: relative;
z-index: 2;
}
.page-template-template-servizi #servizi .content-inner .left .servizio::before {
content: "";
position: absolute;
z-index: -1;
width: calc(100% + 450px);
height: 100%;
top: 0;
right: -8vw;
background: #E8F5EE;
}
.page-template-template-servizi #servizi .content-inner .left .servizio:last-child {
padding-top: 0;
}
.page-template-template-servizi #servizi .content-inner .left .servizio:nth-child(2) {
padding-bottom: 120px;
}
.page-template-template-servizi #servizi .content-inner .right {
padding-left: 9vw;
}
.page-template-template-servizi #servizi .content-inner .right .servizio:first-child {
margin-bottom: 120px;
}
.page-template-template-servizi #servizi .content-inner .right .servizio .imageLogo {
margin: 30px 0 40px;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-servizi #servizi .content-inner .right .servizio .imageLogo img {
width: 50%;
height: auto;
}
.page-template-template-servizi #servizi .content-inner .right .link-wrapper {
display: flex;
justify-content: center;
}
.page-template-template-servizi #last {
padding-bottom: 40px;
padding-top: 160px;
position: relative;
z-index: 99;
}
.page-template-template-servizi #last .content-inner {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-servizi #last .content-inner .link-wrapper:first-child {
margin-right: 40px;
}
.blog #heading {
display: block;
margin-bottom: 100px;
}
.blog #heading .content-inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-end;
}
.blog #heading .content-inner .filters {
width: 50%;
flex-basis: 50%;
display: flex;
justify-content: flex-end;
display: none !important;
}
.blog #heading .content-inner .filters span.filter {
display: inline-block;
}
.blog #heading .content-inner .filters span.filter a {
font-size: 20px;
line-height: 27px;
font-weight: 500;
padding: 8px 12px;
}
.blog #heading .content-inner .filters span.filter:not(:last-child) {
margin-right: 20px;
}
.blog #heading .content-inner .filters span.filter.active {
border: 2px solid #00904A;
border-radius: 18px;
}
.blog #heading .content-inner .filters span.filter:hover {
text-decoration: underline;
}
.blog #loop {
position: relative;
z-index: 99;
}
.blog #loop .content-inner {
display: flex;
flex-flow: row wrap;
}
.blog #loop .content-inner .grid-sizer, .blog #loop .content-inner .grid-item {
width: 44%;
}
.blog #loop .content-inner .grid-item {
margin-bottom: 70px;
}
.blog #loop .content-inner .gutter-sizer {
width: 12%;
}
.blog #loop .content-inner .single-news .content .date {
margin: 20px 0 9px;
display: block;
}
.blog #loop .content-inner .single-news .content .date span {
font-size: 20px;
line-height: 30px;
font-weight: 400;
}
.blog #loop .content-inner .single-news .content .t2 {
font-weight: 700;
margin: 0 0 30px;
display: inline-block;
}
.blog #loop .content-inner .single-news .content .image-wrapper {
width: 100%;
}
.blog #loop .content-inner .single-news .content .image-wrapper .image {
width: 100%;
}
.blog #loop .content-inner .single-news .content .image-wrapper .image img {
width: 100%;
height: auto;
display: block;
}
.blog #loop .content-inner .single-news .content p {
margin: 0;
font-size: 18px;
line-height: 28px;
}
.blog #loop .content-inner .single-news .content .link {
margin-top: 30px;
display: inline-block;
}
.blog #last {
padding-top: 160px;
padding-bottom: 40px;
position: relative;
z-index: 99;
}
.blog #nothing .content-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.blog #nothing .content-inner .link {
display: inline-block;
margin-top: 40px;
}
.single-post {
padding-top: 240px !important;
}
.single-post #post {
padding-bottom: 45px;
}
.single-post #post .content-inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.single-post #post .content-inner .left, .single-post #post .content-inner .right {
width: 50%;
flex-basis: 50%;
}
.single-post #post .content-inner .left {
padding-right: 100px;
}
.single-post #post .content-inner .left .image-wrapper {
width: 100%;
}
.single-post #post .content-inner .left .image-wrapper .image {
width: 100%;
}
.single-post #post .content-inner .left .image-wrapper .image img {
width: 100%;
height: auto;
display: block;
}
.single-post #post .content-inner .right {
display: flex;
flex-direction: column;
}
.single-post #post .content-inner .right.noimg {
width: 70%;
flex-basis: 70%;
}
.single-post #post .content-inner .right .desc {
display: block;
}
.single-post #post .content-inner .right .date {
display: block;
}
.single-post #post .content-inner .right .date span {
font-size: 20px;
line-height: 27px;
}
.single-post #post .content-inner .right .t2 { font-weight: 700;
margin-bottom: 25px;
}
.single-post #post .content-inner .right .share {
display: flex;
align-items: center;
justify-content: flex-start;
}
.single-post #post .content-inner .right .share .label {
display: block;
padding-right: 20px;
}
.single-post #post .content-inner .right .share .social {
margin-right: 10px;
display: block;
}
.single-post #post .content-inner .right img {
width: 100%;
height: auto;
margin: 20px 0;
}
.single-post #related {
position: relative;
z-index: 9;
padding-top: 80px;
padding-bottom: 40px;
}
.single-post #related .content-inner {
width: 100%;
}
.single-post #related .content-inner .news-wrapper {
background: #fff;
border-radius: 19px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.single-post #related .content-inner .news-wrapper::before {
content: "";
position: absolute;
height: 1px;
width: 100%;
background: #707070;
top: 85px;
left: 0;
}
.single-post #related .content-inner .news-wrapper .single-news {
width: calc(50% - 100px);
flex-basis: calc(50% - 100px);
display: flex;
flex-direction: column;
}
.single-post #related .content-inner .news-wrapper .single-news .head {
display: flex;
justify-content: flex-start;
padding-bottom: 70px;
}
.single-post #related .content-inner .news-wrapper .single-news .head .title h3 {
font-weight: 700;
}
.single-post #related .content-inner .news-wrapper .single-news .content {
display: flex;
flex-direction: column;
}
.single-post #related .content-inner .news-wrapper .single-news .content .date {
margin-bottom: 18px;
display: block;
}
.single-post #related .content-inner .news-wrapper .single-news .content .date span {
font-size: 20px;
line-height: 30px;
}
.single-post #related .content-inner .news-wrapper .single-news .content > a {
display: block;
text-align: left;
margin-bottom: 18px;
}
.single-post #related .content-inner .news-wrapper .single-news .content > a span {
font-weight: 700;
font-size: 30px;
line-height: 40px;
display: block;
}
.single-post #related .content-inner .news-wrapper .single-news .content p {
margin: 0;
margin-bottom: 20px;
}
.single-post #related .content-inner .news-wrapper .single-news .content .link {
display: inline-block;
}
.page-template-template-contatti #heading {
margin-bottom: 100px;
}
.page-template-template-contatti #heading .content-inner {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-contatti #heading .content-inner .left {
display: flex;
flex-direction: column;
width: 45%;
flex-basis: 45%;
}
.page-template-template-contatti #heading .content-inner .left .title h1 {
margin-bottom: 70px;
}
.page-template-template-contatti #heading .content-inner .right {
width: 55%;
flex-basis: 55%;
}
.page-template-template-contatti #heading .content-inner .right iframe {
width: 100%;
height: 21vw;
object-fit: cover;
border-radius: 15px;
}
.page-template-template-contatti #last {
position: relative;
z-index: 99;
padding-bottom: 50px;
}
.page-template-template-contatti #last .content-inner .title {
display: flex;
width: 100%;
justify-content: center;
}
.page-template-template-contatti #last .content-inner .title h2 {
margin-bottom: 45px;
}
.error404 #content {
min-height: 0;
}
.error404 #breadcrumbs {
display: none;
}
.error404 #errorPage {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 70vh;
}
.error404 #errorPage h1 {
font-size: 200px;
line-height: 210px;
margin-bottom: 40px;
text-align: center;
}
.error404 #errorPage .link-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-referenze #content {
min-height: unset;
}
.page-template-template-referenze #heading .content-inner {
display: flex;
justify-content: flex-start;
}
.page-template-template-referenze #heading .content-inner h1 {
font-weight: 700;
text-align: center;
display: block;
}
.page-template-template-referenze #all-referenze {
width: 100%;
position: relative;
z-index: 1;
margin-top: 3vw;
}
.page-template-template-referenze #all-referenze .container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
position: relative;
}
.page-template-template-referenze #all-referenze .container .single-referenza {
width: calc(100% / 3 - (200px / 3));
position: relative;
margin-bottom: 80px;
}
.page-template-template-referenze #all-referenze .container .single-referenza:not(:nth-child(3n)) {
margin-right: 100px;
}
.page-template-template-referenze #all-referenze .container .single-referenza a {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .div-img {
width: 100%;
position: relative;
overflow: hidden;
padding: 10px;
border: 2px solid transparent;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .div-img .img-wrapper {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 18px;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .div-img .img-wrapper img {
width: 100%;
height: 15vw;
transition: all 0.3s ease;
object-fit: cover;
display: block;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .name {
margin-top: 30px;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .name span {
font-size: 30px;
text-align: center;
display: block;
line-height: 36px;
font-weight: 600;
}
.page-template-template-referenze #all-referenze .container .single-referenza a:hover .div-img {
border-radius: 19px;
border: 2px solid #00904A;
}
.page-template-template-referenze #all-referenze .container .single-referenza a:hover .div-img img {
transform: scale(1.12);
}
.single-referenze #content {
min-height: unset;
}
.single-referenze #heading .content-inner {
display: flex;
justify-content: flex-start;
}
.single-referenze #heading .content-inner h1 {
font-weight: 700;
text-align: center;
display: block;
}
.single-referenze #content {
position: relative;
z-index: 1;
}
.single-referenze #content .container {
margin-top: 20px;
display: flex;
flex-direction: column;
padding: 0 30px;
align-items: center;
margin-bottom: 130px;
display: block;
}
.single-referenze #content .container #details {
margin-top: 5vw;
}
.single-referenze #content .container #detailsWrapper .example {
width: auto;
}
.single-referenze #content .container #detailsWrapper .example .image-wrapper {
height: 100%;
width: auto;
}
.single-referenze #content .container #detailsWrapper .example .video-wrapper {
height: 100%;
width: auto;
}
.single-referenze #content .form {
margin-top: 5vw;
}
.single-referenze #content .form .link-wrapper {
display: flex;
justify-content: center;
}
.single-referenze #content .form .preventivo {
max-width: 81.25vw;
margin: 0 auto;
}
nav.navigation.pagination {
display: flex;
align-items: center;
justify-content: center;
}
nav.navigation.pagination .page-numbers {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #00904A;
margin: 0 5px;
}
nav.navigation.pagination .page-numbers.prev, nav.navigation.pagination .page-numbers.next {
display: none;
}
nav.navigation.pagination .page-numbers.current {
background: #00904A;
color: #fff;
}
nav.navigation.pagination .page-numbers.current * {
color: #fff;
}
.page-template-template-grazie h1 {
text-align: center;
margin-bottom: 30px;
}
.page-template-template-grazie #content {
min-height: 0 !important;
}
.page-template-template-grazie .content-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.page-template-template-grazie .content-inner #text .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.page-template-template-grazie footer#colophon {
margin-top: 6vw;
padding-top: 6vw !important;
}
.page-template-template-grazie footer#colophon::before {
display: none;
}
.page-template-template-normativa-caratteristiche #heading {
margin-bottom: 45px;
}
.page-template-template-normativa-caratteristiche #text .container {
position: relative;
z-index: 3;
}
.page-template-template-normativa-caratteristiche #text .container .par {
margin-bottom: 3vw;
}
.page-template-template-normativa-caratteristiche #text .container .par .subtitle {
margin-bottom: 20px;
}
.page-template-template-normativa-caratteristiche #text .container .par p {
margin-top: 0;
}
.post-type-archive-normative #heading {
margin-bottom: 45px;
}
.post-type-archive-normative #all-normative .container {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
z-index: 3;
}
.post-type-archive-normative #all-normative .container .single-normativa {
width: calc(100% / 2 - (75px / 2));
position: relative;
transition: all 0.3s ease;
border-radius: 20px;
padding: 30px;
margin-bottom: 50px;
border: 2px solid transparent;
}
.post-type-archive-normative #all-normative .container .single-normativa:not(:nth-child(2n)) {
margin-right: 75px;
}
.post-type-archive-normative #all-normative .container .single-normativa a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.post-type-archive-normative #all-normative .container .single-normativa a .immagine {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.post-type-archive-normative #all-normative .container .single-normativa a .immagine img {
width: auto;
height: 300px;
object-fit: contain;
max-width: 100%;
}
.post-type-archive-normative #all-normative .container .single-normativa a .text {
margin-top: 20px;
display: flex;
flex-direction: column;
}
.post-type-archive-normative #all-normative .container .single-normativa a .text .title {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.post-type-archive-normative #all-normative .container .single-normativa a .text .title span {
width: 100%;
text-align: start;
font-weight: bold;
}
.post-type-archive-normative #all-normative .container .single-normativa a .text .par {
width: 100%;
}
.post-type-archive-normative #all-normative .container .single-normativa:hover {
border: 2px solid #00904A;
}
.single-normative p {
margin: 0;
}
.single-normative #first .container {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
z-index: 3;
}
.single-normative #first .container .top {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 20px;
}
.single-normative #first .container .top .text {
width: 60%;
}
.single-normative #first .container .top .text .title {
margin-bottom: 50px;
}
.single-normative #first .container .top .div-img {
width: 30%;
position: relative;
}
.single-normative #first .container .top .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.single-normative #first .container .text {
max-width: 100%;
}
.single-normative #form-contatti {
margin-top: 3vw;
position: relative;
z-index: 3;
}
.single-normative #form-contatti .testo {
margin-bottom: 40px;
}
.single-normative #form-contatti .testo span {
font-weight: bold;
}
.single-landing #content {
padding-bottom: 150px;
}
.single-landing #heading {
padding-top: 90px;
}
.single-landing #heading .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
padding: 0;
padding: 0 9vw;
}
.single-landing #heading .container .left {
width: 45%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-right: 100px;
}
.single-landing #heading .container .left h1 {
font-weight: 700;
margin-bottom: 25px;
}
.single-landing #heading .container .left p {
display: block;
text-align: left;
}
.single-landing #heading .container .right {
width: 55%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.single-landing #heading .container .right .gallery {
width: 100%;
}
.single-landing #heading .container .right .gallery .image {
width: 100%;
height: 29vw;
border-radius: 14px;
overflow: hidden;
}
.single-landing #heading .container .right .gallery .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-landing #heading .container .right .gallery .slick-next {
right: -5px;
}
.single-landing #heading .container .right .gallery .slick-prev {
left: -5px;
}
.single-landing #contenuto {
padding-top: 60px;
margin-bottom: 30px;
}
.single-landing #contenuto .container {
padding: 0 9vw;
display: flex;
flex-direction: column;
}
.single-landing #contenuto .container .row {
width: 100%;
margin: 20px 0;
}
.single-landing #contenuto .container .row h1, .single-landing #contenuto .container .row h2, .single-landing #contenuto .container .row h3 {
margin: 0;
}
.single-landing #contenuto .container .row.title h3 {
font-size: 28px;
line-height: 32px;
}
.single-landing #contenuto .container .row.text p {
display: block;
}
.single-landing #contenuto .container .row.text p:first-child {
margin-top: 0;
}
.single-landing #contenuto .container .row.text p:last-child {
margin-bottom: 0;
}
.single-landing #contenuto .container .row.elenco .ul {
display: flex;
flex-direction: column;
padding-left: 80px;
}
.single-landing #contenuto .container .row.elenco .ul .el {
padding-left: 47px;
position: relative;
}
.single-landing #contenuto .container .row.elenco .ul .el:not(:last-child) {
margin-bottom: 17px;
}
.single-landing #contenuto .container .row.elenco .ul .el span {
display: block;
}
.single-landing #contenuto .container .row.elenco .ul .el::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
background-image: url(https://www.righettoserbatoi.com/wp-content/themes/righetto-child/assets/icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.single-landing #contenuto .container .row.slider {
margin: 40px 0;
}
.single-landing #contenuto .container .row.slider::-webkit-scrollbar {
height: 7px;
background-color: transparent;
}
.single-landing #contenuto .container .row.slider .carousel {
width: 100%;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 24px;
}
.single-landing #contenuto .container .row.slider .carousel::-webkit-scrollbar {
height: 7px;
background-color: transparent;
}
.single-landing #contenuto .container .row.slider .carousel .image {
width: auto;
height: 30vw;
flex-shrink: 0;
border-radius: 14px;
overflow: hidden;
}
.single-landing #contenuto .container .row.slider .carousel .image img, .single-landing #contenuto .container .row.slider .carousel .image video {
width: auto;
height: 100%;
}
.single-landing #contenuto .container .row.slider .carousel .image:not(:last-child) {
margin-right: 20px;
}
.single-landing #contenuto .container .row.riquadri .grid {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.single-landing #contenuto .container .row.riquadri .grid .el {
width: calc(100% / 4 - (100px / 4));
height: 290px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
border-radius: 14px;
background: #F5F5F5;
}
.single-landing #contenuto .container .row.riquadri .grid .el:not(:nth-child(4n)) {
margin-right: calc(100px / 3);
}
.single-landing #contenuto .container .row.riquadri .grid .el span {
display: block;
max-width: 70%;
text-align: center;
font-size: 24px;
line-height: 28px;
color: #00904A;
}
.single-landing #contenuto .container .row.video {
display: flex;
align-items: center;
justify-content: center;
}
.single-landing #contenuto .container .row.video .image {
width: 65vw;
height: auto;
}
.single-landing #contenuto .container .row.video .image video {
width: 100%;
height: auto;
display: block;
}
.single-landing #contenuto .container .row.modulo .title {
display: flex;
justify-content: center;
align-items: center;
}
.single-landing #contenuto .container .row.modulo .title h2 {
font-size: 36px;
line-height: 46px;
letter-spacing: 1px;
margin: 0 auto;
display: inline-block;
margin-bottom: 34px;
}
@media screen and (min-width: 2000px) {
.single-serbatoi #last {
margin-top: 140px;
}
}
@media screen and (max-width: 1680px) {
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item a {
font-size: 18px;
line-height: 25px;
}
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item {
padding: 0 17px;
}
header#masthead .site-actions .socials {
margin-left: 16px;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown a {
border: none !important;
padding: 0 !important;
font-size: 18px;
line-height: 25px;
}
header#masthead .site-branding {
max-width: 188px;
}
header#masthead .site-branding .site-logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.home #heading .content-inner .title h1 {
padding-right: 0;
}
.boxed.small {
max-width: 75.5vw;
width: 100%;
margin: 0 auto;
}
.home #first .content-inner .bottom .in-evidenza .box {
width: calc(100% / 3 - (70px / 3));
flex-basis: calc(100% / 3 - (70px / 3));
height: 31.9vw;
padding: 0 53px;
}
.page-template-template-servizi #servizi .content-inner .right {
padding-left: 6vw;
}
.page-template-template-servizi #servizi .content-inner .left {
padding-right: 8vw;
}
.blog #heading .content-inner .filters {
width: 70%;
flex-basis: 70%;
}
.blog #heading .content-inner .filters span.filter a {
font-size: 17px;
line-height: 22px;
padding: 8px 8px;
}
.page-template-template-azienda #heading .content-inner .right .text, .page-template-template-service #heading .content-inner .right .text {
max-width: 30vw;
width: 100%;
}
.page-template-template-azienda #heading .content-inner .right .title, .page-template-template-service #heading .content-inner .right .title {
margin-bottom: 30px;
max-width: 30vw;
}
.page-template-template-azienda #heading .content-inner .right::before, .page-template-template-service #heading .content-inner .right::before {
width: 73vw;
left: 22px;
}
.page-template-template-azienda #second .content-inner .left .text, .page-template-template-azienda .page-template-template-azienda #second .content-inner .left .title, .page-template-template-service #second .content-inner .left .text, .page-template-template-service .page-template-template-azienda #second .content-inner .left .title {
max-width: 33vw;
}
.page-template-template-azienda #third .content-inner .right .text, .page-template-template-service #third .content-inner .right .text {
max-width: 36vw;
}
.page-template-template-azienda #fourth .content-inner .top, .page-template-template-service #fourth .content-inner .top {
max-width: 69vw;
margin-bottom: 90px;
}
.page-template-template-azienda #fourth, .page-template-template-service #fourth {
margin-bottom: 200px;
}
.single-landing #contenuto .container .row.riquadri .grid .el span {
display: block;
max-width: 70%;
text-align: center;
font-size: 20px;
line-height: 24px;
}
}
@media screen and (max-width: 1480px) {
.page-template-template-contatti #heading .content-inner .right iframe {
height: 30vw;
}
.t1 {
font-size: 42px;
line-height: 56px;
letter-spacing: 3px;
}
.t2, .single-normative #first .top h2 {
font-size: 35px;
line-height: 42px;
}
.t3, .single-normative #first .top h3 {
font-size: 30px;
line-height: 40px;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-size: 26px;
line-height: 36px;
}
footer#colophon {
padding-top: 22vw !important;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text {
padding: 0 30px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title span {
font-size: 26px;
line-height: 34px;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text {
padding: 0 30px;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title span {
font-size: 26px;
line-height: 34px;
}
.tax-linee_antincendio #heading .content-inner, .tax-linee_serbatoi #heading .content-inner {
padding: 36px 0 40px;
}
.tax-linee_antincendio #products .content-inner .product .title a h2, .tax-linee_serbatoi #products .content-inner .product .title a h2 {
font-size: 26px;
line-height: 31px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph, .tax-linee_serbatoi #products .content-inner .product .paragraph {
padding: 0px 25px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph p, .tax-linee_serbatoi #products .content-inner .product .paragraph p {
margin: 0;
}
.single-serbatoi #heading .content-inner .left .text, .text-extra .text-extra-content {
display: block;
padding-right: 30px;
}
.configuratore-serbatoio .configuratore-options {
width: 97%;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-button {
width: 100%;
height: 130px;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col:not(:last-child) {
padding-right: 50px;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col:not(:first-child) {
padding-left: 50px;
}
.single-sistemi-antincendio #heading .content-inner .left .text {
padding-right: 0;
}
.single-sistemi-antincendio #first {
margin-top: 41px;
margin-bottom: 80px;
}
.single-sistemi-antincendio #second .post .points .point.active {
max-width: 48vw;
}
div#breadcrumbs {
top: 115px;
}
#post-caratteristiche .content-inner .image + .text {
padding-left: 0;
}
.usages .use .title span {
font-size: 25px;
line-height: 35px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title a h2 {
font-size: 24px;
line-height: 30px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .paragraph {
padding: 0 20px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title {
margin-bottom: 0;
}
.page-template-template-servizi #servizi .content-inner .left .title h1 {
margin-bottom: 20px;
}
.page-template-template-azienda #heading .content-inner .right .text:last-child p, .page-template-template-service #heading .content-inner .right .text:last-child p {
font-size: 20px;
line-height: 26px;
}
.page-template-template-azienda #heading .content-inner .right .title + .text, .page-template-template-service #heading .content-inner .right .title + .text {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1440px) {
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item a {
font-size: 16px;
line-height: 23px;
}
}
@media screen and (max-width: 1366px) {
header#masthead #site-navigation.primary-navigation .primary-menu-container > ul li.menu-item {
padding: 0 13px;
}
header#masthead .site-branding {
max-width: 160px;
}
header#masthead .site-actions .wpml-ls-legacy-dropdown a {
font-size: 16px;
line-height: 23px;
}
header#masthead .site-actions .socials {
padding: 7px 0;
}
.boxed {
max-width: calc(100% - 10vw);
width: 100%;
margin: 0 auto;
}
footer#colophon .content-inner .footer-top-inner .title img {
object-fit: contain;
height: auto;
}
.single-sistemi-antincendio #first .content-inner {
padding: 70px 48vw 70px 25px;
}
.single-sistemi-antincendio #first .content-inner .boxed {
width: 100%;
max-width: 100%;
}
.t1 {
font-size: 34px;
line-height: 44px;
}
.single-normative #first .top h2 {
font-size: 25px;
line-height: 30px;
}
.single-normative #first .top h3 {
font-size: 22px;
line-height: 25px;
}
.gform_wrapper input.gform_button.button {
width: 270px;
height: 50px;
font-size: 24px;
line-height: 30px;
}
.examples .example {
width: calc(50% - 15px);
}
.examples .example .image-wrapper .image img {
height: 33vw;
width: auto;
}
.examples .example .video-wrapper .video video {
height: 33vw;
width: auto;
}
}
@media screen and (max-width: 1200px) {
footer#colophon::before {
height: 180px !important;
}
.t1 {
font-size: 32px;
line-height: 42px;
letter-spacing: 3px;
}
.boxed.small {
max-width: calc(100% - 10vw);
width: 100%;
margin: 0 auto;
}
.content-inner .boxed:not(.news-wrapper, .page-template-template-normativa-caratteristiche .boxed, .post-type-archive-normative .boxed, .single-normative .boxed) {
width: 100% !important;
max-width: 100% !important;
}
.home #news .content-inner .news-wrapper .single-news {
width: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
section > .content-inner {
padding: 0 5vw !important;
}
.home #heading .content-inner .title {
margin-bottom: 40px;
}
section#heading {
padding-top: 115px;
}
.home #first .content-inner .top .title {
margin-bottom: 15px;
}
.home #heading {
margin-bottom: 70px;
}
.home #first .content-inner .bottom .in-evidenza .box {
width: 100%;
flex-basis: 100%;
height: auto;
padding: 5vw 15vw;
}
.home #first .content-inner .bottom .in-evidenza .box:not(:last-child) {
margin-bottom: 50px;
}
.t3 {
font-size: 24px;
line-height: 30px;
}
.link a {
padding: 9px 35px;
font-size: 15px;
line-height: 19px;
}
.home #first .content-inner .top {
margin-bottom: 65px;
}
.t2 {
font-size: 30px;
line-height: 35px;
}
.home #first {
margin-bottom: 80px;
}
.home #second > .title {
margin-bottom: 45px;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-size: 20px;
line-height: 28px;
}
.page-template-template-antincendio #heading, .page-template-template-serbatoi #heading {
margin-bottom: 40px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: 50%;
flex-basis: 50%;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .title, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title {
margin: 10px 0 18px;
padding: 0 54px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a {
padding: 25px 0;
}
.page-template-template-atterraggio #heading, .page-template-template-serbatoi #heading {
margin-bottom: 40px;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: 50%;
flex-basis: 50%;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .title, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title {
margin: 10px 0 18px;
padding: 0 54px;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a {
padding: 25px 0;
}
.tax-linee_antincendio #heading, .tax-linee_serbatoi #heading {
max-width: calc(100% - 10vw);
margin: 0 auto 55px;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .image-wrapper, .tax-linee_serbatoi #heading .content-inner .content-wrapper .image-wrapper {
margin-bottom: 15px;
}
.tax-linee_antincendio #heading .content-inner, .tax-linee_serbatoi #heading .content-inner {
padding: 36px 5vw 40px !important;
}
.tax-linee_antincendio #products .content-inner .product:not(:nth-child(3n)), .tax-linee_serbatoi #products .content-inner .product:not(:nth-child(3n)) {
margin-right: 0;
}
.tax-linee_antincendio #products .content-inner .product, .tax-linee_serbatoi #products .content-inner .product {
width: 50%;
flex-basis: 50%;
margin-bottom: 30px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph a p, .tax-linee_serbatoi #products .content-inner .product .paragraph a p {
min-height: auto;
}
.single-serbatoi #heading .content-inner .left {
width: 100%;
flex-basis: 100%;
}
.single-serbatoi #heading .content-inner .right {
width: 100%;
flex-basis: 100%;
position: relative;
right: unset;
top: unset;
z-index: 999;
margin-bottom: 80px;
}
.single-serbatoi #heading .content-inner .left .text, .text-extra .text-extra-content {
padding-right: 0;
}
.single-serbatoi #heading .content-inner .left .title {
margin-bottom: 15px;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col:not(:last-child) {
padding-right: 0;
margin-bottom: 55px;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col {
width: 100%;
flex-basis: 100%;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col:not(:first-child) {
padding-left: 0;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row {
padding: 5vw;
}
.single-serbatoi #first {
margin-bottom: 50px;
padding: 5vw;
}
.single-serbatoi #first .content-inner {
padding: 5vw !important;
}
.product-actions {
position: relative;
bottom: unset;
}
.single-serbatoi #first .content-inner .content-wrapper ul {
padding-left: 30px;
padding-bottom: 10px;
}
.single-serbatoi #first .content-inner .content-wrapper {
padding-bottom: 0;
}
.single-serbatoi #last .content-inner .link a {
font-size: 24px;
line-height: 30px;
}
.single-sistemi-antincendio #first {
margin-top: 35px;
margin-bottom: 50px;
padding: 0 5vw;
}
.single-sistemi-antincendio #first .content-inner {
padding: 5vw !important;
}
.single-sistemi-antincendio #first .content-inner .content-wrapper .intro-caratteristiche p, .single-sistemi-antincendio #first .content-inner .content-wrapper .post-caratteristiche p {
margin: 0;
max-width: 100%;
}
.dimensione-button .link {
line-height: 18px;
}
.single-sistemi-antincendio #second .content-inner {
padding: 0 !important;
}
.single-sistemi-antincendio #second .post .points .point.active {
max-width: 63vw;
}
#post-caratteristiche .content-inner .image {
width: 40%;
flex-basis: 40%;
}
#post-caratteristiche .content-inner .image + .text {
width: 60%;
flex-basis: 60%;
padding-left: 0;
}
.usages .use {
width: calc(50% - 30px);
}
.usages .use:not(:nth-child(3n)) {
margin-right: 0;
}
.usages .use:nth-child(2n) {
margin-left: 60px;
}
.usages .use .image-wrapper .image img {
width: 100%;
height: 29vw;
}
.single-applicazioni #heading .content-inner .right .image-wrapper .image img {
height: 23vw;
}
.single-applicazioni #heading .content-inner .left {
width: 60%;
flex-basis: 60%;
}
.single-applicazioni #heading .content-inner .right {
width: 40%;
flex-basis: 40%;
}
.single-applicazioni #heading .content-inner .left .text {
padding-right: 60px;
}
.single-applicazioni #heading .content-inner .left .title {
margin-bottom: 30px;
}
.single-applicazioni #products .content-inner .content-wrapper .product {
width: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.single-applicazioni #products .content-inner .content-wrapper .product:not(:nth-child(3n)) {
margin-right: 0;
}
.single-applicazioni #products .content-inner .content-wrapper .product:not(:nth-child(2n)) {
margin-right: 50px;
}
.blog #loop .content-inner {
padding: 0 !important;
width: calc(100% - 10vw) !important;
margin: 0 auto;
}
.single-post #post .content-inner .left, .single-post #post .content-inner .right {
width: 100%;
flex-basis: 100%;
}
.single-post #post .content-inner .left {
padding-right: 0;
order: 2;
margin-top: 40px;
}
.single-post #related .content-inner .news-wrapper .single-news {
width: calc(50% - 30px);
flex-basis: calc(50% - 30px);
}
.single-post #related .content-inner .news-wrapper .single-news .content > a span {
font-size: 24px;
line-height: 30px;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-service #heading .content-inner .left {
flex-direction: column;
padding-right: 4vw;
}
.page-template-template-azienda #heading .content-inner .right::before, .page-template-template-service #heading .content-inner .right::before {
width: 78vw;
left: 5px;
}
.page-template-template-azienda #heading .content-inner .right .text, .page-template-template-service #heading .content-inner .right .text {
max-width: 38vw;
width: 100%;
}
.page-template-template-azienda #heading .content-inner .right .title, .page-template-template-service #heading .content-inner .right .title {
margin-bottom: 25px;
max-width: 38vw;
}
.page-template-template-azienda #first .content-inner .right .text, .page-template-template-service #first .content-inner .right .text {
padding-right: 0;
}
.page-template-template-azienda #first .content-inner .left .image-wrapper .image img, .page-template-template-service #first .content-inner .left .image-wrapper .image img {
width: 100%;
height: auto;
}
.home .slick-prev, .home .slick-next {
display: none !important;
}
.single-post #post .content-inner .right.noimg {
width: 90vw;
flex-basis: 90vw;
}
.page-template-template-referenze #all-referenze .container {
padding: 0 5vw;
}
.single-referenze #content .container {
padding: 0 5vw;
}
.single-landing #heading .container {
padding: 0 5vw;
}
.single-landing #contenuto .container {
padding: 0 5vw;
}
.single-landing #heading .container .left {
width: 45%;
padding-right: 30px;
}
.single-landing #heading .container .left h1 {
margin-bottom: 0;
}
.single-landing #contenuto .container .row.elenco .ul {
padding-left: 40px;
}
.single-landing #contenuto .container .row.riquadri .grid .el {
width: calc(100% / 2 - (35px / 2));
}
.single-landing #contenuto .container .row.riquadri .grid .el:not(:nth-child(4n)) {
margin-right: 0;
}
.single-landing #contenuto .container .row.riquadri .grid .el:not(:nth-child(2n)) {
margin-right: 35px;
}
.single-landing .gform_wrapper input.gform_button.button {
width: auto;
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 1025px) {
.socials.only-mobile {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
position: absolute;
left: 50%;
bottom: 5vw;
transform: translateX(-50%);
}
.socials.only-mobile span:not(:last-child) {
margin-right: 10px;
}
.socials.only-mobile span a img {
width: auto;
height: 20px;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li a {
padding: 15px 0;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}
header#masthead .site-actions .socials {
display: none !important;
}
#mobile-navigation .menu-button-container {
display: flex;
left: 35px !important;
padding: 0;
right: auto !important;
left: 0;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
header#masthead {
padding: 0 !important;
height: 75px;
}
header#masthead .site-branding {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 145px;
}
header#masthead .site-actions {
margin-left: auto;
padding-right: 35px;
}
span.custom-logo-link {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
div#breadcrumbs {
display: none !important;
}
body:not(.home) {
padding-top: 0px;
}
.single-post {
padding-top: 100px !important;
}
.page-template-template-referenze #all-referenze .container .single-referenza {
width: calc(100% / 2 - (50px / 2));
}
.page-template-template-referenze #all-referenze .container .single-referenza:not(:nth-child(3n)) {
margin-right: 0;
}
.page-template-template-referenze #all-referenze .container .single-referenza:not(:nth-child(2n)) {
margin-right: 50px;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .div-img .img-wrapper img {
height: 300px;
}
.tax-linee_antincendio #product-columns .content-inner .product-box, .tax-linee_serbatoi #product-columns .content-inner .product-box {
flex-direction: column;
align-items: flex-start;
}
.tax-linee_antincendio #product-columns .content-inner .product-box .left, .tax-linee_antincendio #product-columns .content-inner .product-box .text, .tax-linee_serbatoi #product-columns .content-inner .product-box .left, .tax-linee_serbatoi #product-columns .content-inner .product-box .text {
width: 100%;
flex-basis: 100%;
}
.dimensione-table {
width: 90vw;
position: fixed;
left: 5vw;
top: calc(50vh + 17px);
transform: translateY(-50%);
bottom: auto;
max-height: 80vh;
z-index: 9999999;
}
.dimensione-table::-webkit-scrollbar {
display: none !important;
}
.dimensione-table .dimensione-head {
width: 600px;
}
.dimensione-table .dimensione-head span {
padding: 7px;
font-size: 15px;
line-height: 18px;
}
.dimensione-table .dimensione-body {
width: 600px;
}
.single-serbatoi #product-columns .content-inner .product-box {
flex-direction: column;
flex-flow: column;
align-items: flex-start;
}
.single-serbatoi #product-columns .content-inner .product-box .left {
max-width: 100%;
padding-right: 0;
height: auto;
flex-basis: auto;
width: 300px;
}
.single-serbatoi #product-columns .content-inner .product-box .text {
width: 100%;
}
.home #heading .content-inner .gallery {
max-height: 45vh;
overflow: hidden;
}
.home #heading .content-inner .gallery .single-slide .image-wrapper .image img {
height: 45vh;
}
}
@media screen and (max-width: 1000px) {
aside.footer-inner .footer-col {
width: 100% !important;
flex-basis: 100% !important;
}
aside.footer-inner .footer-col:not(:last-child) {
margin-bottom: 55px;
}
footer#colophon .content-inner .footer-top-inner .title {
margin-bottom: 30px !important;
}
.t1 {
font-size: 30px;
line-height: 40px;
letter-spacing: 3px;
}
.t2, .single-normative #first .top h2 {
font-size: 24px;
line-height: 28px;
}
.t3, .single-normative #first .top h3 {
font-size: 20px;
line-height: 26px;
}
.home #second .content-inner .slider-wrapper .slider .slide a .title span {
font-size: 24px;
line-height: 30px;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-size: 21px;
line-height: 30px;
}
.home #news .content-inner .news-wrapper .single-news {
width: calc(50% - 35px);
flex-basis: calc(50% - 35px);
}
.page-template-template-antincendio #last, .page-template-template-serbatoi #last {
padding-top: 20px;
}
.page-template-template-atterraggio #last, .page-template-template-serbatoi #last {
padding-top: 20px;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .title, .tax-linee_serbatoi #heading .content-inner .content-wrapper .title {
margin-bottom: 20px;
}
.tax-linee_antincendio #products .content-inner .product .title a h2, .tax-linee_serbatoi #products .content-inner .product .title a h2 {
font-size: 20px;
line-height: 27px;
}
.single-sistemi-antincendio #heading .content-inner .right {
position: relative;
right: unset;
top: unset;
width: 100%;
flex-basis: 100%;
}
.single-sistemi-antincendio #last .content-inner .link a {
font-size: 22px;
line-height: 30px;
}
.single-sistemi-antincendio #heading .content-inner .left {
width: 100%;
flex-basis: 100%;
}
.single-sistemi-antincendio #heading .content-inner .left .sub {
margin-bottom: 0;
}
#post-caratteristiche .content-inner .image {
width: 100%;
flex-basis: 100%;
}
#post-caratteristiche .content-inner .image + .text {
width: 100%;
flex-basis: 100%;
padding-left: 0;
}
#post-caratteristiche {
margin: 20px 0 70px;
}
.single-applicazioni #products .content-inner .content-wrapper .product {
width: 100% !important;
flex-basis: 100% !important;
margin: 0 !important;
margin-bottom: 40px !important;
}
.page-template-template-servizi #servizi .content-inner .left {
padding-right: 3vw;
}
.page-template-template-servizi #servizi .content-inner .left .servizio::before {
right: -5vw;
}
.blog #heading .content-inner .filters {
width: 100%;
flex-basis: 100%;
margin-top: 30px;
}
.blog #loop .content-inner .grid-sizer, .blog #loop .content-inner .grid-item {
width: 100%;
}
.blog #heading {
margin-bottom: 40px;
}
.blog #loop .content-inner .single-news .content p {
font-size: 16px;
line-height: 26px;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-azienda #heading .content-inner .right, .page-template-template-service #heading .content-inner .left, .page-template-template-service #heading .content-inner .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-service #heading .content-inner .left {
padding-right: 0;
}
.page-template-template-azienda #heading .content-inner .left, .page-template-template-service #heading .content-inner .left {
padding-top: 0;
}
.page-template-template-azienda #heading .content-inner .right::before, .page-template-template-service #heading .content-inner .right::before {
display: none !important;
}
.page-template-template-azienda #heading .content-inner .right .title, .page-template-template-service #heading .content-inner .right .title {
margin-bottom: 25px;
max-width: 100%;
}
.page-template-template-azienda #heading .content-inner .right .text, .page-template-template-service #heading .content-inner .right .text {
max-width: 100%;
width: 100%;
}
.page-template-template-azienda #first .content-inner .left, .page-template-template-azienda #first .content-inner .right, .page-template-template-service #first .content-inner .left, .page-template-template-service #first .content-inner .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-azienda #first .content-inner .left, .page-template-template-service #first .content-inner .left {
padding-right: 0;
}
.page-template-template-azienda #first .content-inner .right, .page-template-template-service #first .content-inner .right {
padding-left: 0;
margin-top: 30px;
}
.page-template-template-azienda #first .content-inner .left .image-wrapper, .page-template-template-service #first .content-inner .left .image-wrapper {
width: 100%;
}
.page-template-template-azienda #heading, .page-template-template-service #heading {
margin-bottom: 0;
}
.page-template-template-azienda #heading .content-inner .left .image-wrapper, .page-template-template-service #heading .content-inner .left .image-wrapper {
width: 100%;
margin-bottom: 35px;
}
.page-template-template-azienda #heading .content-inner .right, .page-template-template-service #heading .content-inner .right {
padding: 35px 0;
}
.page-template-template-azienda #first .content-inner .right .text, .page-template-template-service #first .content-inner .right .text {
margin-bottom: 40px;
}
.page-template-template-azienda #second .content-inner .left, .page-template-template-service #second .content-inner .left {
padding-right: 0;
}
.page-template-template-azienda #second .content-inner .left, .page-template-template-azienda #second .content-inner .right, .page-template-template-azienda #third .content-inner .left, .page-template-template-azienda #third .content-inner .right, .page-template-template-service #second .content-inner .left, .page-template-template-service #second .content-inner .right, .page-template-template-service #third .content-inner .left, .page-template-template-service #third .content-inner .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-azienda #fourth .content-inner .top, .page-template-template-service #fourth .content-inner .top {
max-width: 100%;
margin-bottom: 40px;
}
.page-template-template-azienda #fourth .content-inner .top .text-wrapper .text, .page-template-template-service #fourth .content-inner .top .text-wrapper .text {
width: 100%;
flex-basis: 100%;
}
.page-template-template-azienda #second .content-inner .left .text, .page-template-template-azienda #second .content-inner .left .title, .page-template-template-service #second .content-inner .left .text, .page-template-template-service #second .content-inner .left .title {
max-width: 100%;
}
.page-template-template-azienda #second .content-inner .right, .page-template-template-service #second .content-inner .right {
padding-left: 0;
margin-top: 35px;
}
.page-template-template-azienda #second .content-inner .right .image-wrapper .image img, .page-template-template-service #second .content-inner .right .image-wrapper .image img {
width: 100%;
}
.page-template-template-azienda #first, .page-template-template-service #first {
margin-bottom: 50px;
}
.page-template-template-azienda #third .content-inner .right, .page-template-template-service #third .content-inner .right {
padding-left: 0;
}
.page-template-template-azienda #third .content-inner .right .text, .page-template-template-service #third .content-inner .right .text {
max-width: 100%;
}
.page-template-template-azienda #third .content-inner .right .title, .page-template-template-service #third .content-inner .right .title {
max-width: 100%;
width: 100%;
margin-top: 30px;
}
.page-template-template-azienda #third .content-inner .left .image-wrapper .image img, .page-template-template-service #third .content-inner .left .image-wrapper .image img {
width: 100%;
margin-left: 0;
}
.page-template-template-azienda #third .content-inner .left, .page-template-template-service #third .content-inner .left {
padding-right: 0;
}
.page-template-template-azienda #third, .page-template-template-service #third {
margin-bottom: 50px;
}
.page-template-template-azienda #fourth .content-inner .top .title, .page-template-template-service #fourth .content-inner .top .title {
margin-bottom: 20px;
}
.page-template-template-azienda #second, .page-template-template-service #second {
margin-bottom: 40px;
}
.page-template-template-azienda #second .content-inner .left .title, .page-template-template-service #second .content-inner .left .title {
margin-bottom: 20px;
}
.page-template-template-azienda #third .content-inner .right .title, .page-template-template-service #third .content-inner .right .title {
margin-bottom: 20px;
}
.page-template-template-contatti #heading .content-inner .left {
width: 100%;
flex-basis: 100%;
}
.page-template-template-contatti #heading .content-inner .left .title h1 {
margin-bottom: 20px;
}
.page-template-template-contatti #heading .content-inner .right {
width: 100%;
flex-basis: 100%;
margin-top: 35px;
}
.page-template-template-contatti #heading {
margin-bottom: 55px;
}
.page-template-template-contatti #heading .content-inner .right iframe {
max-height: 65vw !important;
height: 65vw !important;
}
.single-landing #heading .container .left {
width: 100%;
padding-right: 0px;
}
.single-landing #heading .container .right {
width: 100%;
margin-top: 20px;
}
.single-landing #heading .container .right .gallery .image {
width: 100%;
height: 64vw;
}
.single-landing #heading {
padding-top: 90px;
}
.single-landing #contenuto .container .row.elenco .ul {
padding-left: 0;
}
.single-landing #contenuto .container .row {
width: 100%;
margin: 12px 0;
}
.single-landing #contenuto {
padding-top: 35px;
margin-bottom: 30px;
}
.single-landing #contenuto .container .row.slider .carousel .image {
width: auto;
height: 64vw;
}
.single-landing #contenuto .container .row.modulo .title h2 {
font-size: 24px;
line-height: 34px;
letter-spacing: 1px;
margin: 0 auto;
display: inline-block;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
.post-type-archive-normative #all-normative .container .single-normativa {
width: calc(100%);
margin-right: 0 !important;
}
.single-normative #first .top {
flex-direction: column;
}
.single-normative #first .top .text, .single-normative #first .top .div-img {
width: 100% !important;
margin-bottom: 25px;
}
.single-sistemi-antincendio .point {
display: none !important;
}
.single-sistemi-antincendio #punti-attivi-slider {
display: block;
margin-bottom: 60px;
}
.site-pop-up {
width: 80vw;
}
.site-pop-up .container {
gap: 5%;
}
.site-pop-up .container .col {
flex: 1;
width: unset;
}
.page-template-template-antincendio #last .content-inner {
flex-direction: column;
align-items: center;
}
.page-template-template-antincendio #last .content-inner .richiedi {
margin-left: 0;
margin-top: 30px;
}
}
@media only screen and (max-width: 700px) {
.dimensione-table {
padding: 40px 10px;
}
}
@media screen and (max-width: 600px) {
header#masthead #mobile-navigation .primary .menu-item span, header#masthead #mobile-navigation .primary .menu-item span a {
font-size: 26px;
line-height: 30px;
font-weight: 700;
}
header#masthead #mobile-navigation .primary .menu-item.has-child .plus {
font-size: 26px;
line-height: 30px;
padding-left: 11px;
}
header#masthead #mobile-navigation .primary .menu-item .menu-item-submenu > span > a {
font-size: 21px;
line-height: 25px;
}
header#masthead #mobile-navigation .primary .menu-item .menu-item-submenu > span {
line-height: 25px;
}
footer#colophon::before {
height: 130px !important;
}
footer#colophon .content-inner .footer-top-inner .title {
margin-bottom: 15px !important;
}
footer#colophon {
padding-top: 28vw !important;
}
footer#colophon .content-inner .footer-top-inner .title h3 a {
font-size: 26px !important;
line-height: 30px !important;
}
#mobile-navigation .menu-button-container {
left: 5vw !important;
}
header#masthead .site-actions {
padding-right: 5vw;
}
section#heading {
padding-top: 85px;
}
.t1 {
font-size: 24px;
line-height: 33px;
letter-spacing: 2px;
}
.home #heading .content-inner .title {
margin-bottom: 25px;
}
.t2, .single-normative #first .top h2 {
font-size: 20px;
line-height: 24px;
}
.single-normative #first .top h3 {
font-size: 17px;
line-height: 20px;
}
.home #first .content-inner .top .title {
margin-bottom: 3px;
}
body, html {
font-size: 16px;
line-height: 26px;
}
.home #first .content-inner .top {
margin-bottom: 50px;
}
.home #first .content-inner .bottom .in-evidenza .box .description {
margin: 0;
}
.home #first .content-inner .bottom .in-evidenza .box {
width: 100%;
flex-basis: 100%;
height: auto;
padding: 10vw 5vw 7vw;
}
.home #first {
margin-bottom: 60px;
}
.home #second .content-inner .slider-wrapper {
padding: 0;
}
.home #second .content-inner .slider-wrapper .slider .slide a {
padding: 5px 0;
}
.home #second .content-inner .slider-wrapper .slider .slide a .text {
padding: 0px 30px 25px;
}
.home #second .content-inner .slider-wrapper .slider .slide a .title span {
font-size: 20px;
line-height: 27px;
}
.home #second .content-inner .slider-wrapper .slider .slide a .title {
margin: 10px 0 17px;
padding: 0 25px;
}
.home #second > .title {
margin-bottom: 30px;
}
.slick-dots li button:before {
font-size: 8px !important;
line-height: 20px !important;
}
.slick-dots {
bottom: -40px !important;
}
.home #news .content-inner .news-wrapper .single-news {
width: 100%;
flex-basis: 100%;
}
.home #news .content-inner .news-wrapper .single-news:not(:last-child) {
margin-bottom: 50px;
}
.home #news .content-inner .news-wrapper .single-news .head {
padding-bottom: 20px;
}
.home #news .content-inner .news-wrapper::before {
display: none !important;
}
.home #news .content-inner .news-wrapper .single-news .content .date {
margin-bottom: 5px;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-size: 20px;
line-height: 29px;
}
.boxed.small {
max-width: 100%;
width: 100%;
margin: 0 auto;
}
footer#colophon {
margin-top: 0 !important;
}
footer#colophon {
padding-top: 35px !important;
margin-top: 50px !important;
}
footer#colophon::before {
display: none !important;
}
.home #news .content-inner .news-wrapper .single-news .content > a span {
font-size: 18px;
line-height: 27px;
}
.home #second {
margin-bottom: 100px;
}
.page-template-template-antincendio #heading .content-inner .title, .page-template-template-serbatoi #heading .content-inner .title {
text-align: left;
margin-bottom: 20px;
}
.page-template-template-antincendio #heading .content-inner, .page-template-template-serbatoi #heading .content-inner {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: 100%;
flex-basis: 100%;
}
.page-template-template-antincendio #first .content-inner .content-wrapper, .page-template-template-serbatoi #first .content-inner .content-wrapper {
padding: 0;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title span {
font-size: 20px;
line-height: 28px;
}
.page-template-template-antincendio #last .content-inner .link a, .page-template-template-serbatoi #last .content-inner .link a {
font-size: 16px;
line-height: 23px;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)), .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)) {
margin-bottom: 10px;
}
.page-template-template-antincendio #heading .content-inner .title h1, .page-template-template-serbatoi #heading .content-inner .title h1 {
text-align: left;
}
.page-template-template-antincendio #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text {
padding: 0 5vw;
}
.page-template-template-atterraggio #heading .content-inner .title, .page-template-template-serbatoi #heading .content-inner .title {
text-align: left;
margin-bottom: 20px;
}
.page-template-template-atterraggio #heading .content-inner, .page-template-template-serbatoi #heading .content-inner {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item {
width: 100%;
flex-basis: 100%;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper, .page-template-template-serbatoi #first .content-inner .content-wrapper {
padding: 0;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .title span, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .title span {
font-size: 20px;
line-height: 28px;
}
.page-template-template-atterraggio #last .content-inner .link a, .page-template-template-serbatoi #last .content-inner .link a {
font-size: 16px;
line-height: 23px;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)), .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item:not(:nth-last-child(-n+4)) {
margin-bottom: 10px;
}
.page-template-template-atterraggio #heading .content-inner .title h1, .page-template-template-serbatoi #heading .content-inner .title h1 {
text-align: left;
}
.page-template-template-atterraggio #first .content-inner .content-wrapper .loop .single-item a .text, .page-template-template-serbatoi #first .content-inner .content-wrapper .loop .single-item a .text {
padding: 0 5vw;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .link-wrapper, .tax-linee_serbatoi #heading .content-inner .content-wrapper .link-wrapper {
order: 3;
width: 100%;
max-width: 100%;
flex-basis: 100%;
margin-top: 30px;
}
.tax-linee_antincendio #heading .content-inner .content-wrapper .link-wrapper .link, .tax-linee_serbatoi #heading .content-inner .content-wrapper .link-wrapper .link {
width: 100%;
}
.tax-linee_antincendio #heading .content-inner, .tax-linee_serbatoi #heading .content-inner {
padding: 5vw !important;
}
.tax-linee_antincendio #products .content-inner .product, .tax-linee_serbatoi #products .content-inner .product {
width: 100%;
flex-basis: 100%;
margin-bottom: 55px;
}
.tax-linee_antincendio #products .content-inner .product .title, .tax-linee_serbatoi #products .content-inner .product .title {
margin-bottom: 15px;
padding: 0 20px;
}
.tax-linee_antincendio #products .content-inner .product .paragraph, .tax-linee_serbatoi #products .content-inner .product .paragraph {
padding: 0;
}
.tax-linee_antincendio #products .content-inner .product .paragraph a, .tax-linee_serbatoi #products .content-inner .product .paragraph a {
margin-bottom: 20px;
}
.tax-linee_antincendio #products .content-inner .product:not(:nth-child(-n+3)), .tax-linee_serbatoi #products .content-inner .product:not(:nth-child(-n+3)) {
margin-top: 0;
}
.configuratore-serbatoio .configuratore-options .configuratore-option:not(:last-child) {
margin-right: 0;
}
.configuratore-serbatoio .configuratore-options .configuratore-option {
width: 100%;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col .text h3 {
font-size: 30px;
line-height: 37px;
}
.single-serbatoi #heading .content-inner .left .image-wrapper {
margin-bottom: 5px;
}
.single-serbatoi #heading .content-inner .left .sub span {
font-size: 20px;
line-height: 26px;
}
.single-serbatoi #heading .content-inner .left .sub {
margin-bottom: 10px;
}
.single-serbatoi #heading .content-inner .right .product-gallery .slick-next {
right: 0px;
}
.single-serbatoi #heading .content-inner .right .product-gallery .slick-prev {
left: 0px;
}
.single-serbatoi #heading .content-inner .right {
margin-bottom: 15px;
}
.slick-arrow {
width: 20px !important;
height: 40px !important;
}
.configuratore-serbatoio h3 {
margin-bottom: 25px;
}
.configuratore-serbatoio .configuratore-title {
font-size: 18px;
line-height: 18px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-button {
width: 100%;
height: auto;
padding: 5vw;
}
.configuratore-serbatoio .configuratore-title {
font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
}
.configuratore-serbatoio .configuratore-options .configuratore-option:not(:last-child) {
margin-bottom: 25px;
}
.product-actions > div:not(:last-child) {
margin-right: 0;
}
.product-actions > div {
width: 100%;
}
.dimensione-button .link, .product-actions .link.download a {
padding: 6px 18px;
font-size: 14px;
width: 100%;
}
.product-actions .link.download a {
padding-left: 25px;
}
.product-actions .link-box > .link {
width: 100%;
}
.link.download a::before {
left: 16px;
width: 20px;
height: 18px;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col .image {
height: 30vw;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col .image img {
height: 100%;
width: auto;
}
.single-serbatoi #third.custom-row .content-inner .dimensioni-row .dimensioni-col .text h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
.single-serbatoi #third.custom-row {
margin-bottom: 60px;
}
.single-serbatoi #last .content-inner .link a {
font-size: 18px;
line-height: 20px;
}
.contacts-fixed {
right: 3vw;
bottom: 3vw;
width: 35px;
}
.contacts-fixed > div img {
width: 86%;
margin: 0 auto;
}
.contacts-fixed * {
display: block;
text-align: center;
}
.configuratore-serbatoio .configuratore-options .configuratore-option .configuratore-title span {
font-size: 17px;
line-height: 17px;
}
.single-sistemi-antincendio #heading .content-inner .left .sub span {
font-size: 20px;
line-height: 27px;
}
.single-sistemi-antincendio #heading .content-inner .left .image-wrapper {
margin-bottom: 10px;
}
.single-sistemi-antincendio #second .post {
position: relative;
top: unset;
}
.single-sistemi-antincendio #second .pre, .single-sistemi-antincendio #second .post {
min-height: unset !important;
height: auto;
overflow: visible;
}
.single-sistemi-antincendio #second .pre .image-wrapper, .single-sistemi-antincendio #second .post .image-wrapper {
position: relative;
top: unset;
height: auto;
}
.single-sistemi-antincendio #second .post .points .point {
width: 20px;
height: 20px;
}
.single-sistemi-antincendio #second .post .points .point .point-button img {
width: 63%;
height: auto;
margin: 0 auto;
}
.single-sistemi-antincendio #second .post .points .point.active {
max-width: 90vw;
position: fixed;
left: 5vw !important;
right: auto !important;
bottom: auto !important;
top: 50vh !important;
transform: translateY(-50%) !important;
}
.single-sistemi-antincendio #second .post .points .point .point-content p {
font-size: 14px;
line-height: 22px;
}
.single-sistemi-antincendio #second .post .points .point .point-content .text {
width: 100%;
margin-bottom: 15px;
}
.single-sistemi-antincendio #last .content-inner .link a {
font-size: 19px;
line-height: 27px;
}
.single-sistemi-antincendio #second .post .points .point .point-content .image {
width: 100%;
padding-left: 0;
}
.single-sistemi-antincendio #second {
min-height: auto;
margin: 30px 0;
}
.usages .use {
width: 100% !important;
margin-left: 0 !important;
}
.usages .use .image-wrapper .image img {
width: 100%;
height: 60vw;
}
.post-type-archive-applicazioni #heading .content-inner .title {
margin-bottom: 24px;
}
.usages .use .text {
padding: 0;
margin: 15px 0;
}
.usages .use .title {
margin-top: 13px;
}
.usages .use .title span {
font-size: 22px;
line-height: 30px;
}
.post-type-archive-applicazioni #first .usages .use {
margin-bottom: 50px;
}
.single-applicazioni #heading .content-inner .left {
width: 100%;
flex-basis: 100%;
}
.single-applicazioni #heading .content-inner .left .title {
margin-bottom: 20px;
}
.single-applicazioni #heading .content-inner .left .text {
padding-right: 0;
}
.single-applicazioni #heading .content-inner .right .image-wrapper .image img {
height: auto;
}
.single-applicazioni #heading .content-inner .right {
width: 100%;
flex-basis: 100%;
margin-top: 30px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .title a h2 {
font-size: 20px;
line-height: 28px;
}
.single-applicazioni #products .content-inner .content-wrapper .product .paragraph a {
margin-bottom: 15px;
}
.page-template-template-servizi #servizi .content-inner .left, .page-template-template-servizi #servizi .content-inner .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-servizi #servizi {
padding-top: 100px;
}
.page-template-template-servizi #servizi .content-inner .left .title h1 {
margin-bottom: 4px;
}
.page-template-template-servizi #servizi .content-inner .left .servizio {
padding: 5vw 0;
}
.page-template-template-servizi #servizi .content-inner .left .title {
margin-bottom: 15px;
}
.page-template-template-servizi #servizi .content-inner .servizio .name {
margin: 15px 0;
}
.page-template-template-servizi #servizi .content-inner .right {
padding-left: 0;
margin-top: 35px;
}
.page-template-template-servizi #servizi .content-inner .right .servizio:first-child {
margin-bottom: 40px;
}
.page-template-template-servizi #last {
padding-bottom: 40px;
padding-top: 50px;
}
.page-template-template-servizi #last .content-inner .link-wrapper {
margin: 0 !important;
width: 100%;
flex-basis: 100%;
}
.page-template-template-servizi #last .content-inner .link-wrapper .link {
width: 100%;
}
.page-template-template-servizi #last .content-inner .link-wrapper:first-child {
margin-bottom: 20px !important;
}
.page-template-template-servizi #last .content-inner {
display: flex;
flex-direction: column;
padding: 0 5vw;
}
.blog #heading .content-inner .filters {
flex-direction: column;
}
.blog #heading .content-inner .filters span.filter {
width: max-content;
}
.blog #last:empty {
display: none;
}
.single-post #related .content-inner .news-wrapper .single-news {
width: calc(100%);
flex-basis: calc(100%);
}
.single-post #related .content-inner .news-wrapper .single-news:not(:last-child) {
margin-bottom: 30px;
}
.single-post #post .content-inner .right .t2 {
margin-bottom: 5px;
}
.single-post #related .content-inner .news-wrapper .single-news .head {
padding-bottom: 15px;
}
.single-post #related .content-inner .news-wrapper::before {
display: none;
}
.single-post #post {
padding-bottom: 0;
}
.page-template-template-azienda #fourth .content-inner .top .title, .page-template-template-service #fourth .content-inner .top .title {
margin-bottom: 0px;
}
.page-template-template-azienda #fourth, .page-template-template-service #fourth {
margin-bottom: 55px;
}
.gform_wrapper input.gform_button.button {
font-size: 20px;
}
.page-template-template-contatti #heading .content-inner .left .title h1 {
margin-bottom: 10px;
}
.page-template-template-contatti #last {
padding-bottom: 0;
}
.examples .example {
width: calc(100% - 15px);
}
.examples .example .image-wrapper .image img {
height: 50vw;
width: auto;
}
.examples .example .video-wrapper .video video {
height: 50vw;
width: auto;
}
.examples .example .text {
padding: 0 10px;
}
.single-sistemi-antincendio #first {
margin-top: 35px;
margin-bottom: 35px;
}
.single-sistemi-antincendio #third .content-inner .title {
margin-bottom: 40px;
}
.single-sistemi-antincendio #punti-attivi-slider .content-inner .title {
margin-bottom: 40px;
}
#post-caratteristiche {
margin: 0px 0 40px;
}
.single-sistemi-antincendio #third {
margin-bottom: 70px;
}
#products .content-inner .product .paragraph a p, .tax-linee_serbatoi #products .content-inner .product .paragraph a p {
padding: 0 10px;
}
.single-serbatoi #second .content-inner .title, .single-serbatoi #details .content-inner .title, .single-serbatoi #accessori .content-inner .title {
margin-bottom: 30px;
}
.single-serbatoi #second, .single-serbatoi #details, .single-serbatoi #accessori {
margin-bottom: 70px;
display: block;
}
.error404 #errorPage h1 {
font-size: 100px;
line-height: 110px;
}
.single-sistemi-antincendio #second .post .points .point .point-content {
display: flex;
flex-direction: column;
}
.single-sistemi-antincendio #second .post .points .point .point-content .text, .single-sistemi-antincendio #second .post .points .point .point-content .image {
max-width: 100%;
}
.single-sistemi-antincendio #second .post .points .point .point-content .text {
margin-bottom: 12px;
}
.single-post {
padding-top: 82px !important;
}
.single-landing #heading .container .left h1 {
margin-bottom: 0;
letter-spacing: 0em;
font-size: 26px;
line-height: 33px;
}
.single-landing #contenuto .container .row.title h3 {
font-size: 22px;
line-height: 29px;
}
.single-landing #contenuto .container .row.riquadri .grid .el {
width: calc(100%);
margin-right: 0 !important;
}
.single-landing #contenuto .container .row.riquadri .grid .el {
min-height: 180px;
height: auto;
}
.single-landing #content {
padding-bottom: 0;
}
.single-landing #heading .container .right .gallery .image {
margin: 0 !important;
}
.single-landing {
font-size: 16px;
line-height: 22.5px;
}
.single-landing .gform_wrapper.gravity-theme input[type="submit"] {
color: #000 !important;
}
}
@media only screen and (max-width: 550px) {
.page-template-template-referenze #all-referenze .container .single-referenza {
width: calc(100%);
}
.page-template-template-referenze #all-referenze .container .single-referenza:not(:nth-child(2n)) {
margin-right: 0px;
}
.page-template-template-referenze #all-referenze .container .single-referenza a .div-img .img-wrapper img {
height: 300px;
}
.pop-up-catalogo {
width: 90vw;
}
}
@media only screen and (max-width: 500px) {
.site-pop-up {
padding: 40px;
padding-top: 60px;
}
.site-pop-up .close-site-pop {
right: 20px;
}
.site-pop-up .container {
max-height: 70vh;
overflow: auto;
gap: 25px;
flex-direction: column;
align-items: center;
}
.site-pop-up .container .col {
width: 100%;
}
}
footer#colophon {
background: #434343;
padding: 0;
padding-top: 17vw;
position: relative;
margin-top: -6vw;
}
footer#colophon::before {
content: "";
position: absolute;
background: #fff;
border-radius: 19px;
top: -55px;
max-width: 89.6vw;
width: 100%;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
height: 300px;
}
footer#colophon .content-inner .footer-top-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-top-inner .title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
footer#colophon .content-inner .footer-top-inner .title h3 {
font-size: 30px;
line-height: 40px;
font-size: 600;
color: #fff;
}
footer#colophon .content-inner .footer-top-inner .title h3 a {
font-size: 30px;
line-height: 40px;
font-size: 600;
color: #fff; }
footer#colophon .content-inner .footer-top-inner .menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-top-inner .menu span {
color: #fff;
opacity: 0.8;
display: block;
text-align: center;
padding: 7px 0;
transition: opacity 0.3s ease;
}
footer#colophon .content-inner .footer-top-inner .menu span a {
color: #fff;
display: block;
text-align: center;
}
footer#colophon .content-inner .footer-top-inner .menu span:hover {
opacity: 1;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) {
display: none;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span {
color: #fff;
opacity: 0.8;
display: flex;
text-align: center;
padding: 14px 0;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span:first-child {
padding-top: 7px;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span a {
color: #fff;
display: block;
text-align: center; }
footer#colophon .content-inner .footer-col:nth-child(2) .menu span:last-child a {
padding: 0 6px;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span:nth-child(2) {
padding-bottom: 0px;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span:nth-child(3) {
padding-top: 0;
}
footer#colophon .content-inner .footer-col:nth-child(2) .menu span.mobile {
display: flex;
flex-direction: column;
align-items: flex-start;
display: none;
}
footer#colophon .content-inner .footer-bottom {
width: 100%;
padding: 55px 0 50px;
position: relative;
}
footer#colophon .content-inner .footer-bottom .footer-bottom-inner {
display: flex;
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-bottom .footer-bottom-inner span {
text-align: center;
display: block;
font-size: 14px;
line-height: 18px;
opacity: 0.8;
color: #fff;
}
footer#colophon .content-inner .footer-bottom .footer-bottom-inner .credits {
position: absolute;
right: 0;
}
footer#colophon .content-inner .socials {
display: flex;
align-items: flex-end;
justify-content: center;
padding: 5px 0;
border-radius: 25px;
border: 2px solid #00904A;
width: 165px;
margin-top: 7px;
}
footer#colophon .content-inner .socials span:not(:last-child) {
margin-right: 10px;
}
footer#colophon .content-inner .socials span {
display: flex;
align-items: flex-end;
justify-content: center;
}
footer#colophon .content-inner .socials span img {
display: block;
width: auto;
height: 15px;
}
@media only screen and (max-width: 1300px) {
footer#colophon .content-inner .footer-col {
flex: 50%;
}
footer#colophon .content-inner .footer-col:nth-child(2) {
display: none;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) {
margin-top: 50px;
display: block;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) .menu {
width: 100%;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) .menu .mobile {
display: none;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) .menu .desktop, footer#colophon .content-inner .footer-col:nth-last-child(1) .menu .policies {
width: 100%;
}
footer#colophon .content-inner .footer-col:nth-last-child(1) .menu .desktop a, footer#colophon .content-inner .footer-col:nth-last-child(1) .menu .policies a {
display: inline;
}
.single-landing footer#colophon .content-inner .footer-col:nth-child(2) {
display: block !important;
}
.single-landing footer#colophon .content-inner .footer-col:not(:nth-child(2)) {
display: none !important;
}
}
.single-landing footer#colophon {
padding-top: 60px;
}
.single-landing footer#colophon::before {
display: none !important;
}
.single-landing footer#colophon .footer-col:first-child, .single-landing footer#colophon .footer-col:last-child, .single-landing footer#colophon .footer-col:nth-child(3) {
opacity: 0;
pointer-events: none;
}
@media only screen and (max-width: 1000px) {
footer#colophon .content-inner .footer-col:nth-last-child(1) {
margin-top: 0;
}
footer .footer-bottom-inner {
flex-direction: column !important;
}
footer .footer-bottom-inner .credits {
position: relative !important;
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
footer span.mobile {
display: flex !important;
flex-direction: column;
}
footer span.mobile span {
margin: 0;
padding: 0 !important;
opacity: 1 !important;
}
footer span.desktop {
display: none !important;
}
}