@charset "UTF-8";
 :root {
--font-main: "Kanit", sans-serif;
--color-blue: #153855;
--color-blue-light: #2874bb;
--color-white: #ffffff; --site-width: 90%;
--site-max-width: 1400px;
--section-padding: 80px; --side-gutter: max(
5vw,
calc((100vw - var(--site-max-width)) / 2)
);
--rail-width: 1px; --rail-triangle-width: 17px;
--rail-triangle-height: 26px; --rail-content-gap: 16px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
background-color: var(--color-white);
color: var(--color-blue);
font-family: var(--font-main);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
body.modal-open {
overflow: hidden;
}
img {
display: block;
max-width: 100%;
border: 0;
}
button,
input,
textarea,
select {
font: inherit;
}
button {
border: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .site-container {
width: var(--site-width);
max-width: var(--site-max-width);
margin: 0 auto;
} .section-with-rail {
position: relative;
padding-top: var(--section-padding);
padding-bottom: var(--section-padding);
}
.section-with-rail--dark {
--rail-color: var(--color-white);
}
.section-with-rail--light {
--rail-color: var(--color-blue-light);
}
.section-rail {
position: absolute;
z-index: 10;
top: -1px;
bottom: -1px;
left: max(
1px,
calc(
var(--side-gutter)
- var(--rail-triangle-width)
- var(--rail-content-gap)
)
);
width: var(--rail-width);
background-color: var(--rail-color);
pointer-events: none;
}
.section-rail::after {
content: "";
position: absolute; top: var(--rail-marker-y, var(--section-padding));
left: 100%;
width: 0;
height: 0;
border-top: calc(var(--rail-triangle-height) / 2) solid transparent;
border-bottom: calc(var(--rail-triangle-height) / 2) solid transparent;
border-left: var(--rail-triangle-width) solid var(--rail-color);
}  .section-with-rail--hero-center {
--hero-rail-offset: 0px;
--home-hero-title-size: 72px;
}
.section-with-rail--hero-center .section-rail::after {
display: none;
}
.section-with-rail--hero-center .home-hero__content {
position: relative;
}
.section-with-rail--hero-center .home-hero__content::before {
content: "";
position: absolute; top: calc(var(--home-hero-title-size) * 0.51); left: calc(
0px
- var(--rail-triangle-width)
- var(--rail-content-gap)
+ var(--hero-rail-offset)
);
width: 0;
height: 0;
border-top: calc(var(--rail-triangle-height) / 2) solid transparent;
border-bottom: calc(var(--rail-triangle-height) / 2) solid transparent;
border-left: var(--rail-triangle-width) solid var(--rail-color);
transform: translateY(-50%);
pointer-events: none;
}
.home-hero {
min-height: 720px;
overflow: hidden;
isolation: isolate;
color: var(--color-white);
background-color: #102b48;
} .home-hero__slideshow {
position: absolute;
z-index: 0;
inset: 0;
overflow: hidden;
pointer-events: none;
} .home-hero__slideshow::after {
content: "";
position: absolute;
z-index: 2;
inset: 0;
background: rgba(21, 56, 85, 0.38);
pointer-events: none;
}
.home-hero__slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1200ms ease;
}
.home-hero__slide.is-active {
z-index: 1;
opacity: 1;
}
.home-hero__slide-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transform: scale(1);
transform-origin: center center;
}
.home-hero__slide.is-active .home-hero__slide-image {
animation: home-hero-zoom 5000ms linear forwards;
}
@keyframes home-hero-zoom {
from {
transform: scale(1);
}
to {
transform: scale(1.06);
}
}
@media (prefers-reduced-motion: reduce) {
.home-hero__slide {
transition: none;
}
.home-hero__slide.is-active .home-hero__slide-image {
animation: none;
}
}
.home-hero__video {
position: absolute;
z-index: 0;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
pointer-events: none;
}
.home-hero__inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
min-height: calc(720px - (var(--section-padding) * 2));
}
.home-hero__content {
width: 100%;
max-width: 800px;
}
.home-hero__mark {
width: 110px;
height: auto;
margin-bottom: 28px;
}
.home-hero__title {
display: flex;
flex-direction: column;
color: var(--color-white);
font-size: var(--home-hero-title-size);
font-weight: 600;
letter-spacing: -0.025em;
line-height: 1.02;
}
.home-hero__title span {
display: block;
}
.home-hero__title-light {
font-weight: 300;
}
.home-hero__description {
max-width: 520px;
margin-top: 28px;
color: var(--color-white);
font-size: 18px;
font-weight: 400;
line-height: 1.4;
}
.home-hero .button-group {
margin-top: 34px;
} .home-company {
--rail-marker-y: var(--section-padding);
background-color: var(--color-white);
color: var(--color-blue);
}
.home-company__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 80px;
align-items: start;
}
.home-company__content {
max-width: 620px;
}
.section-label {
margin-bottom: 14px;
color: var(--color-blue-light);
font-size: 18px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
}
.home-company__title {
margin-bottom: 28px;
color: var(--color-blue);
font-size: 38px;
font-weight: 400;
line-height: 1.08;
}
.home-company__title strong {
font-weight: 600;
}
.home-company__content p:not(.section-label) {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.home-company__content p + p {
margin-top: 22px;
}
.home-company .button-group {
margin-top: 32px;
}
.home-company__media {
width: 100%;
}
.home-company__mosaic {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
align-items: start;
width: 100%;
max-width: 610px;
justify-self: end;
}
.home-company__mosaic-column {
min-width: 0;
}
.home-company__mosaic-column--offset {
padding-top: 42px;
}
.home-company__mosaic-image {
display: block;
width: 100%;
height: auto;
}
.video-preview {
display: block;
width: 100%;
padding: 0;
overflow: hidden;
border-radius: 18px;
background: transparent;
cursor: pointer;
}
.video-preview img {
width: 100%;
height: auto;
border-radius: inherit;
transition: transform 180ms ease;
}
.video-preview:hover img {
transform: scale(1.015);
}
.video-preview:focus-visible,
.video-preview__link:focus-visible,
.video-modal__close:focus-visible {
outline: 3px solid rgba(21, 56, 85, 0.35);
outline-offset: 4px;
}
.video-preview__link {
display: block;
margin: 10px auto 0;
padding: 0 0 2px;
border-bottom: 1px solid currentColor;
background: transparent;
color: var(--color-blue);
font-size: 18px;
font-weight: 400;
line-height: 1.2;
cursor: pointer;
} .video-modal[hidden] {
display: none;
}
.video-modal {
position: fixed;
z-index: 1000;
inset: 0;
display: grid;
place-items: center;
padding: 76px 30px 30px;
}
.video-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(5, 18, 30, 0.86);
}
.video-modal__content {
position: relative;
z-index: 1;
width: 90%;
max-width: 1100px;
}
.video-modal__dialog {
width: 100%;
overflow: hidden;
border-radius: 18px;
background: #000000;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}
.video-modal__player {
display: block;
width: 100%;
max-height: 82vh;
background: #000000;
}
.video-modal__close {
position: absolute;
z-index: 2;
top: -58px;
right: 0;
width: 48px;
height: 48px;
padding: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.96);
color: var(--color-blue);
cursor: pointer;
}
.video-modal__close::before,
.video-modal__close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 3px;
border-radius: 999px;
background: currentColor;
transform-origin: center;
}
.video-modal__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.video-modal__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
} .home-why {
--rail-marker-y: var(--section-padding);
background-color: #4f82c5;
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/perche-sceglierci.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: var(--color-white);
}
.home-why__grid {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 80px;
align-items: start;
}
.home-why__content {
max-width: 620px;
}
.section-label--light {
color: var(--color-white);
}
.home-why__title {
margin-bottom: 28px;
color: var(--color-white);
font-size: 38px;
font-weight: 600;
line-height: 1.08;
}
.home-why__content p:not(.section-label) {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.home-why__content p + p {
margin-top: 22px;
}
.home-why .button-group {
margin-top: 32px;
}
.home-why__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
align-items: start;
}
.home-why__column {
display: flex;
flex-direction: column;
gap: 28px;
}
.home-why__column--offset {
padding-top: 58px;
}
.home-why__card {
min-height: 230px;
padding: 30px;
border-radius: 18px;
background-color: var(--color-white);
color: var(--color-blue);
}
.home-why__icon {
width: 42px;
height: 42px;
margin-bottom: 18px;
}
.home-why__card h3 {
margin-bottom: 14px;
color: var(--color-blue);
font-size: 24px;
font-weight: 500;
line-height: 1.2;
}
.home-why__card p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.45;
} .home-services {
--rail-marker-y: var(--section-padding);
overflow: hidden;
background-color: var(--color-white);
color: var(--color-blue);
}
.home-services__intro {
position: relative;
z-index: 2;
max-width: 880px;
margin: 0 auto;
text-align: center;
}
.home-services__title {
margin-bottom: 22px;
color: var(--color-blue);
font-size: 38px;
font-weight: 600;
line-height: 1.08;
}
.home-services__description {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
} .home-services__visual {
position: relative;
z-index: 1;
margin-top: 42px;
margin-bottom: calc(var(--section-padding) * -1);
padding-top: 82px;
padding-bottom: var(--section-padding);
}
.home-services__visual::before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/sfondo-stabilimento.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover; clip-path: polygon(
0 28px,
100% 0,
100% 100%,
0 100%
);
}
.home-services__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
align-items: start;
max-width: 1200px;
}
.service-card {
position: relative;
min-height: 560px;
overflow: hidden;
border-radius: 18px;
background-color: #174d8e;
box-shadow:
28px 32px 28px rgba(21, 56, 85, 0.30);
}
.service-card--offset {
margin-top: 70px;
}
.service-card__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .service-card::after {
content: "";
position: absolute;
z-index: 1;
inset: 0;
background:
linear-gradient(
to bottom,
rgba(18, 77, 148, 0.08) 0%,
rgba(18, 77, 148, 0.26) 24%,
rgba(13, 68, 139, 0.64) 40%,
rgba(10, 60, 128, 0.90) 58%,
rgba(8, 52, 115, 1) 100%
);
}
.service-card__content {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
left: 0;
padding: 30px;
}
.service-card__logo {
width: 80px;
height: auto;
margin-bottom: 20px;
}
.service-card__title {
margin-bottom: 18px;
color: var(--color-white);
font-size: 30px;
font-weight: 600;
line-height: 1.08;
}
.service-card__text {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.service-card .button-group {
margin-top: 28px;
} .home-applications { --rail-marker-y: calc(var(--section-padding) + 10px);
background-color: var(--color-white);
color: var(--color-blue);
}
.home-applications__grid {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 90px;
align-items: start;
}
.home-applications__content {
max-width: 600px;
}
.home-applications__title {
margin-bottom: 28px;
color: var(--color-blue);
font-size: 38px;
font-weight: 400;
line-height: 1.08;
}
.home-applications__title span,
.home-applications__title strong {
display: block;
}
.home-applications__title strong {
font-weight: 600;
}
.home-applications__content > p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.home-applications .button-group {
margin-top: 32px;
}
.home-applications__sectors {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px 34px;
align-items: start;
}
.application-sector {
text-align: center;
}
.application-sector__icon {
display: block;
width: 92px;
height: 92px;
margin: 0 auto 14px;
object-fit: contain;
}
.application-sector p {
color: var(--color-blue-light);
font-size: 18px;
font-weight: 400;
line-height: 1.15;
text-transform: uppercase;
} .home-custom {
--rail-marker-y: var(--section-padding);
min-height: 620px;
background-color: #3473c5;
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/banner-su-misura.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: var(--color-white);
}
.home-custom__layout {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.home-custom__card {
width: 480px;
padding: 46px;
border-radius: 18px;
background-color: var(--color-white);
color: var(--color-blue);
box-shadow: 0 18px 38px rgba(21, 56, 85, 0.16);
}
.home-custom__title {
margin-bottom: 28px;
color: var(--color-blue);
font-size: 38px;
font-weight: 600;
line-height: 1.08;
}
.home-custom__card p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.home-custom__card p + p {
margin-top: 22px;
}
.home-custom .button-group {
margin-top: 32px;
} .site-footer {
--footer-light: #f4f5f7;
--footer-support: #3473c5;
--footer-dark: #153855;
--footer-darker: #0a293b;
color: var(--color-white);
background-color: var(--footer-dark);
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/sfondo-scuro.png);
background-position: right top;
background-repeat: no-repeat;
background-size: auto 100%;
} .footer-support-band {
position: relative;
padding-top: 64px; background:
linear-gradient(
to bottom,
var(--footer-light) 0%,
var(--footer-light) 50%,
transparent 50%,
transparent 100%
);
} .footer-support-band::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: max(
1px,
calc(
var(--side-gutter)
- var(--rail-triangle-width)
- var(--rail-content-gap)
)
);
width: var(--rail-width);
height: 50%;
background-color: var(--color-blue-light);
pointer-events: none;
}
.footer-support {
width: 78%;
max-width: 1000px;
margin: 0 auto;
padding: 42px 48px 38px;
border-radius: 16px;
background-color: var(--footer-support);
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/sfondo-chiaro-2.png);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
color: var(--color-white);
box-shadow: 0 16px 34px rgba(10, 41, 59, 0.16);
}
.footer-support__head {
text-align: center;
}
.footer-support__title {
margin-bottom: 12px;
color: var(--color-white);
font-size: 30px;
font-weight: 600;
line-height: 1.15;
}
.footer-support__head p {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.45;
}
.footer-support__contacts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 34px;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.55);
}
.footer-support__item {
display: flex;
align-items: center;
gap: 16px;
color: var(--color-white);
text-decoration: none;
}
.footer-support__icon {
display: block;
flex: 0 0 50px;
width: 50px;
height: 50px;
}
.footer-support__icon img {
display: block;
width: 50px;
height: 50px;
object-fit: contain;
}
.footer-support__item strong,
.footer-support__item small {
display: block;
}
.footer-support__item strong {
margin-bottom: 2px;
font-size: 22px;
font-weight: 600;
line-height: 1.15;
}
.footer-support__item small {
color: var(--color-white);
font-size: 18px;
font-weight: 400;
line-height: 1.3;
} .footer-main {
padding-top: 90px;
padding-bottom: 64px;
background: transparent;
}
.footer-main__grid {
display: grid;
grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;
gap: 54px;
align-items: start;
}
.footer-brand {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 34px;
}
.footer-brand__mark {
width: 300px;
max-width: 100%;
height: auto;
}
.footer-company__details {
display: flex;
flex-direction: column;
gap: 14px;
}
.footer-detail {
display: flex;
align-items: flex-start;
gap: 12px;
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.45;
text-decoration: none;
}
.footer-detail img {
flex: 0 0 20px;
width: 20px;
max-height: 22px;
margin-top: 3px;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.85;
}
.footer-detail strong {
font-weight: 600;
}
.footer-social {
display: flex;
align-items: center;
gap: 12px;
margin-top: 24px;
color: var(--color-white);
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.footer-social a {
display: block;
width: 30px;
height: 30px;
}
.footer-social img {
width: 30px;
height: 30px;
}
.footer-column__title {
margin-bottom: 20px;
color: var(--color-white);
font-size: 18px;
font-weight: 600;
line-height: 1.25;
text-transform: uppercase;
}
.footer-column__title--icon {
display: flex;
align-items: center;
gap: 10px;
}
.footer-column__title--icon img {
width: 24px;
height: 24px;
}
.footer-hours p {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.4;
}
.footer-hours p + p {
margin-top: 22px;
}
.footer-hours strong {
font-weight: 500;
}
.footer-menu {
list-style: none;
}
.footer-menu li + li {
margin-top: 8px;
}
.footer-menu a {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.35;
text-decoration: none;
transition: opacity 180ms ease;
}
.footer-menu a:hover {
opacity: 0.7;
}
.footer-menu--secondary {
margin-top: 30px;
}
.footer-menu--secondary a {
font-weight: 500;
text-transform: uppercase;
} .footer-bottom {
padding: 18px 0;
background-color: var(--footer-darker);
}
.footer-bottom p {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.3;
} @media only screen and (min-width: 801px) and (max-width: 991px) {
body {
overflow-x: hidden;
}
:root {
--rail-content-gap: 12px;
}
.home-hero {
min-height: 650px;
}
.home-hero__slide-image,
.home-hero__video {
object-position: 58% center;
}
.home-hero__inner {
min-height: calc(650px - (var(--section-padding) * 2));
}
.home-hero__mark {
width: 90px;
margin-bottom: 24px;
}
.section-with-rail--hero-center {
--home-hero-title-size: 56px;
}
.home-company__grid {
gap: 45px;
}
.home-company__mosaic {
gap: 6px;
}
.home-company__mosaic-column--offset {
padding-top: 32px;
}
.home-company__title {
font-size: 34px;
}
.home-why__grid {
gap: 50px;
}
.home-why__title {
font-size: 34px;
}
.home-why__cards {
gap: 22px;
}
.home-why__column {
gap: 22px;
}
.home-why__column--offset {
padding-top: 40px;
}
.home-why__card {
min-height: 220px;
padding: 24px;
}
.home-services__title {
font-size: 34px;
}
.home-services__visual {
padding-top: 70px;
}
.home-services__visual::before {
clip-path: polygon(
0 22px,
100% 0,
100% 100%,
0 100%
);
}
.home-services__cards {
gap: 30px;
max-width: 1120px;
}
.service-card {
min-height: 540px;
}
.service-card--offset {
margin-top: 52px;
}
.service-card__content {
padding: 28px;
}
.service-card__title {
font-size: 28px;
}
.home-applications__grid {
gap: 55px;
}
.home-applications__title {
font-size: 34px;
}
.home-applications__sectors {
gap: 38px 24px;
}
.application-sector__icon {
width: 82px;
height: 82px;
}
.home-custom {
min-height: 580px;
background-position: 44% center;
}
.home-custom__card {
width: 450px;
padding: 38px;
}
.home-custom__title {
font-size: 34px;
}
.footer-support {
width: 86%;
padding: 38px 34px 34px;
}
.footer-support__contacts {
gap: 20px;
}
.footer-support__item {
gap: 12px;
}
.footer-support__icon {
flex-basis: 46px;
width: 46px;
height: 46px;
}
.footer-support__icon img {
width: 46px;
height: 46px;
}
.footer-main__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px 40px;
}
}
@media only screen and (max-width: 800px) {
body {
overflow-x: hidden;
}
:root {
--rail-triangle-width: 12px;
--rail-triangle-height: 20px;
--rail-content-gap: 10px;
} .section-rail {
left: max(
1px,
calc(
var(--side-gutter)
- var(--rail-triangle-width)
- var(--rail-content-gap)
+ 8px
)
);
}
.section-with-rail--hero-center {
--hero-rail-offset: 8px;
--home-hero-title-size: 42px;
}
.home-hero {
min-height: 600px;
}
.home-hero__slide-image,
.home-hero__video {
object-position: 61% center;
}
.home-hero__inner {
min-height: calc(600px - (var(--section-padding) * 2));
}
.home-hero__content {
max-width: 520px;
}
.home-hero__mark {
width: 76px;
margin-bottom: 24px;
}
.home-hero__description {
max-width: 390px;
font-size: 18px;
}
.home-company__grid {
grid-template-columns: 1fr;
gap: 45px;
}
.home-company__content {
max-width: none;
}
.home-company__mosaic {
max-width: 560px;
margin: 0 auto;
gap: 7px;
justify-self: center;
}
.home-company__mosaic-column--offset {
padding-top: 24px;
}
.home-company__title {
font-size: 32px;
}
.section-label,
.home-company__content p:not(.section-label),
.video-preview__link {
font-size: 18px;
}
.video-modal {
padding: 70px 18px 18px;
}
.video-modal__content {
width: 100%;
}
.video-modal__dialog {
border-radius: 14px;
}
.video-modal__close {
top: -52px;
width: 44px;
height: 44px;
}
.home-why__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.home-why__content {
max-width: none;
}
.home-why__title {
font-size: 32px;
}
.home-why__cards {
grid-template-columns: 1fr;
gap: 20px;
}
.home-why__column {
gap: 20px;
}
.home-why__column--offset {
padding-top: 0;
}
.home-why__card {
min-height: auto;
padding: 24px;
}
.home-services__intro {
text-align: left;
}
.home-services__title {
font-size: 32px;
}
.home-services__visual {
margin-top: 38px;
padding-top: 58px;
}
.home-services__visual::before {
clip-path: polygon(
0 14px,
100% 0,
100% 100%,
0 100%
);
}
.home-services__cards {
grid-template-columns: 1fr;
gap: 24px;
}
.service-card,
.service-card--offset {
min-height: 540px;
margin-top: 0;
}
.service-card__content {
padding: 24px;
}
.service-card__logo {
width: 72px;
}
.service-card__title {
font-size: 28px;
}
.service-card__text {
font-size: 18px;
}
.home-applications__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.home-applications__content {
max-width: none;
}
.home-applications__title {
font-size: 32px;
}
.home-applications__sectors {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px 20px;
}
.application-sector__icon {
width: 80px;
height: 80px;
}
.application-sector p {
font-size: 18px;
}
.home-custom {
min-height: auto;
background-position: 32% center;
}
.home-custom__layout {
justify-content: stretch;
}
.home-custom__card {
width: 100%;
padding: 28px 24px;
}
.home-custom__title {
font-size: 32px;
}
.home-custom__card p {
font-size: 18px;
}
.footer-support-band {
padding-top: 48px;
} .footer-support-band::before {
left: max(
1px,
calc(
var(--side-gutter)
- var(--rail-triangle-width)
- var(--rail-content-gap)
+ 8px
)
);
}
.footer-support {
width: 100%;
padding: 32px 24px;
}
.footer-support__title {
font-size: 28px;
}
.footer-support__head br {
display: none;
}
.footer-support__contacts {
grid-template-columns: 1fr;
gap: 24px;
margin-top: 26px;
padding-top: 26px;
}
.footer-support__item {
align-items: flex-start;
}
.site-footer {
background-position: right top;
background-size: auto 100%;
}
.footer-main {
padding-top: 72px;
padding-bottom: 54px;
}
.footer-main__grid {
grid-template-columns: 1fr;
gap: 44px;
}
.footer-bottom {
padding: 20px 0;
}
}
body .wpie-switch-descr {
display: block;
margin-top: 4px !important;
margin-bottom: 15px !important;
}