:root {
    --kwprimary: #f99431;
    --kwctaprimary: #ec7500;
    --kwsecondary: #38afe8;
    --kwctasecondary: #2d7598;
    --kwbgcolor: #272727;
    --kwbodycolor: #ffffff;
    --kwbgnegative: #f4f5f9;
    --kwnegativecolor: #323232;
    --kwgrey: #dddddd;
    --kwgreytext: #8c8c8c;
    --kwbodyfontfamily: inter-18pt, sans-serif;
    --kwsecondaryfontfamily: rama-gothic-m, sans-serif;
    --kwbodyfontsize: 18px;
    --kwbodylineheight: 1.4;
    --kwtinytext: 0.80em;
    --kwsmalltext: 0.888888em;
    --kwbigtext: 1.22222em;
    --kwh1fontsize: 3.333333rem;
    --kwh2fontsize: 3rem;
    --kwh3fontsize: 1.11111rem;
    --kwmarginsmall: 15px;
    --kwmarginmedium: 30px;
    --kwmarginlarge: 40px;
    --kwmarginextralarge: 50px;
    --kwradius: 10px;
    --kwradiuslarge: 20px;
    --kwheaderheight: 120px;
    --kwlogoheaderheight: 100px;
    --kwheaderfixedheight: 100px;
    --kwlogoheaderfixedheight: 80px;
    --kwcontattifissiheight: 60px;
    --kwwidthcontainer: auto;
    --kwmargincontainer: 0;
}
body {
    font-family: var(--kwbodyfontfamily);
    font-size: var(--kwbodyfontsize);
    line-height: var(--kwbodylineheight);
    color: var(--kwbodycolor);
    background-color: var(--kwbgcolor);
    font-weight: 300;
}
html {
    font-size: var(--kwbodyfontsize);
    scrollbar-color: var(--kwprimary) #333;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}
p, h1, h2, h3, h4, p + img, ul, ul + img, ol, ol + img, .kwMarginMedium {
    margin-top: var(--kwmarginmedium);
    margin-bottom: 0;
}
p + p, h1 + p, h2 + p, h3 + p, ul + p, p + ul, h1 + ul, h2 + ul, h3 + ul, ul + ul, ol + p, p + ol, h1 + ol, h2 + ol, h3 + ol, ol + ol, .kwList > li + li, .kwMarginSmall {
    margin-top: var(--kwmarginsmall);
}
.kw100 {
    width: 100%;
}
.kwMixMultiply {
    mix-blend-mode: multiply;
}
.kwMarginTiny {
    margin-top: 10px;
}
.kwRadius {
    border-radius: var(--kwradius);
}

/* scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #333;
}
::-webkit-scrollbar-thumb {
    background: var(--kwprimary);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--kwprimary);
    opacity: 0.8;
}

/* margin sopra e sotto */
.entry-header {
    margin-bottom: 0;
}
article.item {
    margin-bottom: 0;
}
#sp-main-body {
    padding: 0;
}

/* impaginazione senza eccessi ai lati */
div.container {
    padding: 0;
}
.row {
    margin: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 0;
}
.body-innerwrapper {
    overflow-x: visible;
}

/* dispositivi */
.kwDesktop,
.kwTablet {
    display: none;
}
.kwMobile.kwTablet,
.kwMobile.kwDesktop {
    display: block;
}

/* fonts */
h1, .kwH1Style {
    font-family: var(--kwsecondaryfontfamily);
    font-size: var(--kwh1fontsize);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.011765em;
    text-transform: none;
}
.kwSmallH1 {
    font-family: unset;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 1.1rem;
    font-weight: 500;
}
h2, .kwH2Style {
    font-family: var(--kwsecondaryfontfamily);
    font-size: var(--kwh2fontsize);
    font-weight: 700;
    letter-spacing: 0.011765em;
    line-height: 1;
}
h3, .kwH3Style {
    font-size: var(--kwh3fontsize);
    font-weight: 700;
    text-transform: uppercase;
}
.kwColorPrimaryText {
    color: var(--kwprimary);
}
.kwColorSecondaryText {
    color: var(--kwsecondary);
}
.kwColorBodyText {
    color: var(--kwbodycolor);
}
.kwGreyText {
    color: var(--kwgreytext);
}
.kwDarkColor {
    color: var(--kwbgcolor);
}
a {
    color: var(--kwprimary);
}
a:hover,
a:focus {
    color: var(--kwsecondary);
}
.kwContentLink {
    color: var(--kwprimary);
    text-decoration: underline;
}
.kwContentLink:hover {
    color: var(--kwsecondary);
    text-decoration: underline;
}
.kwTextCenter {
    text-align: center;
}
.kwNote {
    font-size: var(--kwsmalltext);
    font-style: italic;
}
.kwBigTitle {
    font-family: var(--kwsecondaryfontfamily);
    font-size: 2.2rem;
    line-height: 1.1;
    letter-spacing: 0.5px;
}
.kwTextUpper {
    text-transform: uppercase;
}
.kwPreTitle {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.222222rem;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: var(--kwbodyfontfamily);
}
.kwPreTitle + h1 {
    margin-top: var(--kwmarginsmall);
}
strong {
    font-weight: 600;
}
.kwBodyTextStyle {
    font-size: 1rem;
    text-transform: none;
    font-weight: unset;
    line-height: var(--kwbodylineheight);
}
.kwBadge {
    border: 1px solid var(--kwgrey);
    width: max-content;
    padding: 13px;
    border-radius: 50px;
    display: grid;
    grid-template-columns: 52px auto;
    grid-gap: 10px;
    text-align: left;
    align-items: center;
}
.kwBadge > i {
    font-size: 52px;
    line-height: 52px;
    height: 52px;
    width: 52px;
}
.kwBadge > span {
    padding-left: 10px;
    border-left: 1px solid var(--kwgrey);
}
.kwContatto > a {
    color: unset;
}
.kwContatto > a:hover {
    color: var(--kwprimary);
}
.kwIcoContatto {
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    background: var(--kwprimary);
    color: var(--kwbgcolor);
    border-radius: 100%;
    margin-right: 7px;
}
.kwSpacedText {
    letter-spacing: 0.07em;
}
.kwLogoInline {
    display: inline;
    margin: 0 0.25em;
    vertical-align: baseline;
    transform: translateY(14%);
}
.kwBigText {
    font-size: var(--kwbigtext);
}
.kwSmallText {
    font-size: var(--kwsmalltext);
}
.kwTinyText {
    font-size: var(--kwtinytext);
}

/* icone */
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?3d8xno');
    src:  url('fonts/icomoon.eot?3d8xno#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?3d8xno') format('truetype'),
        url('fonts/icomoon.woff?3d8xno') format('woff'),
        url('fonts/icomoon.svg?3d8xno#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-casa:before {
    content: "\e915";
}
.icon-ruota:before {
    content: "\e910";
}
.icon-aria-pulita:before {
    content: "\e900";
}
.icon-auto:before {
    content: "\e901";
}
.icon-batteri:before {
    content: "\e902";
}
.icon-certificato:before {
    content: "\e903";
}
.icon-chiave-inglese:before {
    content: "\e904";
}
.icon-dimensioni:before {
    content: "\e905";
}
.icon-eu:before {
    content: "\e906";
}
.icon-euro:before {
    content: "\e907";
}
.icon-foglia:before {
    content: "\e908";
}
.icon-industria:before {
    content: "\e909";
}
.icon-ingranaggio:before {
    content: "\e90a";
}
.icon-mattoni:before {
    content: "\e90b";
}
.icon-neve:before {
    content: "\e90c";
}
.icon-normativa:before {
    content: "\e90d";
}
.icon-porta-aperta:before {
    content: "\e90e";
}
.icon-posate:before {
    content: "\e90f";
}
.icon-spina:before {
    content: "\e911";
}
.icon-stella:before {
    content: "\e912";
}
.icon-trattore:before {
    content: "\e913";
}
.icon-umidita:before {
    content: "\e914";
}
.kwIco {
    width: 70px;
}
.kwIcoBen {
    height: 70px;
    width: 70px;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    align-self: center;
    border-radius: var(--kwradius);
    background: var(--kwprimary);
    color: var(--kwbodycolor);
}
.kwIcoVantaggio {
    height: 70px;
    width: 70px;
    font-size: 70px;
    line-height: 70px;
    align-content: center;
    text-align: center;
}

/* tabelle */
.kwTable {
    table-layout: fixed;
    width: 100%;
}
.kwTable thead {
    font-weight: 700;
}
.kwTable tr {
    border-bottom: 1px solid;
}
.kwTable td {
    padding: 10px 7px;
}
.kwWordWrap {
    word-wrap: break-word;
}

/* liste */
.kwList {
    padding-left: 1em;
}

/* cta */
.kwCta {
    color: #fff;
    padding: 15px 10px;
    text-transform: uppercase;
    transition: ease-out 0.1s;
    cursor: pointer;
    display: inline-block;
    text-shadow: none;
    font-weight: 600;
    position: relative;
    /*font-size: var(--kwtinytext);*/
    background: var(--kwctaprimary);
    border-radius: var(--kwradius);
    backdrop-filter: blur(14px);
    border: 2px solid var(--kwctaprimary);
    letter-spacing: 0.5px;
}
.kwCta:hover,
.kwCta:focus {
    border-color: var(--kwprimary);
    background: rgba(249, 148, 49, 0.3);
    color: var(--kwprimary);
}
.kwCta:hover {
    transform: scale(0.95);
    animation-name: shadow-impact;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
}
.kwCta.kwCtaInverse:not(:hover, :focus) {
    background: none;
}
@keyframes shadow-impact {
    0% {box-shadow: 0 0 0 0 rgb(249, 148, 49, 1);}
    10% {box-shadow: 0 0 60px 6px rgba(249, 148, 49, 0.8);}
    100% {box-shadow: 0 0 60px 6px rgba(249, 148, 49, 0)}
}
.kwCta.kwBgSecondary {
    border: 2px solid var(--kwctasecondary);
    background-color: var(--kwctasecondary);
}
.kwCta.kwBgSecondary:hover {
    animation-name: shadow-impact-secondary;
}
.kwCta.kwBgSecondary:hover,
.kwCta.kwBgSecondary:focus {
    border-color: var(--kwsecondary);
    background: rgba(56, 175, 232, 0.3);
    color: var(--kwsecondary);
}
@keyframes shadow-impact-secondary {
    0% {box-shadow: 0 0 0 0 rgb(56, 175, 232, 1);}
    10% {box-shadow: 0 0 60px 6px rgba(56, 175, 232, 0.8);}
    100% {box-shadow: 0 0 60px 6px rgba(56, 175, 232, 0)}
}
.kwRowCta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--kwmarginlarge) var(--kwmarginmedium);
}
.kwTitleRowCta {
    font-size: var(--kwh2fontsize);
    font-family: var(--kwsecondaryfontfamily);
    line-height: 1;
    font-weight: 700;
}
.kwBgPrimary .kwCta {
    border-color: unset;
    background: none;
}
.kwBgPrimary .kwCta:hover,
.kwBgPrimary .kwCta:focus {
    color: unset;
    background: rgba(255,255,255,.25);
    animation: none;
}

/* linee */
hr:not([size]) {
    background-color: var(--kwbodycolor);
    opacity: 1;
    height: 2px;
    width: 350px;
    max-width: 100%;
}

/* header */
#sp-header {
    background: #1f1f1f;
    padding: 0 var(--kwmargincontainer);
    box-shadow: none;
    height: var(--kwheaderheight);
    position: sticky;
    transition: ease-out 0.5s;
}
#sp-header.kwHeaderFixed {
    position: fixed;
}
#sp-header.kwScroll {
    background: #1f1f1f;
    height: var(--kwheaderfixedheight);
}
.itemid-102 #sp-header:not(.kwScroll) {
    background: transparent;
}
#sp-header .logo {
    height: var(--kwheaderheight);
    transition: ease-out 0.5s;
}
#sp-header.kwScroll .logo {
    height: var(--kwheaderfixedheight);
}
#sp-header .logo > a > img {
    max-height: var(--kwlogoheaderheight);
    transition: ease-out 0.5s;
}
#sp-header.kwScroll .logo > a > img {
    max-height: var(--kwlogoheaderfixedheight);
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    padding: 0;
    font-size: var(--kwsmalltext);
    line-height: var(--kwheaderheight);
    color: var(--kwbodycolor);
    transition: ease-out 0.5s;
    font-weight: 300;
}
#sp-header.kwScroll .sp-megamenu-parent > li > a,
#sp-header.kwScroll .sp-megamenu-parent > li > span {
    line-height: var(--kwheaderfixedheight);
}
#sp-header.kwScroll .sp-megamenu-parent > li:not(:hover, .active) > a {
    color: var(--kwgreytext);
}
.sp-megamenu-parent > li + li {
    margin-left: var(--kwmarginmedium);
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active > a:hover {
    color: var(--kwprimary);
}
.sp-megamenu-parent > li:hover > a {
    color: var(--kwbodycolor);
}

/* offcanvas */
.offcanvas {
    background: var(--kwbgcolor);
    color: var(--kwbodycolor);
}
#offcanvas-toggler {
    line-height: unset;
    margin: 0;
}
#offcanvas-toggler > i {
    height: var(--kwheaderheight);
    line-height: var(--kwheaderheight);
    color: var(--kwprimary);
    transition: ease-out 0.5s;
}
.kwScroll #offcanvas-toggler > i {
    height: var(--kwheaderfixedheight);
    line-height: var(--kwheaderfixedheight);
}
#offcanvas-toggler > i:hover {
    color: var(--kwprimary);
}
#offcanvas-toggler > i.fa-bars::before {
    font-size: 1.5em;
    color: var(--kwgreytext);
}
.close-offcanvas {
    top: 0;
    width: auto;
    font-size: 1.65rem;
    color: #fff;
    height: var(--kwheaderheight);
    padding: 0;
    border: none;
    display: grid;
    align-items: center;
}
.close-offcanvas i.fa-remove::before {
    line-height: var(--kwheaderheight);
    font-size: 1.7em;
    color: var(--kwgreytext);
}
.offcanvas-menu {
    background-color: var(--kwbodycolor);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li + li {
    margin-top: var(--kwmarginlarge);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    padding: 0;
    font-size: 1.5rem;
}
.sp-module ul > li > a::before {
    content: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: none;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.nav {
    margin: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
    background: none !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: none;
    padding: var(--kwmarginmedium) 0 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a {
    padding-left: 0;
    text-transform: none;
    font-size: 1.3rem;
}
.kwLogoOffcanvas {
    margin: 0 auto var(--kwmarginmedium);
    width: 60px;
}

/* new offcanvas */
.full-screen .offcanvas-menu {
    background: rgba(31, 31, 31, 0.95);
    backdrop-filter: blur(14px);
    align-content: center;
}
.full-screen:not(.full-screen-off-canvas) .offcanvas-menu {
    background: rgba(255,255,255,.0);
}
.full-screen .offcanvas-menu .close-offcanvas {
    font-size: unset;
    top: 0;
    height: unset;
    padding: 0;
    right: var(--kwmarginsmall);
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module {
    padding: 0;
    margin: 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
    padding: var(--kwmarginlarge) 0;
    width: max-content;
    margin: auto;
    color: var(--kwbodycolor);
    border-top: 2px solid var(--kwprimary);
    border-bottom: 2px solid var(--kwsecondary);
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
    color: unset;
    font-weight: 500;
    padding: 0;
    font-size: var(--kwh3fontsize);
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover {
    color: var(--kwsecondary);
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
    padding: 0;
    font-size: var(--kwh3fontsize);
    position: unset;
    margin-left: 0.15em;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
    font-size: 1rem;
    padding: 0;
    font-weight: 300;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler::before {
    content: "";
    width: 100%;
    height: 28px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li.active a {
    color: var(--kwprimary);
}

/* breadcrumbs */
#sp-breadcrumbs {
    padding: 7px var(--kwmargincontainer) 0;
    color: unset;
    font-size: var(--kwsmalltext);
    z-index: 1;
}
.breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
}
.breadcrumb > li > a {
    color: unset;
}
.breadcrumb > li > a:hover {
    color: var(--kwprimary);
}
.breadcrumb > .active {
    color: unset;
    padding-left: .3em;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "|";
    color: unset;
    padding-right: .3em;
}

/* atf */
.kwAtf.kwSection {
    padding-top: calc(var(--kwheaderheight) + var(--kwmarginlarge));
}
.kwAtf {
    display: grid;
    grid-gap: var(--kwmarginlarge);
}
.kwAtf > .kwColImg {
    position: relative;
}
.kwMainTitle {
    font-family: var(--kwsecondaryfontfamily);
    font-size: 2.4rem; 
    font-weight: 700;
    line-height: 1.15;
    padding: 10px 0
}

/* atf home */
.kwAtfHome {
    position: relative;
    min-height: calc(100vh - var(--kwheaderheight));
    align-content: center;
}
.kwTextAtfHome {
    padding: var(--kwmarginlarge) var(--kwmargincontainer);
    position: relative;
}
.kwWebSiteBigTitle {
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--kwsecondaryfontfamily);
    font-size: 33vw;
    line-height: 0.85;
    letter-spacing: 0.01em;
}
.kwImgAtfHome {
    position: relative;
    overflow: hidden;
    z-index: -1;
}
.kwImgAtf {
    width: 100%;
    max-width: unset;
    padding: 0 var(--kwmargincontainer);
}
.kwBollinoAtf {
    position: absolute;
    bottom: 10%;
    left: var(--kwmargincontainer);
    width: 100px;
}
.kwAtfHome .kwFlexBox.kwFlexCenter {
    justify-content: center;
}

/* benefici */
.kwBenefit {
    display: grid;
    grid-template-columns: 70px auto;
    text-align: left;
    grid-gap: var(--kwmarginsmall);
}

/* prodotti */
.kwProductsList {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kwmarginmedium) var(--kwmarginsmall);
    justify-content: center;
}
.kwBoxProdotto {
    width: 350px;
    border: 1px solid var(--kwgrey);
    background: var(--kwbodycolor);
    border-radius: var(--kwradiuslarge);
    overflow: hidden;
    padding: var(--kwmarginsmall);
}
.kwBgWhite .kwBoxProdotto {
    background: var(--kwbgnegative);
}
.kwDettagliProdotto {
    display: grid;
    padding: var(--kwmarginmedium) var(--kwmarginsmall) 0;
    grid-gap: var(--kwmarginsmall);
    grid-template-columns: repeat(2,1fr);
    text-align: left;
    align-items: center;
}
.kwImgProdotto {
    border-radius: var(--kwradius);
}
.kwDatiProdotto {
    font-size: var(--kwsmalltext);
    line-height: 1.7;
}
.kwDettagliProdotto > .kwDatiProdotto,
.kwDettagliProdotto > .kwCta {
    grid-column-end: span 2;
}
.kwDettagliProdotto > .kwCta {
    margin: var(--kwmarginsmall) auto 0;
}
.kwDettagliProdotto > * {
    margin-top: 0;
    align-items: center;
}
.kwMqProdotto {
    font-weight: 700;
    grid-row-start: 2;
    color: var(--kwprimary);
}
.kwBollinoProdotto {
    width: 100px;
    margin-left: auto;
    grid-row-end: span 2;
}
.kwBoxProdotto.kwBoxFull {
    display: grid;
    width: 100%;
    padding: var(--kwmarginmedium) 0;
    align-items: center;
}
.kwBoxProdotto.kwBoxFull:target {
    scroll-margin-top: calc(var(--kwheaderfixedheight) + var(--kwmarginmedium));
}
.kwBoxProdotto.kwBoxFull > .kwDettagliProdotto {
    padding: 0 var(--kwmarginmedium);
}
.kwDettagliProdotto .kwBadge {
    font-size: var(--kwtinytext);
    padding: 6px 13px;
    margin: 0;
    grid-template-columns: 46px auto;
    width: 300px;
    max-width: 100%;
}
.kwDettagliProdotto .kwBadge > i {
    font-size: 46px;
    line-height: 46px;
    height: 46px;
    width: 46px;
}
.kwDettagliProdotto > .kwListCaratProd {
    padding-left: 1em;
    grid-column-end: span 2;
}
.kwDettagliProdotto > .kwFlexBox {
    grid-column-end: span 2;
}
.kwBoxProdotto.kwBoxFull .kwCta {
    font-size: 14px;
    padding: 12px 8px;
}

/* settori */
.kwAntSettore {
    border-radius: var(--kwradiuslarge);
    width: 350px;
    max-width: 100%;
}
.kwTextAntSettore {
    padding: var(--kwmarginsmall);
}
.kwCtaAntSettore {
    padding: var(--kwmarginsmall);
}

/* faq */
.kwAccordionItem {
    border-bottom: 3px solid var(--kwprimary);
}
.kwTitleAccordion {
    text-transform: none;
    font-weight: 500;
    font-size: var(--kwh3fontsize);
    padding: var(--kwmarginsmall) 40px var(--kwmarginsmall) 0;
    position: relative;
}
.kwTitleAccordion::after {
    content: "+";
    color: var(--kwprimary);
    font-size: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - 23px);
    transition: ease-out 0.2s;
}
.kwTitleAccordion[aria-expanded="true"]::after {
    transform: rotate(45deg);
}
.kwAccordionContent > p:last-child {
    margin-bottom: var(--kwmarginsmall);
}
.kwContentFaqs {
    counter-reset: item;
}
.kwBoxFaq {
    text-align: left;
    padding: var(--kwmarginmedium) var(--kwmarginmedium) var(--kwmarginmedium) 100px;
    border-radius: var(--kwradiuslarge);
    border: 2px solid var(--kwbodycolor);
    position: relative;
}
.kwBoxFaq::before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    left: 0;
    text-align: center;
    color: var(--kwprimary);
    font-size: 4rem;
    font-weight: 700;
    font-family: var(--kwsecondaryfontfamily);
    width: 100px;
    height: 80px;
    line-height: 80px;
}
.kwBoxFaq + .kwBoxFaq {
    margin-top: var(--kwmarginsmall);
}
.kwBoxFaq > h3 {
    text-transform: none;
    font-family: var(--kwsecondaryfontfamily);
    font-size: 2.333333rem;
    line-height: 1;
}
.kwBoxFaq > p {
    letter-spacing: 0.07em;
}

/* vantaggi */
.kwBoxVantaggio {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.3);
    padding: var(--kwmarginmedium);
    height: 100%;
    text-align: left;
    border-radius: var(--kwradiuslarge);
}
.kwHeadVantaggio {
    display: grid;
    grid-template-columns: 70px auto;
    grid-gap: 10px;
    align-items: center;
}
.kwHeadVantaggio > h3 {
    margin: 0;
}
.kwHeadVantaggio > img {
    align-self: start;
}
.kwBoxVantaggio > p {
    margin-top: var(--kwmarginsmall);
}

/* contattaci */
#sp-contattaci {
    padding: var(--kwmarginlarge) var(--kwmargincontainer);
}

/* footer */
#sp-footer {
    background: #1f1f1f;
    padding: var(--kwmarginlarge) var(--kwmargincontainer);
    color: #fff;
    text-align: unset;
    position: relative;
}
#sp-footer a {
    color: unset;
}
#sp-footer a:hover {
    color: var(--kwprimary);
}
.kwFinalFoot {
    display: grid;
    grid-template-columns: auto;
    grid-gap: var(--kwmarginmedium);
    font-size: var(--kwsmalltext);
    text-align: center;
}
.sp-module ul.nav.menukwFooterMenu {
    display: inline;
}
.sp-module ul.menukwFooterMenu > li {
    border: none;
    display: inline;
}
.sp-module ul.menukwFooterMenu > li > a {
    display: inline;
    padding: 0;
    line-height: var(--kwbodylineheight);
}
.menukwFooterMenu > li::after {
    content: " |";
}
.menukwFooterMenu > li:last-child::after {
    display: none;
}
.kwLogoFoot {
    height: var(--kwlogoheaderheight);
    width: auto;
    display: inline-block;
    margin-bottom: var(--kwmarginsmall);
}
.kwCreditsBrand {
    font-size: var(--kwtinytext);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}
#mod-custom131 {
    display: grid;
    grid-gap: var(--kwmarginlarge);
}
.kwContactsFoot {
    display: flex;
    justify-content: center;
    gap: var(--kwmarginmedium);
    font-size: var(--kwbigtext);
    font-weight: 500;
    flex-wrap: wrap;
}
.kwSignatureFoot {
    font-size:12px;
    text-transform: uppercase;
    margin-top:8px;
}
.sp-module ul > li > a::before {
    display: none;
}
.sp-module ul.menukwFootMenu > li > a {
    padding: 0;
}
.sp-module ul.menukwFootMenu > li {
    width: 100%;
    border: none;
}
.kwCellFoot > .kwH3Style::after {
    content: "";
    width: 2em;
    height: 2px;
    background: var(--kwbodycolor);
    display: block;
    margin: 0.2em 0 0.7em;
}
.kwCellFoot > .kwSignatureFoot.kwMarginMedium {
    margin-top: 3.8em;
}

/* forms */
.ba-field-container textarea::placeholder, .ba-field-container input[type="text"]::placeholder, .ba-field-container input[type="number"]::placeholder, .ba-field-container input[type="email"]::placeholder {
    opacity: 0.5 !important;
}

.ba-field-container textarea {
    min-height: 70px !important;
}
.ba-field-container select:invalid {
    color: rgba(33, 33, 33, .5) !important;
}
.text-content-wrapper {
    text-align: left;
}
div.ba-form-page {
    width: 100%;
    max-width: var(--form-width-value);
}
.ba-form-acceptance-field.kwSmallText label.ba-form-checkbox > span {
    height: 1.4em;
    width: 1.4em;
    border-radius: 0;
}
.ba-form-acceptance-field.kwSmallText .ba-field-container {
    padding-left: 2.4em;
    margin: 0;
}
.ba-form-acceptance-field.kwSmallText label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
    font: normal normal normal 1em/1 'balbooa-form-icons';
}
.ba-form-row:first-child .ba-form-field-item.ba-form-text-field {
    margin: 0;
}
.ba-form-acceptance-field.kwSmallText label.ba-form-checkbox > span {
    top: calc(var(--field-typography-line-height)/2 - 0.7em);
}
.ba-form-checkbox-title,
.ba-form-acceptance-html > p {
    color: var(--kwbodycolor) !important;
}
.kwBgLight .ba-form-acceptance-html > p {
    color: unset !important;
}
div.ba-form-field-item legend.ba-field-label-wrapper {
    font-size: 1rem;
}
div.ba-form-page {
    padding: 0 !important;
}
a.ba-form-submit-btn {
    font-size: 1.3em;
    line-height: 1.4;
}

/* clienti */
.kwLogoCliente {
    width: 140px;
}

/* sezioni */
.kwSection {
    padding: var(--kwmarginextralarge) var(--kwmargincontainer);
}
.kwSection:target {
    scroll-margin-top: var(--kwheaderfixedheight);
}
.kwSection.kwSectionCut {
    padding-top: 0;
}
#sp-main-body.kwBodyBasic {
    padding: var(--kwmarginlarge) var(--kwmargincontainer);
    min-height: calc(100vh - 75px);
    align-content: center;
}
.kwBgImage {
    background-image: url(../../../images/graphics/bg-orange.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.kwBgLight {
    background: var(--kwbgnegative);
    color: var(--kwnegativecolor);
}
.kwBgWhite {
    background: var(--kwbodycolor);
    color: var(--kwnegativecolor);
}
.kwBgPrimary {
    background: var(--kwprimary);
    color: #fff;
}
.kwBgSecondary {
    background: var(--kwsecondary);
    color: #fff;
}
.kwBgPrimary .kwContentLink,
.kwBgSecondary .kwContentLink {
    color: #fff;
}
.kwBgPrimary .kwContentLink:hover,
.kwBgSecondary .kwContentLink:hover,
.kwBgPrimary .kwContentLink:focus,
.kwBgSecondary .kwContentLink:focus {
    color: var(--kwbodycolor);
}
.kwBgGrey {
    background: var(--kwgrey);
}
.kwBgDark {
    background: var(--kwbodycolor);
    color: #fff;
}
.kw2ColSection,
.kw3ColSection,
.kw4ColSection {
    display: grid;
    grid-gap: var(--kwmarginlarge);
}
.kwMarginLarge {
    margin-top: var(--kwmarginlarge);
}
.kwCellStart {
    align-self: start;
}
.kwFlexBox {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kwmarginsmall);
}
.kwFlexCenter {
    justify-content: center;
}
.kwCollageImgs {
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-gap: var(--kwmarginsmall);
}
.kwGapMedium,
.kwGapMedium.kw4ColSection {
    gap: var(--kwmarginmedium);
}
.kwCellTitleText {
    background: var(--kwbodycolor);
    border-radius: var(--kwradiuslarge);
    height: 100%;
    border: 2px solid var(--kwprimary);
    overflow: hidden;
}
.kwTitleInCell {
    padding: var(--kwmarginsmall);
    background: var(--kwprimary);
    color: var(--kwbodycolor);
}
.kwTextInCell {
    padding: var(--kwmarginsmall);
    margin: 0;
    color: var(--kwnegativecolor);
}

/* contatti fissi */
#kwFooterFixed {
    transform: translateY(90px);
    -webkit-transition: transform .8s cubic-bezier(.475,.425,0,.995), box-shadow .8s cubic-bezier(.475,.425,0,.995);
    -o-transition: transform .8s cubic-bezier(.475,.425,0,.995), box-shadow .8s cubic-bezier(.475,.425,0,.995);
    transition: transform .8s cubic-bezier(.475,.425,0,.995), box-shadow .8s cubic-bezier(.475,.425,0,.995);
}
#kwFooterFixed:hover {
    box-shadow: 0 0 100px rgba(255,255,255,.4);
}
.kwContattiFissi {
    display: flex;
    align-items: center;
    height: var(--kwcontattifissiheight);
    text-align: center;
    background: var(--kwbgcolor);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    box-shadow: 0 0 21px 0 rgba(0,0,0,.1);
}
.kwContattiFissi a {
    color: unset;
}
.kwContattiFissi .kwIcon {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}
.kwContattiFissiCell {
    display: flex;
    align-items: center;
    height: var(--kwcontattifissiheight);
    justify-content: center;
    text-align: center;
    gap: 0 4px;
    width: 100%;
}
.kwContattiFissi a:hover {
    color: unset;
}
a.kwCtaContattiFissi {
    font-size: 1rem;
    background: var(--kwprimary);
    color: var(--kwbgcolor);
}
.kwContattiFissiPhone {
    display: grid;
    align-content: center;
    line-height: 1;
}
.kwTextContattiFissiMob {
    font-size: 0.55em;
}
.kwContattiFissiMail {
    display: none;
}
.kwContattiFissiCell > a:hover {
    color: var(--kwprimary);
}
a.kwContattiFissiCell:hover {
    background: var(--kwprimarylight);
}
.kwContattiFissiCell > a > span, a.kwContattiFissiCell > span {
    font-weight: 700;
}
.kwContattiFissi a.kwCtaContattiFissi {
    transition: background-color .3s ease-in-out;
}
.kwContattiFissi a.kwCtaContattiFissi:hover,
.kwContattiFissi a.kwCtaContattiFissi:focus {
    color: var(--kwbgcolor);
    background: var(--kwsecondary);
}

/* credits */
.kwCreditsLogo {
    border-radius: 7px;
}

/* essential */
*:first-child {
    margin-top: 0;
}

@media screen and (max-width: 992px) {

    /* fonts */
    .kwSmallH1 {
        font-size: var(--kwtinytext);
    }

    /* header */
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        line-height: 1.4;
    }
    #sp-header.kwScroll .sp-megamenu-parent > li > a,
    #sp-header.kwScroll .sp-megamenu-parent > li > span {
        line-height: 1.4;
    }
    #sp-header.kwScroll .sp-megamenu-parent.d-none {
        height: var(--kwheaderfixedheight);
        gap: var(--kwmarginsmall);
    }

    /* footer */
    .kwCellFoot {
        text-align: center;
    }
    .kwCellFoot > .kwH3Style::after {
        margin-left: auto;
        margin-right: auto;
    }

    /* contatti fissi */
    .kwContattiFissi {
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }
    .kwContattiFissi.scrolled {
        border-bottom: 25px solid #000;
        height: 85px;
    }
    .kwContattiFissiCell > a, a.kwContattiFissiCell {
        display: grid;
        grid-gap: 7px;
        align-content: center;
    }
    .kwContattiFissiCell > a > i, a.kwContattiFissiCell > i {
        font-size: 20px;
    }
    .kwContattiFissiCell > a > span, a.kwContattiFissiCell > span {
        font-size: 0.6rem;
        letter-spacing: -0.04em;
        line-height: 1;
    }
}

@media screen and (min-width: 576px) {

    :root {
        --kwwidthcontainer: 540px;
    }

    /* impaginazione senza eccessi ai lati */
    .container {
        max-width: var(--kwwidthcontainer) !important;
    }

    /* atf home */
    .kwTextAtfHome {
        padding: var(--kwmarginmedium) calc((100% - var(--kwwidthcontainer))/2);
    }
    .kwImgAtf {
        width: 130vw;
        max-width: unset;
        margin-left: -20vw;
    }
    .kwImgAtfHome {
        margin-top: -70px;
    }
    .kwWebSiteBigTitle {
        font-size: calc(var(--kwwidthcontainer) * 0.36);
    }
    .kwBollinoAtf {
        bottom: var(--kwmarginlarge);
        left: var(--kwmarginlarge);
        width: 120px;
    }

    /* footer */
    #sp-footer {
        padding: var(--kwmarginlarge) 0;
    }

    /* sezioni */
    .kwSection {
        padding: var(--kwmarginlarge) calc((100% - var(--kwwidthcontainer))/2);
    }
    #sp-main-body.kwBodyBasic {
        padding: var(--kwmarginlarge) 0;
        min-height: calc(100vh - var(--kwheaderheight));
    }
    #sp-main-body.kwBodyBasic.kwTp {
        min-height: 100vh;
    }

}

@media screen and (max-width: 768px) {

    /* fonts */
    .kwTextCenterMob {
        text-align: center;
    }
    .kwTextCenterMob .kwBadge {
        margin-left: auto;
        margin-right: auto;
    }

    /* cta */
    .kwCta {
        font-size: 15px;
    }

    /* prodotti */
    .kwBoxProdotto.kwBoxFull {
        grid-gap: var(--kwmarginmedium);
    }

    /* footer */
    #mod-custom131 {
        grid-template-columns: repeat(2,1fr);
    }
    #mod-custom131 > .kwCellFoot:first-child,
    #mod-custom131 > .kwCellFoot:last-child {
        grid-column-end: span 2;
    }

    /* sezioni */
    .kw2ColSection > .kwColText + .kwColImg {
        order: -1;
    }

}

@media screen and (max-width: 465px) {

    /* prodotti */
    .kwDettagliProdotto > .kwFlexBox {
        gap: 10px 5px;
        justify-content: space-between;
    }
    .kwBoxProdotto.kwBoxFull .kwCta {
        font-size: 0.666666rem;
    }
}

@media screen and (max-width: 576px) {

    :root {
        --kwmargincontainer: 15px;
    }

}

@media screen and (min-width: 768px) {

    :root {
        --kwwidthcontainer: 720px;
        --kwh1fontsize: 4.999999rem;
        --kwh2fontsize: 3.7777777rem;
        --kwh3fontsize: 1.277777rem;
        --kwbigtext: 1.2em;
    }

    /* dispositivi */
    .kwTablet,
    .kwTablet.kwDesktop {
        display: block;
    }
    .kwMobile,
    .kwMobile.kwDesktop {
        display: none;
    }

    /* cta */
    .kwTitleRowCta {
        max-width: 68%;
    }

    /* offcanvas */
    .full-screen-off-canvas.ltr .offcanvas-menu {
        width: 360px;
        max-width: 100%;
    }

    /* atf */
    .kwAtf {
        display: grid;
        grid-template-columns: 2fr 1fr;
        align-items: center;
    }

    /* atf home */
    .kwWebSiteBigTitle {
        font-size: calc(var(--kwwidthcontainer) * 0.21);
    }
    .kwImgAtfHome {
        position: absolute;
        margin: 0;
        top: 0;
        right: 0;
        height: 100%;
    }
    .kwImgAtf {
        margin: 0;
        width: auto;
        transform: translateX(3vw);
        height: 100%;
    }
    .kwBollinoAtf {
        left: auto;
        right: var(--kwmarginmedium);
        bottom: var(--kwmarginmedium);
    }

    /* prodotti */
    .kwBoxProdotto.kwBoxFull {
        grid-template-columns: repeat(2,1fr);
    }

    /* settori */
    .kwTextAntSettore > h3.kwBodyTextStyle {
        min-height: 2.4em;
        align-content: center;
    }

    /* faq */
    .kwBoxFaq::before {
        top: calc(50% - 40px);
    }

    /* sezioni */
    .kw2ColSection,
    .kw3ColSection,
    .kw4ColSection {
        grid-template-columns: repeat(2,1fr);
        grid-gap: var(--kwmarginmedium) var(--kwmarginlarge);
        align-items: center;
    }
    .kwColText {
        grid-row-start: unset;
    }
    .kwSectionCta {
        grid-template-rows: repeat(2,auto);
        align-content: space-between;
    }
    .kwSectionCta > .kwColImg,
    .kwSectionCta > .kwColFaq {
        grid-row-end: span 2;
    }
    .kwSectionCta .kwColText {
        align-self: start;
    }
    .kwSectionCta > .kwFlexBox {
        align-self: end;
    }
    .kw2ColLong {
        grid-column-end: span 2;
    }

    /* footer */
    #mod-custom131 {
        grid-template-columns: repeat(3,1fr);
        justify-content: left;
    }
    #mod-custom131 > .kwCellFoot:first-child {
        grid-column-end: span 3;
    }
}

@media screen and (min-width: 992px) {

    :root {
        --kwmarginsmall: 20px;
        --kwmarginmedium: 40px;
        --kwmarginlarge: 70px;
        --kwmarginextralarge: 100px;
        --kwwidthcontainer: 940px;
    }

    /* dispositivi */
    .kwMobile,
    .kwTablet,
    .kwMobile.kwTablet {
        display: none;
    }
    .kwDesktop,
    .kwMobile.kwDesktop,
    .kwTablet.kwDesktop {
        display: block;
    }

    /* fonts */
    .kwMainTitle {
        font-size: 2.6rem; 
    }
    .kwBigTitle {
        font-size: 3.2rem;
    }

    /* megamenu */
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        background: #1f1f1f;
        box-shadow: none;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
        font-weight: 500;
        color: var(--kwgreytext);
        text-align: center;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
        background: none;
        color: var(--kwbodycolor);
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
        color: var(--kwprimary);
    }
    .sp-megamenu-parent:hover > li > a:not(:hover) {
        color: var(--kwgreytext);
    }

    /* contatti fissi */
    .kwContattiFissi {
        padding: 0 var(--kwmarginlarge);
        align-items: center;
    }
    .kwContattiFissiMail {
        display: grid;
    }
    .kwTextContattiFissiMob {
        display: none;
    }
    .kwContattiFissiPhone {
        line-height: unset;
    }

}

@media screen and (min-width: 1200px) {

    :root {
        --kwwidthcontainer: 1140px;
    }

    /* settori */
    .kwTextAntSettore > h3.kwBodyTextStyle {
        min-height: 4.2em;
    }

    /* footer */
    #mod-custom131 {
        grid-template-columns: repeat(4,1fr);
        align-items: center;
    }
    #mod-custom131 > .kwCellFoot:first-child {
        grid-column-end: span 1;
    }

    /* sezioni */
    .kw3ColSection {
        grid-template-columns: repeat(3,1fr);
    }
    .kw4ColSection {
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (min-width: 1470px) {

    :root {
        --kwwidthcontainer: 1300px;
    }

    /* prodotti */
    .kwDettagliProdotto .kwBadge {
        max-width: 48%;
    }

}