/* Minification failed. Returning unminified contents.
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-root-font-size'
(127,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(128,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(134,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(135,24): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(158,21): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(170,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(222,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-top-bar'
(253,36): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(269,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(272,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(273,36): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(283,35): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(293,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(308,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(321,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(361,21): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(411,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(416,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(474,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(479,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(525,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(535,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(536,24): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(596,35): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(677,21): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(678,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(683,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(688,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(689,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(693,46): run-time error CSS1046: Expect comma, found '63'
(693,52): run-time error CSS1046: Expect comma, found '/'
(701,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(702,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(722,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(723,24): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(786,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(804,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(851,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(901,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(945,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(957,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(960,28): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(971,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(1025,25): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1031,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(1110,32): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1148,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-top-bar'
(1195,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(1274,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(1342,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1356,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1375,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-fondino'
(1380,44): run-time error CSS1046: Expect comma, found '0'
(1380,48): run-time error CSS1046: Expect comma, found '/'
(1400,21): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1408,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1412,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1437,21): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1578,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
(1590,17): run-time error CSS1039: Token not allowed after unary operator: '-bonaiti-green'
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

.navbar-nav .dropdown.dropstart > .dropdown-toggle:after {
    border: 0;
    content: "\e902";
}

:root {
    --bs-gray-100: #fefefe;
    --bs-gray-200: #f6f7f9;
    --bs-gray-300: #cacaca;
    --bs-gray-400: #aab0bc;
    --bs-gray-500: #959ca9;
    --bs-gray-600: #60697b;
    --bs-gray-700: #2f353a;
    --bs-gray-800: #21262c;
    --bs-gray-900: #1e2228;
    --bs-blue: #3f78e0;
    --bs-sky: #5eb9f0;
    --bs-purple: #747ed1;
    --bs-grape: #605dba;
    --bs-violet: #a07cc5;
    --bs-pink: #d16b86;
    --bs-fuchsia: #e668b3;
    --bs-red: #e2626b;
    --bs-orange: #f78b77;
    --bs-yellow: #fab758;
    --bs-green: #45c4a0;
    --bs-leaf: #7cb798;
    --bs-aqua: #54a8c7;
    --bs-navy: #343f52;
    --bs-ash: #9499a3;
    --bs-white: #fff;
    --bs-light: #fefefe;
    --bs-gray: #f6f7f9;
    --bs-dark: #262b32;
    --bs-primary: #3f78e0;
    --bs-secondary: #aab0bc;
    --bs-success: #45c4a0;
    --bs-info: #54a8c7;
    --bs-warning: #fab758;
    --bs-danger: #e2626b;
    --bs-blue-rgb: 63, 120, 224;
    --bs-sky-rgb: 94, 185, 240;
    --bs-purple-rgb: 116, 126, 209;
    --bs-grape-rgb: 96, 93, 186;
    --bs-violet-rgb: 160, 124, 197;
    --bs-pink-rgb: 209, 107, 134;
    --bs-fuchsia-rgb: 230, 104, 179;
    --bs-red-rgb: 226, 98, 107;
    --bs-orange-rgb: 247, 139, 119;
    --bs-yellow-rgb: 250, 183, 88;
    --bs-green-rgb: 69, 196, 160;
    --bs-leaf-rgb: 124, 183, 152;
    --bs-aqua-rgb: 84, 168, 199;
    --bs-navy-rgb: 52, 63, 82;
    --bs-ash-rgb: 148, 153, 163;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 254, 254, 254;
    --bs-gray-rgb: 246, 247, 249;
    --bs-dark-rgb: 38, 43, 50;
    --bs-primary-rgb: 63, 120, 224;
    --bs-secondary-rgb: 170, 176, 188;
    --bs-success-rgb: 69, 196, 160;
    --bs-info-rgb: 84, 168, 199;
    --bs-warning-rgb: 250, 183, 88;
    --bs-danger-rgb: 226, 98, 107;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 96, 105, 123;
    --bs-body-bg-rgb: 254, 254, 254;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 20px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.8rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.7;
    --bs-body-color: #575756;
    --bs-body-bg: #fefefe;

    --bg-top-bar: #ececec;
    --bg-fondino: #f4f4f4;
    --bonaiti-green: #498362;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    font-size: var(--bs-root-font-size);
}


/* ABILITA SCROLL NEI LINK INTERNI ALLA PAGINA */
html {
    scroll-behavior: smooth;
} 

/* BOOTSTRAP */

.popover-header {
    padding: 0.5rem 0.5rem .25rem;
    border: 0;
    font-size: 0.8rem;
    background: #dfe0e3;
}
.popover-body {
    padding: 0 0.5rem 0.5rem;
    font-size: 0.7rem;
}


.btn {
    font-weight: 400;
    letter-spacing: normal;
    font-size: .8rem;
}

.btn-ash, .btn-ash:hover {
    color: #fff;
    background-color: var(--bs-body-color);
    border-color: var(--bs-body-color);
}


.btn-verde, .btn-verde:hover {
    color: #fff;
    background-color: var(--bonaiti-green);
    border-color: var(--bonaiti-green);
}





/* TITLE STYLE E COLOR */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #575756;
}


h1 {

}
h2 {
    font-size: 22px;
    font-weight: 500;
}
    h2.bigtext {
        font-size: 50px;
        font-weight: 500;
        color: var(--bonaiti-green);
        letter-spacing: 3px;
    }



h3 {
    font-size: 20px;
    font-weight: 500;
}

a:hover {
    color: var(--bonaiti-green);
}


/* MODIFICHE A TEMPLATE */
.dropdown-item {
    color: #575756;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #575756;
    --bs-table-striped-bg: rgba(164, 174, 198, 0.07);
    --bs-table-active-color: #575756;
    --bs-table-active-bg: rgba(164, 174, 198, 0.07);
    --bs-table-hover-color: #575756;
    --bs-table-hover-bg: rgba(164, 174, 198, 0.07);
    width: 100%;
    margin-bottom: 1rem;
    color: #575756;
    vertical-align: top;
    border-color: #edeff3;
}

mark {
    padding: 2px 0;
}



/* BACKGROUND COLOR */
.bg-gray01 {
    background-color: var(--bg-fondino);
}
.bg-gray02 {
    background-color: #EAEAEA;
}
.bg-gray03 {
    background-color: #D5D5D5;
}
.bg-gray04 {
    background-color: #AAAAAA;
}
.bg-gray05 {
    background-color: #555555;
}



/* NAV */
.top-bar {
    background-color: var(--bg-top-bar);
    color: #878786;
    font-size: 0.7rem;
    padding: 3px 0;
}
.top-bar .icon {
    font-size: 0.9rem;
}

    .top-bar a.dropdown {
        color: #878787;
    }
    .top-bar a.dropdown:hover {
        color: #878787;
    }

    .top-bar .dropdown-menu {
        z-index: 2000;
    }
        .top-bar .dropdown-menu a {
            color: #878787;
            font-weight: normal;
        }


    .top-bar .evidenziato, .top-bar .evidenziato a {
        background-color: #585858;
        color: #fff;
    }

        .top-bar .evidenziato.active, .top-bar .evidenziato.active a {
            background-color: var(--bonaiti-green);
        }



    .top-bar .cerca input, .top-bar .cerca button {
        min-height: max-content;
        max-height: max-content;
        line-height: normal;
    }
    .top-bar .cerca button {
        border: solid 1px #dadbe1;
    }


    .top-bar .cerca input:focus {
        border-color: var(--bonaiti-green);
    }
        .top-bar .cerca input:focus ~ button {
            border-color: var(--bonaiti-green);
            background-color: var(--bonaiti-green);
            color: #fff;
        }






.navbar .container {
    border-bottom: 1px solid var(--bonaiti-green);
}

.navbar-clone .container {
    border-bottom: none;
}


.navbar .nav-item a.active, .top-bar a.active {
    font-weight: bold;
    color: var(--bonaiti-green) !important;
}


.nav-link {
    font-weight: 400;
    color: #575756;
}

.navbar-light .navbar-nav .nav-link {
    color: #575756;
}


.menu-configuratore:hover {
    background-color: var(--bonaiti-green);
}
    .menu-configuratore:hover a, .menu-configuratore:hover a.active {
        color: #fff !important;
    }




.navbar .dropdown-menu li.evidenziato {
    background-color: #585858;
}
    .navbar .dropdown-menu li.evidenziato:hover {
        background-color: var(--bonaiti-green);
    }

.navbar .dropdown-menu li.evidenziato a {
    color: #fff;
}






/* BOTTONI */
.btn {
    padding: .3rem 0.8rem;
}

.btn-outline-secondary {
    color: #575756;
    border-color: #575756;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #575756;
        border-color: #575756;
    }



/* CATALOGO TESTATINA*/
.catalogo-testatina {
    padding: 50px 0;
}

    .catalogo-testatina span {
        margin: 0;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 0.1em;
        color: var(--bonaiti-green);
    }




/* CATALOGO TITOLO */
.catalogo-titolo {
    margin-top:70px; 
    margin-bottom:70px;
}

    .catalogo-titolo h1 {
        margin: 0;
        font-size: 48px; 
        font-weight:400;
        text-transform: uppercase;
    }
    
    .catalogo-titolo h2 {
        margin: 0;
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase;
    }




/* HOME */

/* Box Famiglie */
.lista-famiglie .lista-box {
}

.lista-famiglie .box {
    background: #fff;
    margin-bottom: 60px;
    border: 2px solid #dadada;
}


    .lista-famiglie .box .box-content {
        text-align: center;
        padding: 15px;
    }

        .lista-famiglie .box .box-content .divisore {
            width: 20%;
            height: 2px;
            background-color: var(--bs-body-color);
            margin: 0 40% 10px 40%;
        }

    .lista-famiglie .box:hover .box-content .divisore {
        background-color: var(--bonaiti-green);
    }


    .lista-famiglie .box .box-content p {
        margin-bottom: 0;
        line-height: 1.2rem;
        min-height: 50px;
    }


.lista-famiglie figure {
    text-align: center;
    
}


    .lista-famiglie figure img {
        /*border-radius: 0.4rem 0.4rem 0 0;*/
        border-radius: 0;
    }

    .lista-famiglie figure img.icona {
        text-align:center;
        margin: 80px 0 80px 0;
        width: 60px;
    }









/* PRODOTTI */


/* Box Sottofamiglie */
.lista-sottofamiglie .lista-box {
}

.lista-sottofamiglie .box {
    background: #fff;
    margin-bottom: 60px;
    border: 2px solid #dadada;
}


    .lista-sottofamiglie .box .box-content {
        text-align: center;
        padding: 15px;
    }

        .lista-sottofamiglie .box .box-content .divisore {
            width: 20%;
            height: 2px;
            background-color: var(--bs-body-color);
            margin: 0 40% 10px 40%;
        }

    .lista-sottofamiglie .box:hover .box-content .divisore {
        background-color: var(--bonaiti-green);
    }






.lista-sottofamiglie .box .box-content p {
    margin-bottom: 0;
    line-height: 1.2rem;
    min-height: 50px;
}


.lista-sottofamiglie figure {
    padding: 25px 25px 5px 25px;
}


    .lista-sottofamiglie figure img {
        /*border-radius: 0.4rem 0.4rem 0 0;*/
        border-radius: 0;
    }

.lista-sottofamiglie .novita {
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url(/Content/Images/New-S.png)
}

.lista-sottofamiglie .brevettato {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 71px;
    height: 35px;
    background-image: url(/Content/Images/Patented-S.png);
}


.documenti tr.documenti-items:hover {
    background-color: var(--bg-fondino);
}





/* TAB TEXT */

.tabtext .nav-item a.active {
    background-color: var(--bonaiti-green);
    border-color: var(--bonaiti-green);
    color: #fff;
}



.tabtext h2.titolo-tab {
    font-size: 2rem;
}

.tabtext .tab-content {
    margin-top: 0;
}






/*  SOTTOFAMIGLIA */


.sottofamiglia .bottone-invisibili {
    margin-bottom: 20px;
}


.sottofamiglia .bottone-invisibili a.btn-primary {
    background-color: #fff;
    color: #575756;
    padding: 1px 10px;
    border-width: 1px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight:bold;
}


.sottofamiglia .richiesta-info {
    position: absolute;
    bottom: 0px;
}


.sottofamiglia .richiesta-info .scarica-listino {
    margin: 5px 0 0 5px;
    word-spacing: 0;
}



.sottofamiglia .btn-richiesta-info {
    /*position: absolute;*/
    margin: 20px 10px 0 0;
}



/* SOTTOFAMIGLIA TAB */
.sottofamiglia .nav-tabs.nav-tabs-basic {
    border-bottom: 2px solid var(--bonaiti-green);
    text-transform: uppercase;
}


    .sottofamiglia .nav-tabs.nav-tabs-basic .nav-item {
        display: inline-block;
        /*width: 16.66%*/
        flex: 1 0 0;
    }

    .sottofamiglia .nav-tabs.nav-tabs-basic a.nav-link {
        text-align: center;
        font-size: 18px;
        margin: 0;
        padding: 0 10px 20px 10px;
        border: none;
        border-bottom: 10px solid #fff;
    }

    .sottofamiglia .nav-tabs.nav-tabs-basic .nav-link:hover {
        border-bottom: 10px solid #dadada;
    }


    .sottofamiglia .nav-tabs.nav-tabs-basic a.active {
        border-bottom: 10px solid #dadada;
    }


.sottofamiglia .tab-content {
    margin-top: 4rem;
}


.sottofamiglia h2.titolo-divisorio {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    .sottofamiglia h2.titolo-divisorio span {
        background: #fff;
        /* border: 2px solid #aab0bc; */
        border-radius: .4em;
        padding: 5px 20px;
    }

.sottofamiglia .linea-titolo {
    width: 100%;
    height: 2px;
    background: #aab0bc;
    margin-bottom: -15px;
}










/* SOTTOFAMIGLIA DESCRIZIONE */
.sottofamiglia .descrizione {
    padding-bottom: 70px;
}

.sottofamiglia .descrizione .testo {
    margin-top: 15px;
    line-height: 1.5rem;
}



    .sottofamiglia .nav-tabs.nav-tabs-basic .nav-link {
        font-size: 1.1rem;
        margin-right: 1.2rem;
    }
    .sottofamiglia .nav-tabs.nav-tabs-basic .nav-item.show .nav-link, .nav-tabs.nav-tabs-basic .nav-link.active {
        color: var(--bonaiti-green);
        border-color: var(--bonaiti-green);
        border-width: 4px;
    }

    .nav-tabs.nav-tabs-basic .nav-link:hover {
        border-color: var(--bonaiti-green);
    }


.tabversioni .nav-pills .nav-item a {
    border: 2px solid var(--bonaiti-green);
    color: var(--bonaiti-green);
}

    .tabversioni .nav-pills .nav-item a:hover {
        box-shadow: 0 0.25rem 1.25rem rgb(52 63 82 / 50%);
        transform: translateY(-0.15rem);
    }



    .tabversioni .nav-pills .nav-item a.active {
        color: #fff;
        border: 2px solid var(--bonaiti-green);
        background-color: var(--bonaiti-green);
    }


.sottofamiglia .image-new-container {
    position: relative;
}

.sottofamiglia .image-new {
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 100;
}




/* SOTTOFAMIGLIA TAB VERSIONI */
.sottofamiglia label.selezionato {
    background-color: var(--bonaiti-green);
    border-color: var(--bonaiti-green);
    color: #fff;
}

.sottofamiglia .bottone-filtro {
    display: inline-block;
    margin-right: 10px;
}


.tabversioni p {
    font-size: 0.9em;
    margin-bottom: 0px;
    line-height: 1.1rem;
}







.macromodelli-gruppo {
}

.macromodelli-gruppo .macromodello {
    margin-top: 90px;
}




.modello {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #aab0bc;
    position: relative;
}

.modello:first-child {
    border-top: none;
}


.modello .nomelink {
    position: absolute;
    top:-80px;
    right:0;
}

.modello .titolo {
    text-align: right;
    font-size: 1.5rem;
    font-weight: 700;
}



.articoli table {
    font-size: 0.9em;
}
.articoli th {
    padding: 2px 5px;
    background: var(--bg-fondino);
}
.articoli td {
    padding: 2px 5px;
}




/* TAB ENTRATE */
    .tabella-dim table {
        font-size: 0.9em;
        width: auto;
        margin: 10px auto;
    }

.tabella-dim th {
    padding: 2px 5px;
    background: var(--bg-fondino);
    width: 60px;
    text-align: center;
    border-right: 2px solid #fff;
}

.tabella-dim td {
    padding: 2px 5px;
    text-align: center;
}


/* SOTTOFAMIGLIA TAB CARATTERISTICHE */
.sottofamiglia .icon-svg.icon-svg-sm {
    width: 1.5rem;
    height: 1.5rem;
}



/* SOTTOFAMIGLIE ABBINAMENTI*/
.tababbinamenti .titolo {
    font-size: 1.2rem;
    font-weight: 700;
}








.tababbinamenti p {
    font-size: 0.9em;
    margin-bottom: 0px;
    line-height: 1.1rem;
}


.tababbinamenti table {
    font-size: 0.9em;
    margin-bottom: 5px;
}

.tababbinamenti th {
    padding: 2px 5px;
    background: var(--bg-fondino);
}

.tababbinamenti td {
    padding: 2px 5px;
}



/* SOTTOFAMIGLIE TAB VIDEO */
.tabvideo .video-container {
    margin-bottom: 120px;
}







/* TIMELINE */

.timeline .fatto-elemento {
    width: 110px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.timeline .fatto-elemento .titolo {
    font-size: 0.9em;
    visibility: hidden;
}

    .timeline .fatto-elemento a:hover ~ .titolo {
        visibility: visible;
    }

    .timeline .fatto-elemento a:hover ~ .popup {
        display: block;
    }



    .timeline .fatto-elemento .popup {
        position: absolute;
        top: -110px;
        left: 0px;
        display: none;
        background: #fff;
        border: 3px solid var(--bg-fondino);
        padding: 3px;
        width: 110px;
        height: 110px;
        z-index: 999;
    }

    .timeline .fatto-elemento .popup img {
        width: 90px;
    }


    .timeline .fatto-elemento .linea {
        position: absolute;
        top: 38px;
        left: 0px;
        background: #dfe0e3;
        width: 110px;
        height: 4px;
        z-index: 0;
    }

    .timeline .fatto-elemento:first-child .linea {
        margin-left: 55px;
    }
    .timeline .fatto-elemento:last-child .linea {
        width: 55px;
    }






    .timeline .fatto .titolo {
        font-size: 0.9em;
    }

.timeline .btn.btn-circle {
    font-size: 0.8rem;
    font-weight: normal;
}

    .timeline .btn.btn-circle:hover {
        background-color: var(--bonaiti-green);
        color: #fff;
    }



/* NEWS */
.post-category a {
    text-transform: uppercase;
    letter-spacing: .02rem;
    font-size: .7rem;
    font-weight: 700;
    color: var(--bonaiti-green);
}
.post-header .text-line::before {
    background-color: var(--bonaiti-green);
}

h2.post-title {
    font-weight: 500;
}



/* CONFIGURATORE */
.filtri {
    background: var(--bg-fondino);
    padding: 20px;
    border: 2px solid #dadada;
}


.configuratore .accordion-button {
    color: #575756;
    border: none;
    text-transform: uppercase;
    padding: 0px;
    background: none;
    width: 100%;
    text-align: left;

}

    .configuratore .accordion-button::before {
        font-family: Custom;
        display: inline-block;
        margin-left: .05rem;
        vertical-align: -2px;
        content: "";
        border: 0;
        content: "\e900";
    }

    .accordion-button:not(.collapsed)::before {
        transform: rotate(-180deg);
    }


.configuratore hr {
    margin: 24px 0;
}



.configuratore .rigamodello {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #aab0bc;
    position: relative;
}

    .configuratore .rigamodello:last-child {
        border-bottom: 1px dotted #aab0bc;
    }

    .configuratore .rigamodello h2 {
        font-size: 1.5rem;
    }

        .configuratore .rigamodello h2:hover {
            color: var(--bonaiti-green);
        }


.configuratore p.sottofamiglia {
    padding: 3px 10px;
    background: var(--bg-fondino);
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 0.9em;
}






/* FOOTER */
.footer-container {
    background-color: #878787;
    color: #EAEAEA;
}

.footer-container li {
    margin-bottom: 20px;
}

    .footer-container p {
        font-weight: normal;
        font-size: 16px;
    }

    .footer-container h4 {
        color: #FFF;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 20px;
    }

.footer-container a {
    color: #FFF;
}

    .footer-container .form-floating > label {
        color: #EAEAEA;
        font-size: .75rem;
    }



    .footer-container .btn-group-sm > .btn.btn-circle, .btn.btn-circle.btn-sm {
        width: 2rem;
        height: 2rem;
        font-size: 1.5rem;
    }
    .footer-container .btn-group-sm > .btn.btn-circle i, .btn.btn-circle.btn-sm i {
        font-size: 1.3rem;
    }

.social a.btn-circle[class*=social] {
    color: #878787;
    background-color: #fff;
}


.rounded-lg {
    border-radius: 16px;
}





/* SWIPER */
.swiper-thumbs-container .swiper:not(.swiper-thumbs) {
    margin-bottom: 1.5rem;
}





/*  PAGINE */

hr.divisorio-sezione {
    border-top: 1px solid var(--bonaiti-green);
    margin: 0 25%;
}



/* LOGIN */
.login .titolo h1 {
    font-weight: normal;
    font-size: 2.5em;
    text-align: center;
}




/* AZIENDA */
.azienda .counter-wrapper .counter {
    font-size: 3rem;
    margin-bottom: 20px;
}

.azienda .counter-wrapper .counter-text {
    font-size: 1rem;
}



/* CASE HISTORTY*/
.casehistory .elenco {
    position: relative;
}


.casehistory .sfondoelenco {
    position: absolute;
    height: 300px;
    width: 100%;
    background-color: var(--bg-top-bar);
    z-index: -100;
}


.casehistory .lista-casehistory .box-container {
    position: relative;
    margin-bottom: 40px;
}

.casehistory .lista-casehistory .box-container .box {
    background: #ffffff;
}
    .casehistory .lista-casehistory .box-container figure img {
        opacity: 0.5;
    }
    .casehistory .lista-casehistory .box-container figure img:hover {
        opacity: 1;
        transition-duration: 0.5s;
    }




.casehistory .lista-casehistory .box-content {
    position: absolute;
    color: #ffffff;
    bottom:20px;
    left:20px;
}

.casehistory .lista-casehistory .box-content p {
    margin:0;
    padding:0;
}


/* CASE HISTORY ITEM */
.casehistoryitem .titolo {
    font-size: 2em;
}



/*  REFERENZE */

.referenze .lista-referenze .referenza-item {
    border-top: dotted var(--bs-body-color) 1px;
    padding-top: 30px;
    margin-bottom: 60px;
}


.referenze .lista-referenze .referenza-item .referenza-testi {
    margin-bottom: 30px;
}



.referenze .lista-referenze .referenza-item .titolo {
    font-size: 1.2em;
    font-weight: 600;
}

.referenze .lista-referenze .referenza-item .descrizione p {
    margin: 0;
    padding: 0;
}





/* CONTACT */
.contact .nav-item a {
    min-width: 190px;
    justify-content: center;
    text-transform: uppercase;
}

.contact .nav-item .active {
    color: #fff;
    background: #575756;
}



/* DOWNLOAD */
.download .nav-item a {
    min-width: 200px;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

.download .nav-item .active {
    color: #fff;
    background: #575756;
}


.download table {
    width: 100%;
}


.download table tr {
    border-bottom: 1px dotted #aab0bc;
}


    .download table tr td.icona {
        width: 80px;
        font-size: 50px;
        line-height: 100px;
        text-align:center;
    }



.download p.famiglia, .download p.sottofamiglia {
    margin: 0;
    padding: 3px 10px;
    background: var(--bg-fondino);
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 0.9em;
}



.download .accordion-button {
    color: #575756;
    border: none;
    text-transform: uppercase;
    padding: 0px;
    background: none;
    width: 100%;
    text-align: left;
}

    .download .accordion-button::before {
        font-family: Custom;
        display: inline-block;
        margin-left: .05rem;
        vertical-align: -2px;
        content: "";
        border: 0;
        content: "\e900";
    }

.download-button:not(.collapsed)::before {
    transform: rotate(-180deg);
}


.download hr {
    margin: 24px 0;
}






/* DEALERS */

.dealers .nav-item a {
    min-width: 190px;
    justify-content: center;
    text-transform: uppercase;
}


.dealers .nav-item .active {
    color: #fff;
    background: #575756;
}



.dealers .bottone-mappa {
    text-align: center;
}

.dealers .bottone-mappa {
    text-align: center;
}


.dealers .bottone-mappa:hover h2 {
    color: var(--bonaiti-green);
}

.dealers #rivenditori-italia:hover img {
    content: url(/Content/Images/rivenditori-italia-green.png);
}

.dealers #rivenditori-mondo:hover img {
    content: url(/Content/Images/rivenditori-mondo-green.png);
}



.dealers .active .bottone-mappa h2 {
    color: var(--bonaiti-green);
}
.dealers .active #rivenditori-italia img {
    content: url(/Content/Images/rivenditori-italia-green.png);
}
.dealers .active #rivenditori-mondo img {
    content: url(/Content/Images/rivenditori-mondo-green.png);
}



.rivenditori-list, .agenzie-list {
    list-style: none;
    font-size: .85rem;
    padding: .8em 0;
}


.rivenditore-card {
    background: var(--bg-fondino);
    border: 1px solid #d3d3d3;
    position: relative;
    padding: 2em;
    margin-top: 1.5em;
    box-shadow: 0 0.2em 0.4em -0.2em rgb(0 0 0 / 20%);
}

    .rivenditore-card .sl-tx-distance {
        position: absolute;
        top: .9em;
        right: 1.6em;
        font-size: 0.8em;
    }

.rivenditore-addr {
    line-height: 1.3em;
}


.rivenditore-tel {
    margin-top: 10px;
}

    .rivenditore-tel a {
        color: var(--bonaiti-green);
    }


.rivenditore-map {
    margin-top: 10px;
}
.rivenditore-map a {
    color: var(--bonaiti-green);
}

.col-action a {
    color: var(--bonaiti-green);
}




.rivenditore-agenti {
}

    .rivenditore-agenti div {
        border-bottom: dotted 1px #d3d3d3;
    }
    .rivenditore-agenti div:first-child {
        border-top: dotted 1px #d3d3d3;
    }



.rivenditore-agenti .agentenome {
    display: inline-block;
    min-width: 200px;
}

    .rivenditore-agenti .agentecel {
        font-size: 1.2em;
        color: var(--bonaiti-green);
    }





/* RICERCA */
.item-ricerca {
    padding: 24px 5px;
    border-top: 1px dotted #aab0bc;
}
.item-ricerca:first-child {
    border-top: none;
}


    .item-ricerca:hover {
        background: #e7ece8;
    }


.item-ricerca p {
    margin: 0;
    padding: 0px;
}

    .item-ricerca .titolo {
        font-weight: bold;
    }


.search h2.titolo-divisorio {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    .search h2.titolo-divisorio span {
        background: #fff;
        /* border: 2px solid #aab0bc; */
        border-radius: .4em;
        padding: 5px 20px;
    }

.search .linea-titolo {
    width: 100%;
    height: 2px;
    background: #aab0bc;
    margin-bottom: -15px;
}


/* INVISIBILI */

/* Box Lista-Invisibili */
.lista-invisibili .lista-box {
}

.lista-invisibili .box {
    background: #2D2D2D;
    margin-bottom: 60px;
    border: 2px solid #2D2D2D;
}


    .lista-invisibili .box .box-content {
        text-align: center;
        padding: 15px;
        color: #FFF;
    }

        .lista-invisibili .box .box-content .divisore {
            width: 20%;
            height: 2px;
            background-color: #FFF;
            margin: 0 40% 10px 40%;
        }


    .lista-invisibili .box:hover .box-content {
        font-weight: bold;
    }


        /*
        .lista-invisibili .box:hover .box-content .divisore {
        background-color: var(--bonaiti-green);
    }
        */


    .lista-invisibili .box .box-content p {
        margin-bottom: 0;
        line-height: 1.2rem;
        min-height: 50px;
    }


.lista-invisibili figure {
    text-align: center;
}


    .lista-invisibili figure img {
        /*border-radius: 0.4rem 0.4rem 0 0;*/
        border-radius: 0;
    }

        .lista-invisibili figure img.icona {
            text-align: center;
            margin: 80px 0 80px 0;
            width: 60px;
        }


/* CODICE ETICO (pagina 15) - classi usate nell'HTML del campo Testo (mkePagineLingue.Testo).
   Niente stili inline nell'editor TinyMCE: la grafica dei titoli vive qui. */

/* blocco di intestazione del documento (titolo documento + riga di approvazione CdA) */
.ce-intestazione {
    text-align: center;
    margin-bottom: 3rem;
}

    .ce-intestazione .ce-documento {
        font-size: 20px;
        font-weight: 700;
        color: #575756;
        margin-bottom: 0.25rem;
    }

    .ce-intestazione .ce-approvazione {
        font-style: italic;
        color: #9a9fa9;
        margin-bottom: 0;
    }

/* titoli delle sezioni principali (in maiuscolo nel documento),
   con separatore leggero sopra ogni sezione */
h2.ce-titolo {
    color: var(--bonaiti-green);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-top: 1px solid #edeff3;
    padding-top: 1.75rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/* titoli delle sottosezioni (nessun separatore: la gerarchia resta leggera) */
h3.ce-sottotitolo {
    color: var(--bonaiti-green);
    font-size: 19px;
    font-weight: 600;
    margin-top: 2.25rem;
    margin-bottom: 0.6rem;
}

/* riga finale luogo e data */
.ce-data {
    font-style: italic;
    border-top: 1px solid #edeff3;
    padding-top: 1.75rem;
    margin-top: 3rem;
    margin-bottom: 0;
}