#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1200px minmax(0, 1fr); grid-template-rows: 187px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 80px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 114px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 118px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } @media (max-width: 479.9px) { #imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } } #imHeader_imCell_63 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_63 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_63 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_63 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_63 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_63 #imHeader_imObjectImage_63_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_07 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_07 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_07 #imHeader_imObjectImage_07_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_45 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_45 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_45 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_45 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_45 {margin: 0px; } #imHeader_imObjectButton_45_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imHeader_imObjectButton_45_button:hover {background-color: transparent; cursor: pointer; } #imHeader_imCell_51 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_51 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_51 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_51 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_51 {margin: 0px; } #imHeader_imObjectButton_51_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imHeader_imObjectButton_51_button:hover {background-color: transparent; cursor: pointer; } #imHeader_imCell_52 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_52 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_52 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_52 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_52 {margin: 0px; } #imHeader_imObjectButton_52_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_52_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imHeader_imCell_58 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_58 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_58 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_58 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_58 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_58 #imHeader_imObjectImage_58_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_61 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_61 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_61 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_61 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_61 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_61 #imHeader_imObjectImage_61_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_62 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_62 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_62 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_62 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_62 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_62 #imHeader_imObjectImage_62_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_84 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imMenuObject_84 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 103; } #imHeader_imCellStyleGraphics_84 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_84 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 102; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; inset-inline-start: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imHeader_imCell_85 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_85 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_85 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_85 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_86 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_86 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_86 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_86 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_86 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_86 #imHeader_imObjectImage_86_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_87 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_87 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_87 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_87 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_88 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_88 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_88 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_88 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_89 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_89 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_89 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_89 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_90 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_90 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_90 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_90 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_91 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_91 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_91 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_91 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_92 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_92 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_92 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_92 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_93 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_93 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_93 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_93 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_93 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_93 #imHeader_imObjectImage_93_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_94 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_94 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_94 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_94 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_94 {margin: 0px; } #imHeader_imObjectButton_94_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_94_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imHeader_imCell_95 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_95 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_95 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_95 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_95 {margin: 0px; } #imHeader_imObjectButton_95_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_95_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imFooter_imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_24 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_24 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_24 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_25 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_25 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_25 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_26 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_26 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_26 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_27 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_27 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_27 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_28 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_28 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_28 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_28 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectTitle_19 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectTitle_19 {margin: 0px; text-align: center;} #imSideBar_imObjectTitle_19_text {font: normal normal bold 16pt 'Arial'; padding: 0px; background-color: transparent; position: relative; display: inline-block; } #imSideBar_imObjectTitle_19_text, #imSideBar_imObjectTitle_19_text a { color: rgba(0, 152, 70, 1); overflow-wrap: break-word; max-width: 100%;white-space: pre-wrap; } #imSideBar_imObjectTitle_19_text a{ text-decoration: none; } #imSideBar_imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectForm_21 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectForm_21 { width: 100%; } .imObjectForm_21_tip { position: absolute; inset-inline-end: 0px; width: 20px; } #imObjectForm_21_form { position: relative; width: 100%; margin: 0px; padding: 0px; text-align: start; font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; } #imObjectForm_21_form label, #imObjectForm_21_form .checkbox, #imObjectForm_21_form .radiobutton, #imObjectForm_21_form option.label_option { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form ::placeholder { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form label { text-align: start; padding-block: 1px; padding-inline: 0px; } #imObjectForm_21_form label span { display: inline-block; padding-top: 5px; padding-bottom: 5px; } #imObjectForm_21_form fieldset { margin: 0px; padding-block: 8px 0px; padding-inline: 0px; } #imObjectForm_21_form fieldset.first { margin: 0px; padding: 0px; } #imObjectForm_21_form div.legend { margin-bottom: 8px; font-family: Arial, sans serif; font-size: 11pt;} #imObjectForm_21_form input[type=text], #imObjectForm_21_form input[type=password], #imObjectForm_21_form input[type=file], #imObjectForm_21_form input[type=tel], #imObjectForm_21_form input[type=date], #imObjectForm_21_form input[type=number], #imObjectForm_21_form input[type=email], #imObjectForm_21_form input[type=url], #imObjectForm_21_form select, #imObjectForm_21_form textarea, #imObjectForm_21_form span.textarea { resize: none; margin-block: 2px; margin-inline: 0px; color: rgba(0, 0, 0, 1); border-style: solid; border-width: 1px; border-color: transparent; background-color: rgba(255, 255, 255, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; padding-block: 5px; padding-inline: 11px; border-radius: 5px; box-shadow: none; transition: all 200ms ease; } #imObjectForm_21_form select { padding-block: 4px; padding-inline: 11px; } #imObjectForm_21_form input[type="checkbox"], #imObjectForm_21_form input[type="radio"] { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormFocus, #imObjectForm_21_form select.imFormFocus, #imObjectForm_21_form textarea.imFormFocus, #imObjectForm_21_form span.textarea.imFormFocus { color: rgba(255, 255, 255, 1); background-color: rgba(31, 112, 174, 1); border-color: rgba(169, 169, 169, 1);} #imObjectForm_21_form input[type="checkbox"].imFormFocus, #imObjectForm_21_form input[type="radio"].imFormFocus { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormMark, #imObjectForm_21_form textarea.imFormMark, #imObjectForm_21_form span.textarea.imFormMark, #imObjectForm_21_form select.imFormMark { color: rgba(255, 255, 255, 1); background-color: rgba(255, 0, 0, 1); border-color: rgba(255, 0, 0, 1); } #imObjectForm_21_form input[type="submit"], #imObjectForm_21_form input[type="button"], #imObjectForm_21_next, #imObjectForm_21_prev, #imObjectForm_21_submit {-webkit-appearance: none;cursor: pointer;color: rgba(255, 255, 255, 1); border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; background-color: rgba(0, 152, 70, 1);font-family: Arial, sans serif;font-size: 12pt; font-weight: normal; font-style: normal;border-radius: 15px; padding-block: 8px; padding-inline: 4px; margin-inline-start: 0px; } #imObjectForm_21_form input[type="submit"]:disabled, #imObjectForm_21_form input[type="button"]:disabled, #imObjectForm_21_next:disabled, #imObjectForm_21_prev:disabled, #imObjectForm_21_submit:disabled { opacity: .5; cursor: default; }#imObjectForm_21_prot { display: none; } #imObjectForm_21_buttonswrap { text-align: center; box-sizing: border-box; width: 100%; } .imObjectFormFieldContainer { float: left; float: inline-start; box-sizing: border-box; padding-inline-start: 0px; margin: 0px; padding-top: 0px; padding-bottom: 2px; } .imObjectFormFieldContainer.centered { display: flex; align-items: center; } .imObjectFormAgreementCheckboxWrapper { display: block; } .imObjectFormAgreementCheckbox { margin-inline-end: 5px; vertical-align: middle; } .checkbox-input, .checkbox-label, .radio-input, .radio-label { vertical-align: middle; } .radio-input { margin-top: 0px; } #imObjectForm_21_1_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_1_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_1 { box-sizing: border-box; width: 100%; } #imObjectForm_21_2_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_2_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_2 { box-sizing: border-box; width: 100%; } #imObjectForm_21_3_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_3_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_3 { box-sizing: border-box; width: 100%; } #imObjectForm_21_4_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_4_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; direction: ltr; } #imObjectForm_21_4 { box-sizing: border-box; width: 100%; } #imObjectForm_21_5_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_5_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_5 { box-sizing: border-box; width: 100%; height: 70px; } #imObjectForm_21_6_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_6_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; padding-inline-end: 20px; } #imObjectForm_21_6_wrapper { display: inline-block; width: 100%; } .imObjectForm_21_6_radiobutton { display: block; float: left; float: inline-start; margin: 0; padding: 0; width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 5px; } .imObjectForm_21_6_radiobutton.firstcolumn { clear: left; clear: inline-start; } #imObjectForm_21_7_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_7_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_7 { box-sizing: border-box; width: 100%; font: normal normal normal 8pt 'Arial'; color: rgba(255, 255, 255, 1); text-decoration: none; text-align: start; padding: 0px; } #imSideBar_imObjectImage_22 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imSideBar_imObjectImage_22 #imSideBar_imObjectImage_22_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_100 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_100 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_100 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_100 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_100 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_100 #imStickyBar_imObjectImage_100_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_69 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_69 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_69 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_69 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_69 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_69 #imStickyBar_imObjectImage_69_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_70 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_70 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_70 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_70 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_70 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_70 #imStickyBar_imObjectImage_70_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_88 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_88 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_88 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_88 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_88 {margin: 0px; } #imStickyBar_imObjectButton_88_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imStickyBar_imObjectButton_88_button:hover {background-color: transparent; cursor: pointer; } #imStickyBar_imCell_95 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_95 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_95 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_95 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_95 {margin: 0px; } #imStickyBar_imObjectButton_95_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_95_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_98 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_98 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_98 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_98 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_98 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_98 #imStickyBar_imObjectImage_98_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_104 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_104 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_104 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_104 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_104 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_104 #imStickyBar_imObjectImage_104_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_105 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_105 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_105 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_105 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_105 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_105 #imStickyBar_imObjectImage_105_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_106 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_106 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_106 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_106 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_106 {margin: 0px; } #imStickyBar_imObjectButton_106_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_106_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } #imStickyBar_imCell_107 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_107 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_107 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_107 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_107 {margin: 0px; } #imStickyBar_imObjectButton_107_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_107_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_108 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_108 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_108 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_108 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_108 {margin: 0px; } #imStickyBar_imObjectButton_108_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_108_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } #imStickyBar_imCell_112 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_112 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_112 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_112 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_112 {margin: 0px; } #imStickyBar_imObjectButton_112_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imStickyBar_imObjectButton_112_button:hover {background-color: transparent; cursor: pointer; } #imStickyBar_imCell_114 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_pluginAppObj_114 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_114 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_114 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imCell_115 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_115 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_115 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_115 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_115 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_115 #imStickyBar_imObjectImage_115_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_117 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imMenuObject_117 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 103; } #imStickyBar_imCellStyleGraphics_117 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_117 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 102; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; inset-inline-start: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imStickyBar_imCell_118 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_118 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_118 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_118 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_118 {margin: 0px; } #imStickyBar_imObjectButton_118_button {font: normal normal bold 14pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_118_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imStickyBar_imCell_119 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_119 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_119 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_119 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_119 {margin: 0px; } #imStickyBar_imObjectButton_119_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_119_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } .imPageRow { position: relative; } #imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_09 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_9 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_9 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= VARIABILI GRAFICHE MENU PAGINE ISOLAMENTO ACUSTICO MILANO ========================================================= */ .smil-pages-menu { --smil-white: #ffffff; --smil-blue-dark: #073b5c; --smil-blue: #075f82; --smil-blue-light: #287fb3; --smil-teal: #12aaa0; --smil-teal-light: #38c7bd; --smil-orange: #ff8500; --smil-green: #18b957; --smil-text: #24343d; --smil-title: #073b5c; --smil-muted: #60717a; --smil-border: #d9e4e8; --smil-aqua-soft: #dcf5f3; --smil-page-soft: #f4f8fa; --smil-shadow-small: 0 8px 22px rgba(7, 59, 92, 0.18); } /* ========================================================= SORGEDIL MENU PAGINE ISOLAMENTO ACUSTICO MILANO ========================================================= */ .smil-pages-menu, .smil-pages-menu *, .smil-pages-menu *::before, .smil-pages-menu *::after { box-sizing: border-box; } .smil-pages-menu { position: relative !important; z-index: 100 !important; isolation: isolate; width: 100%; color: var(--smil-text); background: var(--smil-white); border-top: 1px solid var(--smil-border); border-bottom: 1px solid var(--smil-border); box-shadow: var(--smil-shadow-small); overflow: visible !important; pointer-events: auto !important; } .smil-pages-menu__container { position: relative; width: min(100% - 32px, 1580px); margin-inline: auto; display: grid; grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); align-items: stretch; pointer-events: auto !important; } /* ========================================================= MARCHIO E CONTESTO LOCALE ========================================================= */ .smil-pages-menu__brand { position: relative; min-width: 0; min-height: 105px; padding: 12px 18px; display: flex !important; align-items: center; justify-content: center; gap: 14px; color: var(--smil-title) !important; background: var(--smil-white) !important; border: 0 !important; border-right: 1px solid var(--smil-border) !important; border-radius: 0 !important; text-decoration: none !important; cursor: pointer; pointer-events: auto !important; } .smil-pages-menu__brand:hover, .smil-pages-menu__brand:focus, .smil-pages-menu__brand:active, .smil-pages-menu__brand:visited { color: var(--smil-title) !important; background: var(--smil-white) !important; text-decoration: none !important; } .smil-pages-menu__logo { display: block; width: 94px; max-width: 43%; height: auto; object-fit: contain; } .smil-pages-menu__brand-text { min-width: 0; } .smil-pages-menu__brand-text small { display: block; margin-bottom: 4px; color: var(--smil-teal) !important; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.055em; line-height: 1.3; text-transform: uppercase; } .smil-pages-menu__brand-text strong { display: block; color: var(--smil-title) !important; font-size: 0.83rem; font-weight: 900; line-height: 1.3; } /* ========================================================= AREA SERVIZI ========================================================= */ .smil-pages-menu__services { min-width: 0; padding: 7px 0 10px 14px; } .smil-pages-menu__context { margin: 0 0 6px; padding: 0 3px; display: flex; align-items: center; gap: 7px; color: var(--smil-title); font-size: 0.61rem; line-height: 1.3; } .smil-pages-menu__context > span { width: 25px; height: 25px; flex: 0 0 25px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 7px; font-size: 0.56rem; font-weight: 950; } .smil-pages-menu__context strong { color: var(--smil-title); font-size: 0.63rem; font-weight: 900; letter-spacing: 0.025em; text-transform: uppercase; } /* ========================================================= ELENCO ========================================================= */ .smil-pages-menu__list { min-width: 0; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; gap: 8px; list-style: none !important; pointer-events: auto !important; } .smil-pages-menu__item { min-width: 0; margin: 0 !important; padding: 0 !important; display: flex !important; list-style: none !important; pointer-events: auto !important; } /* ========================================================= COLLEGAMENTI ========================================================= */ .smil-pages-menu__link { position: relative; width: 100%; min-width: 0; min-height: 72px; padding: 9px 10px; display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; color: var(--smil-title) !important; background: var(--smil-page-soft) !important; border: 1px solid var(--smil-border) !important; border-radius: 12px !important; text-decoration: none !important; cursor: pointer !important; pointer-events: auto !important; opacity: 1 !important; visibility: visible !important; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; } .smil-pages-menu__link:hover, .smil-pages-menu__link:focus, .smil-pages-menu__link:active { color: var(--smil-title) !important; background: var(--smil-white) !important; border-color: var(--smil-teal-light) !important; text-decoration: none !important; transform: translateY(-2px); box-shadow: var(--smil-shadow-small); } .smil-pages-menu__link:visited { color: var(--smil-title) !important; } /* ========================================================= PAGINA ATTUALE ========================================================= */ .smil-pages-menu__link--current, .smil-pages-menu__link--current:visited, .smil-pages-menu__link--current:hover, .smil-pages-menu__link--current:focus, .smil-pages-menu__link--current:active { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-blue-dark) 0%, var(--smil-blue) 62%, var(--smil-teal-light) 100% ) !important; border-color: var(--smil-blue) !important; box-shadow: var(--smil-shadow-small); } /* ========================================================= BADGE ========================================================= */ .smil-pages-menu__badge { width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white) !important; background: var(--smil-teal); border-radius: 9px; font-size: 0.63rem; font-weight: 950; line-height: 1; } /* Colori delle singole voci */ .smil-pages-menu__item:nth-child(2) .smil-pages-menu__badge { background: var(--smil-blue-light); } .smil-pages-menu__item:nth-child(3) .smil-pages-menu__badge { background: var(--smil-blue); } .smil-pages-menu__item:nth-child(4) .smil-pages-menu__badge { background: var(--smil-orange); } .smil-pages-menu__item:nth-child(5) .smil-pages-menu__badge { background: var(--smil-green); } .smil-pages-menu__item:nth-child(6) .smil-pages-menu__badge { background: var(--smil-teal-light); } /* * La pagina corrente deve avere sempre il badge arancione. * Questa regola viene posizionata dopo i colori delle singole * voci per evitare che venga sovrascritta. */ .smil-pages-menu__item .smil-pages-menu__link--current .smil-pages-menu__badge { background: var(--smil-orange) !important; } /* ========================================================= TESTI ========================================================= */ .smil-pages-menu__copy { min-width: 0; } .smil-pages-menu__copy strong { display: block; margin-bottom: 3px; color: var(--smil-title) !important; font-size: 0.67rem; font-weight: 900; line-height: 1.27; overflow-wrap: anywhere; } .smil-pages-menu__copy small { display: block; color: var(--smil-muted) !important; font-size: 0.55rem; line-height: 1.31; overflow-wrap: anywhere; } .smil-pages-menu__link--current .smil-pages-menu__copy strong { color: var(--smil-white) !important; } .smil-pages-menu__link--current .smil-pages-menu__copy small { color: var(--smil-aqua-soft) !important; } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-pages-menu a:focus-visible { outline: 3px solid var(--smil-orange) !important; outline-offset: 3px; } /* ========================================================= DESKTOP MEDIO ========================================================= */ @media (max-width: 1380px) { .smil-pages-menu__container { grid-template-columns: minmax(215px, 245px) minmax(0, 1fr); } .smil-pages-menu__brand { padding-inline: 12px; } .smil-pages-menu__logo { width: 82px; } .smil-pages-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-pages-menu__container { width: min(100% - 24px, 900px); padding-block: 10px; grid-template-columns: 1fr; gap: 8px; } .smil-pages-menu__brand { min-height: 66px; padding: 7px 13px; justify-content: flex-start; border: 1px solid var(--smil-border) !important; border-radius: 12px !important; } .smil-pages-menu__logo { width: 86px; max-width: 110px; } .smil-pages-menu__services { padding: 0; } .smil-pages-menu__context { padding-inline: 2px; } .smil-pages-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 650px) { .smil-pages-menu__container { width: min(100% - 20px, 650px); } .smil-pages-menu__brand { justify-content: center; } .smil-pages-menu__brand-text strong { font-size: 0.76rem; } .smil-pages-menu__context { justify-content: center; margin-bottom: 8px; padding: 6px 9px; background: var(--smil-aqua-soft); border: 1px solid var(--smil-border); border-radius: 10px; } .smil-pages-menu__context strong { font-size: 0.59rem; text-align: center; } .smil-pages-menu__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .smil-pages-menu__link { min-height: 76px; } .smil-pages-menu__copy strong { font-size: 0.65rem; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 430px) { .smil-pages-menu__brand { justify-content: flex-start; } .smil-pages-menu__logo { width: 78px; } .smil-pages-menu__list { grid-template-columns: 1fr; } .smil-pages-menu__link { min-height: 62px; } .smil-pages-menu__copy strong { font-size: 0.71rem; } .smil-pages-menu__copy small { font-size: 0.59rem; } } /* ========================================================= RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-pages-menu__link { transition: none; } .smil-pages-menu__link:hover { transform: none; } }#imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= HERO – ISOLAMENTO ACUSTICO SOFFITTO MILANO ========================================================= */ .smil-soffitto-hero { --smil-dark: #082f3b; --smil-dark-deep: #05242d; --smil-teal: #087f8c; --smil-turquoise: #17c3b2; --smil-turquoise-light: #70e1d3; --smil-cream: #f4fbfa; --smil-white: #ffffff; --smil-text: #17343c; --smil-muted: #58727a; --smil-border: rgba(8, 127, 140, 0.17); --smil-shadow: 0 24px 70px rgba(2, 40, 50, 0.18); position: relative; isolation: isolate; overflow: hidden; padding: clamp(72px, 8vw, 124px) 24px; background: radial-gradient( circle at 88% 12%, rgba(23, 195, 178, 0.18), transparent 32% ), linear-gradient( 135deg, #f7fcfb 0%, #edf8f7 48%, #e3f3f1 100% ); color: var(--smil-text); } .smil-soffitto-hero *, .smil-soffitto-hero *::before, .smil-soffitto-hero *::after { box-sizing: border-box; } .smil-soffitto-hero__background { position: absolute; z-index: -1; inset: 0; pointer-events: none; } .smil-soffitto-hero__background::before { content: ""; position: absolute; top: -240px; left: -170px; width: 520px; height: 520px; border-radius: 50%; border: 90px solid rgba(8, 127, 140, 0.045); } .smil-soffitto-hero__background::after { content: ""; position: absolute; right: -110px; bottom: -190px; width: 430px; height: 430px; border-radius: 50%; background: rgba(23, 195, 178, 0.07); filter: blur(2px); } .smil-soffitto-hero__container { width: min(1240px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr); align-items: center; gap: clamp(42px, 6vw, 84px); } .smil-soffitto-hero__content { min-width: 0; } .smil-soffitto-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; margin-bottom: 22px; padding: 8px 14px 8px 9px; border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.78); box-shadow: 0 8px 25px rgba(8, 47, 59, 0.06); color: var(--smil-teal); font-size: 13px; font-weight: 800; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .smil-soffitto-hero__eyebrow-icon { display: inline-grid; flex: 0 0 auto; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: linear-gradient( 135deg, var(--smil-turquoise), var(--smil-teal) ); } .smil-soffitto-hero__eyebrow-icon svg { width: 17px; height: 17px; fill: var(--smil-white); } .smil-soffitto-hero h1 { max-width: 820px; margin: 0; color: var(--smil-dark); font-size: clamp(42px, 5.2vw, 76px); font-weight: 850; line-height: 0.99; letter-spacing: -0.045em; text-wrap: balance; } .smil-soffitto-hero h1 span { display: block; margin-top: 8px; color: var(--smil-teal); } .smil-soffitto-hero__lead { max-width: 790px; margin: 28px 0 0; color: var(--smil-text); font-size: clamp(18px, 1.7vw, 22px); line-height: 1.66; } .smil-soffitto-hero__lead strong { color: var(--smil-dark); font-weight: 800; } .smil-soffitto-hero__answer { display: grid; grid-template-columns: auto 1fr; gap: 15px; margin-top: 28px; padding: 20px 22px; border: 1px solid var(--smil-border); border-left: 5px solid var(--smil-turquoise); border-radius: 0 16px 16px 0; background: rgba(255, 255, 255, 0.82); box-shadow: 0 12px 34px rgba(8, 47, 59, 0.07); } .smil-soffitto-hero__answer-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); } .smil-soffitto-hero__answer-icon svg { width: 20px; height: 20px; fill: var(--smil-teal); } .smil-soffitto-hero__answer strong { display: block; margin-bottom: 5px; color: var(--smil-dark); font-size: 17px; line-height: 1.4; } .smil-soffitto-hero__answer p { margin: 0; color: var(--smil-muted); font-size: 15px; line-height: 1.65; } .smil-soffitto-hero__features { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-soffitto-hero__features li { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 13px; } .smil-soffitto-hero__features li > span { display: grid; width: 27px; height: 27px; margin-top: 1px; place-items: center; border-radius: 50%; background: var(--smil-turquoise); box-shadow: 0 7px 18px rgba(23, 195, 178, 0.25); } .smil-soffitto-hero__features li > span svg { width: 16px; height: 16px; fill: var(--smil-dark-deep); } .smil-soffitto-hero__features strong { display: block; color: var(--smil-dark); font-size: 16px; line-height: 1.4; } .smil-soffitto-hero__features small { display: block; margin-top: 2px; color: var(--smil-muted); font-size: 14px; line-height: 1.5; } .smil-soffitto-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; } .smil-soffitto-hero__button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 11px; padding: 14px 21px; border: 2px solid transparent; border-radius: 12px; font-size: 15px; font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; } .smil-soffitto-hero__button:hover { transform: translateY(-2px); } .smil-soffitto-hero__button:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.35); outline-offset: 4px; } .smil-soffitto-hero__button svg { width: 19px; height: 19px; fill: currentColor; } .smil-soffitto-hero__button--primary { background: linear-gradient( 135deg, var(--smil-teal), var(--smil-dark) ); box-shadow: 0 14px 32px rgba(8, 47, 59, 0.22); color: var(--smil-white); } .smil-soffitto-hero__button--primary:hover { box-shadow: 0 18px 40px rgba(8, 47, 59, 0.3); } .smil-soffitto-hero__button--secondary { border-color: rgba(8, 47, 59, 0.18); background: rgba(255, 255, 255, 0.8); color: var(--smil-dark); } .smil-soffitto-hero__button--secondary:hover { border-color: var(--smil-teal); background: var(--smil-white); } .smil-soffitto-hero__process { max-width: 790px; margin: 20px 0 0; color: var(--smil-muted); font-size: 13px; line-height: 1.65; } .smil-soffitto-hero__process strong { color: var(--smil-dark); } /* ========================================================= PANNELLO VISIVO ========================================================= */ .smil-soffitto-hero__visual { position: relative; overflow: hidden; min-width: 0; padding: clamp(25px, 3vw, 36px); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 28px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.22), transparent 35% ), linear-gradient( 145deg, var(--smil-dark) 0%, var(--smil-dark-deep) 100% ); box-shadow: var(--smil-shadow); color: var(--smil-white); } .smil-soffitto-hero__visual::before { content: ""; position: absolute; top: -70px; right: -70px; width: 190px; height: 190px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 50%; } .smil-soffitto-hero__visual-header { position: relative; z-index: 1; } .smil-soffitto-hero__visual-header span { display: block; color: var(--smil-turquoise-light); font-size: 12px; font-weight: 800; line-height: 1.4; letter-spacing: 0.09em; text-transform: uppercase; } .smil-soffitto-hero__visual-header strong { display: block; max-width: 390px; margin-top: 6px; color: var(--smil-white); font-size: clamp(23px, 2.4vw, 32px); line-height: 1.18; letter-spacing: -0.025em; } .smil-soffitto-hero__diagram { position: relative; z-index: 1; margin-top: 29px; padding-top: 71px; } .smil-soffitto-hero__noise { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 60px; align-items: flex-start; justify-content: center; gap: 15px; } .smil-soffitto-hero__noise span { display: block; width: 4px; height: 31px; border-radius: 99px; background: var(--smil-turquoise); animation: smil-soffitto-wave 1.7s ease-in-out infinite; } .smil-soffitto-hero__noise span:nth-child(2) { height: 45px; animation-delay: 160ms; } .smil-soffitto-hero__noise span:nth-child(3) { animation-delay: 320ms; } .smil-soffitto-hero__noise small { position: absolute; bottom: 0; color: rgba(255, 255, 255, 0.7); font-size: 11px; font-weight: 700; letter-spacing: 0.035em; } @keyframes smil-soffitto-wave { 0%, 100% { opacity: 0.45; transform: scaleY(0.72); } 50% { opacity: 1; transform: scaleY(1); } } .smil-soffitto-hero__layer { position: relative; display: flex; min-height: 54px; align-items: center; justify-content: center; margin-top: 9px; padding: 10px 16px; border-radius: 10px; text-align: center; } .smil-soffitto-hero__layer span { font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: 0.025em; } .smil-soffitto-hero__layer--floor { min-height: 65px; border: 1px solid rgba(255, 255, 255, 0.19); background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #36535a; } .smil-soffitto-hero__layer--air { min-height: 48px; border: 1px dashed rgba(112, 225, 211, 0.42); background: rgba(23, 195, 178, 0.08); color: var(--smil-turquoise-light); } .smil-soffitto-hero__layer--insulation { min-height: 68px; border: 1px solid rgba(23, 195, 178, 0.37); background: linear-gradient( 90deg, rgba(23, 195, 178, 0.18), rgba(8, 127, 140, 0.47) ); } .smil-soffitto-hero__layer--finish { min-height: 44px; background: #eef8f7; color: var(--smil-dark); } .smil-soffitto-hero__visual-note { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 22px; padding: 14px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 12px; background: rgba(255, 255, 255, 0.055); } .smil-soffitto-hero__visual-note svg { width: 21px; height: 21px; fill: var(--smil-turquoise-light); } .smil-soffitto-hero__visual-note p { margin: 0; color: rgba(255, 255, 255, 0.76); font-size: 12px; line-height: 1.55; } .smil-soffitto-hero__local { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-top: 20px; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .smil-soffitto-hero__local-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 12px; background: var(--smil-turquoise); } .smil-soffitto-hero__local-icon svg { width: 22px; height: 22px; fill: var(--smil-dark); } .smil-soffitto-hero__local small { display: block; color: rgba(255, 255, 255, 0.62); font-size: 11px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.07em; } .smil-soffitto-hero__local strong { display: block; margin-top: 2px; color: var(--smil-white); font-size: 17px; line-height: 1.3; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 980px) { .smil-soffitto-hero__container { grid-template-columns: 1fr; } .smil-soffitto-hero__content { max-width: 850px; } .smil-soffitto-hero__visual { width: min(650px, 100%); } } @media (max-width: 640px) { .smil-soffitto-hero { padding: 58px 18px 64px; } .smil-soffitto-hero__eyebrow { align-items: flex-start; border-radius: 16px; font-size: 11px; } .smil-soffitto-hero h1 { font-size: clamp(39px, 12vw, 55px); line-height: 1.02; } .smil-soffitto-hero__lead { margin-top: 22px; font-size: 17px; line-height: 1.62; } .smil-soffitto-hero__answer { grid-template-columns: 1fr; padding: 18px; } .smil-soffitto-hero__features small { font-size: 13px; } .smil-soffitto-hero__actions { display: grid; grid-template-columns: 1fr; } .smil-soffitto-hero__button { width: 100%; } .smil-soffitto-hero__visual { padding: 24px 18px; border-radius: 21px; } } @media (prefers-reduced-motion: reduce) { .smil-soffitto-hero__noise span { animation: none; } .smil-soffitto-hero__button { transition: none; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_23 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_23 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_23 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INDICE ISOLAMENTO ACUSTICO SOFFITTO MILANO ========================================================= */ .smil-indice-soffitto { --smil-is-dark: #082f3b; --smil-is-teal: #087f8c; --smil-is-turquoise: #17c3b2; --smil-is-white: #ffffff; --smil-is-grey: #f2f4f5; --smil-is-grey-light: #f8fafb; --smil-is-text: #263f47; --smil-is-muted: #647980; --smil-is-border: #dce5e7; width: 100%; padding: clamp(34px, 4.5vw, 56px) 20px; background: var(--smil-is-white); color: var(--smil-is-text); scroll-margin-top: 20px; } .smil-indice-soffitto *, .smil-indice-soffitto *::before, .smil-indice-soffitto *::after { box-sizing: border-box; } .smil-indice-soffitto__container { width: min(1160px, 100%); margin: 0 auto; padding: clamp(22px, 3.5vw, 34px); border: 1px solid var(--smil-is-border); border-left: 5px solid var(--smil-is-turquoise); border-radius: 10px; background: var(--smil-is-grey); box-shadow: 0 12px 32px rgba(8, 47, 59, 0.07); } /* ========================================================= HEADER ========================================================= */ .smil-indice-soffitto__header { max-width: 860px; margin-bottom: 25px; text-align: left; } .smil-indice-soffitto__eyebrow { display: inline-block; margin-bottom: 7px; color: var(--smil-is-teal); font-size: 11px; font-weight: 900; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-indice-soffitto__header h2 { margin: 0; color: var(--smil-is-dark); font-size: clamp(22px, 2.7vw, 32px); font-weight: 850; line-height: 1.22; letter-spacing: -0.025em; text-align: left; } .smil-indice-soffitto__header p { max-width: 800px; margin: 10px 0 0; color: var(--smil-is-muted); font-size: 14px; line-height: 1.65; text-align: left; } /* ========================================================= ELENCO ========================================================= */ .smil-indice-soffitto__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 14px; margin: 0; padding: 0; list-style: none; counter-reset: none; } .smil-indice-soffitto__list li { min-width: 0; margin: 0; padding: 0; } .smil-indice-soffitto__list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 66px; padding: 10px 13px; border: 1px solid var(--smil-is-border); border-radius: 8px; background: var(--smil-is-grey-light); color: var(--smil-is-text); font-size: 14px; line-height: 1.4; text-align: left; text-decoration: none; transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease; } .smil-indice-soffitto__list a:hover { transform: translateY(-2px); border-color: rgba(8, 127, 140, 0.38); background: var(--smil-is-white); box-shadow: 0 9px 21px rgba(8, 47, 59, 0.08); } .smil-indice-soffitto__list a:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.28); outline-offset: 3px; } /* ========================================================= NUMERI ========================================================= */ .smil-indice-soffitto__number { display: inline-flex; width: 35px; height: 35px; flex: 0 0 35px; align-items: center; justify-content: center; border-radius: 7px; background: rgba(23, 195, 178, 0.12); color: var(--smil-is-teal); font-size: 10px; font-weight: 900; line-height: 1; } .smil-indice-soffitto__list a:hover .smil-indice-soffitto__number { background: var(--smil-is-turquoise); color: var(--smil-is-dark); } /* ========================================================= TESTI ========================================================= */ .smil-indice-soffitto__copy { min-width: 0; } .smil-indice-soffitto__copy strong { display: block; color: var(--smil-is-dark); font-size: 14px; font-weight: 820; line-height: 1.38; } .smil-indice-soffitto__copy small { display: block; margin-top: 2px; color: var(--smil-is-muted); font-size: 11px; font-weight: 500; line-height: 1.4; } /* ========================================================= FRECCIA ========================================================= */ .smil-indice-soffitto__arrow { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-is-white); color: var(--smil-is-teal); font-size: 14px; font-weight: 900; line-height: 1; transition: transform 170ms ease, background-color 170ms ease, color 170ms ease; } .smil-indice-soffitto__list a:hover .smil-indice-soffitto__arrow { transform: translateX(3px); background: var(--smil-is-teal); color: var(--smil-is-white); } /* ========================================================= CTA FINALE DELL’INDICE ========================================================= */ .smil-indice-soffitto__item--contact a { border-color: rgba(8, 127, 140, 0.25); background: rgba(23, 195, 178, 0.1); } .smil-indice-soffitto__item--contact .smil-indice-soffitto__number { background: var(--smil-is-teal); color: var(--smil-is-white); } .smil-indice-soffitto__item--contact .smil-indice-soffitto__copy strong { color: var(--smil-is-teal); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 820px) { .smil-indice-soffitto__list { grid-template-columns: 1fr; } } @media (max-width: 560px) { .smil-indice-soffitto { padding: 27px 14px 35px; } .smil-indice-soffitto__container { padding: 20px 15px; border-left-width: 4px; } .smil-indice-soffitto__header { margin-bottom: 19px; } .smil-indice-soffitto__header h2 { font-size: 22px; } .smil-indice-soffitto__header p { font-size: 14px; } .smil-indice-soffitto__list a { min-height: 62px; padding: 9px 10px; gap: 9px; } .smil-indice-soffitto__number { width: 32px; height: 32px; flex-basis: 32px; } .smil-indice-soffitto__copy strong { font-size: 13px; } .smil-indice-soffitto__copy small { font-size: 10px; } .smil-indice-soffitto__arrow { width: 23px; height: 23px; } } @media (prefers-reduced-motion: reduce) { .smil-indice-soffitto__list a, .smil-indice-soffitto__arrow { transition: none; } .smil-indice-soffitto__list a:hover, .smil-indice-soffitto__list a:hover .smil-indice-soffitto__arrow { transform: none; } }#imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_02 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_2 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_2 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= BLOCCO RUMORI DAL SOFFITTO E DAL PIANO SUPERIORE ========================================================= */ .smil-soffitto-rumori { --smil-rumori-dark: #082f3b; --smil-rumori-dark-deep: #05242d; --smil-rumori-teal: #087f8c; --smil-rumori-turquoise: #17c3b2; --smil-rumori-light: #eff9f8; --smil-rumori-white: #ffffff; --smil-rumori-text: #17343c; --smil-rumori-muted: #58727a; --smil-rumori-border: rgba(8, 127, 140, 0.16); --smil-rumori-shadow: 0 22px 58px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(76px, 8vw, 124px) 24px; background: radial-gradient( circle at 0 15%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f5fbfa 48%, #edf7f6 100% ); color: var(--smil-rumori-text); } .smil-soffitto-rumori *, .smil-soffitto-rumori *::before, .smil-soffitto-rumori *::after { box-sizing: border-box; } .smil-soffitto-rumori::before { content: ""; position: absolute; top: 110px; right: -180px; width: 430px; height: 430px; border: 70px solid rgba(8, 127, 140, 0.035); border-radius: 50%; pointer-events: none; } .smil-soffitto-rumori__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } .smil-soffitto-rumori__header { max-width: 930px; margin: 0 auto; text-align: center; } .smil-soffitto-rumori__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-rumori-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-soffitto-rumori h2 { margin: 0; color: var(--smil-rumori-dark); font-size: clamp(36px, 4.5vw, 61px); font-weight: 850; line-height: 1.06; letter-spacing: -0.04em; text-wrap: balance; } .smil-soffitto-rumori h2 span { display: block; color: var(--smil-rumori-teal); } .smil-soffitto-rumori__intro { margin: 24px auto 0; color: var(--smil-rumori-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-soffitto-rumori__intro + .smil-soffitto-rumori__intro { margin-top: 14px; } .smil-soffitto-rumori__intro strong { color: var(--smil-rumori-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-soffitto-rumori__answer { display: grid; grid-template-columns: auto 1fr; gap: 17px; max-width: 970px; margin: 42px auto 0; padding: 23px 26px; border: 1px solid var(--smil-rumori-border); border-left: 5px solid var(--smil-rumori-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.92); box-shadow: 0 15px 38px rgba(5, 36, 45, 0.07); text-align: left; } .smil-soffitto-rumori__answer-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); } .smil-soffitto-rumori__answer-icon svg { width: 23px; height: 23px; fill: var(--smil-rumori-teal); } .smil-soffitto-rumori__answer strong { display: block; margin-bottom: 6px; color: var(--smil-rumori-dark); font-size: 18px; line-height: 1.45; } .smil-soffitto-rumori__answer p { margin: 0; color: var(--smil-rumori-muted); font-size: 15px; line-height: 1.7; } /* ========================================================= CARTE TIPOLOGIE DI RUMORE ========================================================= */ .smil-soffitto-rumori__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px; margin-top: clamp(45px, 5vw, 68px); } .smil-soffitto-rumori__card { position: relative; overflow: hidden; padding: clamp(25px, 3vw, 34px); border: 1px solid var(--smil-rumori-border); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .smil-soffitto-rumori__card::after { content: ""; position: absolute; top: -75px; right: -75px; width: 155px; height: 155px; border-radius: 50%; background: rgba(23, 195, 178, 0.055); pointer-events: none; } .smil-soffitto-rumori__card:hover { transform: translateY(-4px); border-color: rgba(8, 127, 140, 0.28); box-shadow: var(--smil-rumori-shadow); } .smil-soffitto-rumori__card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 21px; } .smil-soffitto-rumori__number { color: rgba(8, 47, 59, 0.15); font-size: 31px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-soffitto-rumori__icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-rumori-turquoise), var(--smil-rumori-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-soffitto-rumori__icon svg { width: 25px; height: 25px; fill: var(--smil-rumori-white); } .smil-soffitto-rumori__card h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-rumori-dark); font-size: clamp(22px, 2vw, 27px); font-weight: 820; line-height: 1.22; letter-spacing: -0.025em; } .smil-soffitto-rumori__card p { position: relative; z-index: 1; margin: 16px 0 0; color: var(--smil-rumori-muted); font-size: 15px; line-height: 1.72; } .smil-soffitto-rumori__card p + p { margin-top: 11px; } .smil-soffitto-rumori__card p strong { color: var(--smil-rumori-dark); font-weight: 800; } .smil-soffitto-rumori__card ul { position: relative; z-index: 1; display: grid; gap: 8px; margin: 21px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.12); list-style: none; } .smil-soffitto-rumori__card li { position: relative; padding-left: 22px; color: var(--smil-rumori-text); font-size: 14px; line-height: 1.5; } .smil-soffitto-rumori__card li::before { content: ""; position: absolute; top: 8px; left: 1px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-rumori-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.12); } /* ========================================================= BLOCCO DIAGNOSI ========================================================= */ .smil-soffitto-rumori__diagnosi { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(30px, 5vw, 65px); align-items: center; margin-top: clamp(55px, 7vw, 90px); padding: clamp(32px, 5vw, 58px); border-radius: 28px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 32% ), linear-gradient( 140deg, var(--smil-rumori-dark) 0%, var(--smil-rumori-dark-deep) 100% ); box-shadow: 0 27px 70px rgba(5, 36, 45, 0.19); } .smil-soffitto-rumori__diagnosi-label { display: inline-block; margin-bottom: 13px; color: #70e1d3; font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.09em; text-transform: uppercase; } .smil-soffitto-rumori__diagnosi-content h3 { margin: 0; color: var(--smil-rumori-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.17; letter-spacing: -0.035em; text-wrap: balance; } .smil-soffitto-rumori__diagnosi-content p { margin: 19px 0 0; color: rgba(255, 255, 255, 0.75); font-size: 16px; line-height: 1.72; } .smil-soffitto-rumori__diagnosi-content p + p { margin-top: 13px; } .smil-soffitto-rumori__diagnosi-content strong { color: var(--smil-rumori-white); font-weight: 800; } .smil-soffitto-rumori__diagnosi-list { padding: 25px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-soffitto-rumori__diagnosi-list > strong { display: block; color: var(--smil-rumori-white); font-size: 17px; line-height: 1.4; } .smil-soffitto-rumori__diagnosi-list ul { display: grid; gap: 14px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-soffitto-rumori__diagnosi-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.78); font-size: 14px; line-height: 1.55; } .smil-soffitto-rumori__diagnosi-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-rumori-turquoise); } .smil-soffitto-rumori__diagnosi-list li svg { width: 14px; height: 14px; fill: var(--smil-rumori-dark-deep); } /* ========================================================= CTA CONCLUSIVA ========================================================= */ .smil-soffitto-rumori__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 29px 32px; border: 1px solid var(--smil-rumori-border); border-radius: 20px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 13px 38px rgba(5, 36, 45, 0.07); } .smil-soffitto-rumori__cta span { display: block; margin-bottom: 5px; color: var(--smil-rumori-teal); font-size: 12px; font-weight: 850; letter-spacing: 0.075em; text-transform: uppercase; } .smil-soffitto-rumori__cta strong { display: block; color: var(--smil-rumori-dark); font-size: clamp(20px, 2.1vw, 28px); line-height: 1.3; letter-spacing: -0.02em; } .smil-soffitto-rumori__cta p { max-width: 790px; margin: 8px 0 0; color: var(--smil-rumori-muted); font-size: 14px; line-height: 1.65; } .smil-soffitto-rumori__button { display: inline-flex; min-height: 54px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 11px; padding: 14px 21px; border-radius: 12px; background: linear-gradient( 135deg, var(--smil-rumori-teal), var(--smil-rumori-dark) ); box-shadow: 0 14px 31px rgba(5, 36, 45, 0.19); color: var(--smil-rumori-white); font-size: 15px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-soffitto-rumori__button:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(5, 36, 45, 0.26); } .smil-soffitto-rumori__button:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.32); outline-offset: 4px; } .smil-soffitto-rumori__button svg { width: 19px; height: 19px; fill: currentColor; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 980px) { .smil-soffitto-rumori__diagnosi { grid-template-columns: 1fr; } .smil-soffitto-rumori__diagnosi-list { max-width: 670px; } .smil-soffitto-rumori__cta { grid-template-columns: 1fr; } .smil-soffitto-rumori__button { width: fit-content; } } @media (max-width: 760px) { .smil-soffitto-rumori__grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-soffitto-rumori { padding: 62px 18px 72px; } .smil-soffitto-rumori__eyebrow { border-radius: 15px; font-size: 11px; } .smil-soffitto-rumori h2 { font-size: clamp(34px, 10vw, 47px); } .smil-soffitto-rumori__intro { font-size: 16px; line-height: 1.68; } .smil-soffitto-rumori__answer { grid-template-columns: 1fr; margin-top: 33px; padding: 20px; } .smil-soffitto-rumori__card { padding: 24px 21px; border-radius: 18px; } .smil-soffitto-rumori__diagnosi { padding: 28px 21px; border-radius: 21px; } .smil-soffitto-rumori__diagnosi-list { padding: 20px; } .smil-soffitto-rumori__cta { padding: 24px 21px; } .smil-soffitto-rumori__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-soffitto-rumori__card, .smil-soffitto-rumori__button { transition: none; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_03 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_3 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_3 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= COME INSONORIZZARE UN SOFFITTO A MILANO ========================================================= */ .smil-soffitto-come { --smil-come-dark: #082f3b; --smil-come-dark-deep: #05242d; --smil-come-teal: #087f8c; --smil-come-turquoise: #17c3b2; --smil-come-turquoise-light: #70e1d3; --smil-come-white: #ffffff; --smil-come-light: #eef8f7; --smil-come-text: #17343c; --smil-come-muted: #58727a; --smil-come-border: rgba(8, 127, 140, 0.16); --smil-come-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 5%, rgba(23, 195, 178, 0.12), transparent 28% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 22%, #f5fbfa 100% ); color: var(--smil-come-text); } .smil-soffitto-come *, .smil-soffitto-come *::before, .smil-soffitto-come *::after { box-sizing: border-box; } .smil-soffitto-come::before { content: ""; position: absolute; top: 270px; left: -215px; width: 470px; height: 470px; border: 80px solid rgba(8, 127, 140, 0.035); border-radius: 50%; pointer-events: none; } .smil-soffitto-come::after { content: ""; position: absolute; right: -120px; bottom: 230px; width: 320px; height: 320px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-soffitto-come__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-soffitto-come__header { max-width: 940px; margin: 0 auto; text-align: center; } .smil-soffitto-come__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-come-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-soffitto-come h2 { margin: 0; color: var(--smil-come-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-soffitto-come h2 span { display: block; color: var(--smil-come-teal); } .smil-soffitto-come__intro { max-width: 900px; margin: 25px auto 0; color: var(--smil-come-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-soffitto-come__intro strong { color: var(--smil-come-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-soffitto-come__direct-answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1020px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-come-border); border-left: 5px solid var(--smil-come-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.94); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-soffitto-come__direct-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-soffitto-come__direct-icon svg { width: 24px; height: 24px; fill: var(--smil-come-teal); } .smil-soffitto-come__direct-answer strong { display: block; margin-bottom: 6px; color: var(--smil-come-dark); font-size: 18px; line-height: 1.45; } .smil-soffitto-come__direct-answer p { margin: 0; color: var(--smil-come-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= LAYOUT PRINCIPALE ========================================================= */ .smil-soffitto-come__layout { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(350px, 0.87fr); gap: clamp(35px, 5.5vw, 72px); align-items: start; margin-top: clamp(55px, 6vw, 80px); } /* ========================================================= FASI DELL’INTERVENTO ========================================================= */ .smil-soffitto-come__steps { position: relative; display: grid; gap: 25px; } .smil-soffitto-come__steps::before { content: ""; position: absolute; top: 43px; bottom: 43px; left: 27px; width: 2px; background: linear-gradient( 180deg, var(--smil-come-turquoise), rgba(8, 127, 140, 0.12) ); } .smil-soffitto-come__step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 19px; } .smil-soffitto-come__step-marker { position: relative; z-index: 2; display: grid; width: 56px; height: 56px; place-items: center; border: 5px solid #f8fcfb; border-radius: 50%; background: linear-gradient( 135deg, var(--smil-come-turquoise), var(--smil-come-teal) ); box-shadow: 0 10px 24px rgba(8, 127, 140, 0.2); } .smil-soffitto-come__step-marker span { color: var(--smil-come-white); font-size: 14px; font-weight: 900; line-height: 1; } .smil-soffitto-come__step-content { padding: clamp(24px, 3vw, 32px); border: 1px solid var(--smil-come-border); border-radius: 21px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-soffitto-come__step-label { display: block; margin-bottom: 8px; color: var(--smil-come-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-come__step-content h3 { margin: 0; color: var(--smil-come-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-soffitto-come__step-content p { margin: 15px 0 0; color: var(--smil-come-muted); font-size: 15px; line-height: 1.72; } .smil-soffitto-come__step-content p + p { margin-top: 11px; } .smil-soffitto-come__step-content p strong { color: var(--smil-come-dark); font-weight: 800; } .smil-soffitto-come__step-content ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 17px; margin: 20px 0 0; padding: 17px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.12); list-style: none; } .smil-soffitto-come__step-content li { position: relative; padding-left: 20px; color: var(--smil-come-text); font-size: 13px; line-height: 1.5; } .smil-soffitto-come__step-content li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-come-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.1); } /* ========================================================= COLONNA LATERALE ========================================================= */ .smil-soffitto-come__side { position: sticky; top: 25px; display: grid; gap: 20px; } /* ========================================================= DIAGRAMMA ========================================================= */ .smil-soffitto-come__diagram { overflow: hidden; padding: 28px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 145deg, var(--smil-come-dark) 0%, var(--smil-come-dark-deep) 100% ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); color: var(--smil-come-white); } .smil-soffitto-come__diagram-heading span { display: block; color: var(--smil-come-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-come__diagram-heading strong { display: block; margin-top: 5px; color: var(--smil-come-white); font-size: 25px; line-height: 1.2; letter-spacing: -0.025em; } .smil-soffitto-come__diagram-body { position: relative; margin-top: 25px; padding-top: 72px; } .smil-soffitto-come__noise-source { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 61px; align-items: flex-start; justify-content: center; gap: 14px; } .smil-soffitto-come__noise-source span { width: 4px; height: 28px; border-radius: 99px; background: var(--smil-come-turquoise); animation: smil-come-wave 1.7s ease-in-out infinite; } .smil-soffitto-come__noise-source span:nth-child(2) { height: 43px; animation-delay: 160ms; } .smil-soffitto-come__noise-source span:nth-child(3) { animation-delay: 320ms; } .smil-soffitto-come__noise-source small { position: absolute; bottom: 0; color: rgba(255, 255, 255, 0.65); font-size: 10px; font-weight: 750; letter-spacing: 0.04em; } @keyframes smil-come-wave { 0%, 100% { opacity: 0.4; transform: scaleY(0.7); } 50% { opacity: 1; transform: scaleY(1); } } .smil-soffitto-come__diagram-layer { display: flex; min-height: 65px; flex-direction: column; align-items: center; justify-content: center; margin-top: 9px; padding: 11px; border-radius: 10px; text-align: center; } .smil-soffitto-come__diagram-layer span { font-size: 12px; font-weight: 850; line-height: 1.3; } .smil-soffitto-come__diagram-layer small { display: block; margin-top: 3px; font-size: 10px; font-weight: 700; line-height: 1.3; opacity: 0.68; } .smil-soffitto-come__diagram-layer--slab { border: 1px solid rgba(255, 255, 255, 0.17); background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.055) 0, rgba(255, 255, 255, 0.055) 8px, rgba(255, 255, 255, 0.015) 8px, rgba(255, 255, 255, 0.015) 16px ), #36535a; } .smil-soffitto-come__diagram-layer--gap { border: 1px dashed rgba(112, 225, 211, 0.4); background: rgba(23, 195, 178, 0.09); color: var(--smil-come-turquoise-light); } .smil-soffitto-come__diagram-layer--ceiling { border: 1px solid rgba(23, 195, 178, 0.38); background: linear-gradient( 90deg, rgba(23, 195, 178, 0.17), rgba(8, 127, 140, 0.48) ); } .smil-soffitto-come__diagram-room { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 12px; padding: 13px; border-radius: 10px; background: #edf8f7; color: var(--smil-come-dark); } .smil-soffitto-come__diagram-room svg { width: 19px; height: 19px; fill: currentColor; } .smil-soffitto-come__diagram-room span { font-size: 12px; font-weight: 850; } /* ========================================================= AVVISO IMPORTANTE ========================================================= */ .smil-soffitto-come__important { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 21px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 17px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 13px 36px rgba(5, 36, 45, 0.065); } .smil-soffitto-come__important-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: rgba(23, 195, 178, 0.13); } .smil-soffitto-come__important-icon svg { width: 21px; height: 21px; fill: var(--smil-come-teal); } .smil-soffitto-come__important strong { display: block; color: var(--smil-come-dark); font-size: 17px; line-height: 1.4; } .smil-soffitto-come__important p { margin: 6px 0 0; color: var(--smil-come-muted); font-size: 13px; line-height: 1.62; } /* ========================================================= MATERIALI ========================================================= */ .smil-soffitto-come__materials { padding: 23px; border: 1px solid var(--smil-come-border); border-radius: 18px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 13px 36px rgba(5, 36, 45, 0.06); } .smil-soffitto-come__materials-label { display: block; color: var(--smil-come-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-soffitto-come__materials ul { display: grid; gap: 12px; margin: 17px 0 0; padding: 0; list-style: none; } .smil-soffitto-come__materials li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: var(--smil-come-text); font-size: 14px; line-height: 1.5; } .smil-soffitto-come__materials li span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: var(--smil-come-turquoise); } .smil-soffitto-come__materials li svg { width: 13px; height: 13px; fill: var(--smil-come-dark-deep); } .smil-soffitto-come__materials p { margin: 17px 0 0; padding-top: 15px; border-top: 1px solid rgba(8, 127, 140, 0.12); color: var(--smil-come-muted); font-size: 12px; line-height: 1.6; } /* ========================================================= CONFRONTO ========================================================= */ .smil-soffitto-come__comparison { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4vw, 48px); border: 1px solid var(--smil-come-border); border-radius: 27px; background: rgba(255, 255, 255, 0.92); box-shadow: var(--smil-come-shadow); } .smil-soffitto-come__comparison-header { max-width: 780px; } .smil-soffitto-come__comparison-header > span { display: block; margin-bottom: 8px; color: var(--smil-come-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-come__comparison-header h3 { margin: 0; color: var(--smil-come-dark); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-soffitto-come__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 30px; } .smil-soffitto-come__comparison-card { padding: 24px; border-radius: 18px; } .smil-soffitto-come__comparison-card--no { border: 1px solid rgba(169, 76, 76, 0.17); background: rgba(169, 76, 76, 0.045); } .smil-soffitto-come__comparison-card--yes { border: 1px solid rgba(8, 127, 140, 0.2); background: rgba(23, 195, 178, 0.065); } .smil-soffitto-come__comparison-title { display: flex; align-items: center; gap: 12px; } .smil-soffitto-come__comparison-title span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; } .smil-soffitto-come__comparison-card--no .smil-soffitto-come__comparison-title span { background: rgba(169, 76, 76, 0.12); } .smil-soffitto-come__comparison-card--yes .smil-soffitto-come__comparison-title span { background: rgba(23, 195, 178, 0.18); } .smil-soffitto-come__comparison-title svg { width: 19px; height: 19px; } .smil-soffitto-come__comparison-card--no .smil-soffitto-come__comparison-title svg { fill: #9c4a4a; } .smil-soffitto-come__comparison-card--yes .smil-soffitto-come__comparison-title svg { fill: var(--smil-come-teal); } .smil-soffitto-come__comparison-title strong { color: var(--smil-come-dark); font-size: 18px; line-height: 1.4; } .smil-soffitto-come__comparison-card ul { display: grid; gap: 10px; margin: 19px 0 0; padding: 0; list-style: none; } .smil-soffitto-come__comparison-card li { position: relative; padding-left: 21px; color: var(--smil-come-muted); font-size: 14px; line-height: 1.55; } .smil-soffitto-come__comparison-card li::before { content: ""; position: absolute; top: 8px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-soffitto-come__comparison-card--no li::before { background: #a95252; } .smil-soffitto-come__comparison-card--yes li::before { background: var(--smil-come-turquoise); } /* ========================================================= CTA ========================================================= */ .smil-soffitto-come__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 31px 34px; border-radius: 21px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 33% ), linear-gradient( 140deg, var(--smil-come-dark), var(--smil-come-dark-deep) ); box-shadow: 0 24px 60px rgba(5, 36, 45, 0.17); } .smil-soffitto-come__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-come-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-soffitto-come__cta-content strong { display: block; color: var(--smil-come-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-soffitto-come__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-soffitto-come__cta-actions { display: flex; flex-direction: column; gap: 11px; min-width: 250px; } .smil-soffitto-come__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; } .smil-soffitto-come__button:hover { transform: translateY(-2px); } .smil-soffitto-come__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-soffitto-come__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-soffitto-come__button--primary { background: var(--smil-come-turquoise); box-shadow: 0 13px 28px rgba(23, 195, 178, 0.18); color: var(--smil-come-dark-deep); } .smil-soffitto-come__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.06); color: var(--smil-come-white); } .smil-soffitto-come__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1040px) { .smil-soffitto-come__layout { grid-template-columns: 1fr; } .smil-soffitto-come__side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-soffitto-come__diagram { grid-row: span 2; } .smil-soffitto-come__cta { grid-template-columns: 1fr; } .smil-soffitto-come__cta-actions { width: min(360px, 100%); } } @media (max-width: 760px) { .smil-soffitto-come__side, .smil-soffitto-come__comparison-grid { grid-template-columns: 1fr; } .smil-soffitto-come__diagram { grid-row: auto; } .smil-soffitto-come__step-content ul { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-soffitto-come { padding: 64px 18px 74px; } .smil-soffitto-come__eyebrow { border-radius: 15px; font-size: 10px; } .smil-soffitto-come h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-soffitto-come__intro { font-size: 16px; line-height: 1.68; } .smil-soffitto-come__direct-answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-soffitto-come__steps::before { display: none; } .smil-soffitto-come__step { grid-template-columns: 1fr; gap: 12px; } .smil-soffitto-come__step-marker { width: 48px; height: 48px; border-width: 4px; } .smil-soffitto-come__step-content { padding: 23px 20px; border-radius: 18px; } .smil-soffitto-come__diagram { padding: 23px 19px; border-radius: 20px; } .smil-soffitto-come__comparison { padding: 25px 20px; border-radius: 21px; } .smil-soffitto-come__cta { padding: 26px 21px; } .smil-soffitto-come__cta-actions, .smil-soffitto-come__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-soffitto-come__noise-source span { animation: none; } .smil-soffitto-come__button { transition: none; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= CONTROSOFFITTO ANTIRUMORE A MILANO ========================================================= */ .smil-controsoffitto-antirumore { --smil-ca-dark: #082f3b; --smil-ca-dark-deep: #05242d; --smil-ca-teal: #087f8c; --smil-ca-turquoise: #17c3b2; --smil-ca-turquoise-light: #70e1d3; --smil-ca-white: #ffffff; --smil-ca-light: #eef8f7; --smil-ca-text: #17343c; --smil-ca-muted: #58727a; --smil-ca-border: rgba(8, 127, 140, 0.16); --smil-ca-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 28% ), linear-gradient( 180deg, #f5fbfa 0%, #ffffff 36%, #edf7f6 100% ); color: var(--smil-ca-text); } .smil-controsoffitto-antirumore *, .smil-controsoffitto-antirumore *::before, .smil-controsoffitto-antirumore *::after { box-sizing: border-box; } .smil-controsoffitto-antirumore::before { content: ""; position: absolute; top: 340px; right: -220px; width: 480px; height: 480px; border: 78px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-controsoffitto-antirumore::after { content: ""; position: absolute; bottom: 220px; left: -140px; width: 320px; height: 320px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-controsoffitto-antirumore__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-controsoffitto-antirumore__header { max-width: 960px; margin: 0 auto; text-align: center; } .smil-controsoffitto-antirumore__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-ca-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-controsoffitto-antirumore h2 { margin: 0; color: var(--smil-ca-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-controsoffitto-antirumore h2 span { display: block; color: var(--smil-ca-teal); } .smil-controsoffitto-antirumore__intro { max-width: 920px; margin: 25px auto 0; color: var(--smil-ca-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-controsoffitto-antirumore__intro strong { color: var(--smil-ca-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-controsoffitto-antirumore__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1020px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-ca-border); border-left: 5px solid var(--smil-ca-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.95); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-controsoffitto-antirumore__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-controsoffitto-antirumore__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-ca-teal); } .smil-controsoffitto-antirumore__answer strong { display: block; margin-bottom: 6px; color: var(--smil-ca-dark); font-size: 18px; line-height: 1.45; } .smil-controsoffitto-antirumore__answer p { margin: 0; color: var(--smil-ca-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-controsoffitto-antirumore__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(55px, 6vw, 80px); } .smil-controsoffitto-antirumore__content { display: grid; gap: 21px; } .smil-controsoffitto-antirumore__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-ca-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-controsoffitto-antirumore__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-ca-turquoise), var(--smil-ca-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-controsoffitto-antirumore__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-ca-white); } .smil-controsoffitto-antirumore__feature-label { display: block; margin-bottom: 7px; color: var(--smil-ca-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-controsoffitto-antirumore__feature h3 { margin: 0; color: var(--smil-ca-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-controsoffitto-antirumore__feature p { margin: 15px 0 0; color: var(--smil-ca-muted); font-size: 15px; line-height: 1.72; } .smil-controsoffitto-antirumore__feature p + p { margin-top: 11px; } .smil-controsoffitto-antirumore__feature strong { color: var(--smil-ca-dark); font-weight: 800; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-controsoffitto-antirumore__panel { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-ca-dark), var(--smil-ca-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-controsoffitto-antirumore__panel-label { display: block; color: var(--smil-ca-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-controsoffitto-antirumore__panel ul { display: grid; gap: 17px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-controsoffitto-antirumore__panel li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-controsoffitto-antirumore__panel li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--smil-ca-turquoise); } .smil-controsoffitto-antirumore__panel li svg { width: 15px; height: 15px; fill: var(--smil-ca-dark-deep); } .smil-controsoffitto-antirumore__panel li strong { display: block; color: var(--smil-ca-white); font-size: 15px; line-height: 1.4; } .smil-controsoffitto-antirumore__panel li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-controsoffitto-antirumore__panel-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 24px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-controsoffitto-antirumore__panel-note svg { width: 21px; height: 21px; fill: var(--smil-ca-turquoise-light); } .smil-controsoffitto-antirumore__panel-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= CONFRONTO ========================================================= */ .smil-controsoffitto-antirumore__comparison { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4vw, 48px); border: 1px solid var(--smil-ca-border); border-radius: 27px; background: rgba(255, 255, 255, 0.94); box-shadow: var(--smil-ca-shadow); } .smil-controsoffitto-antirumore__comparison-header { max-width: 830px; } .smil-controsoffitto-antirumore__comparison-header > span { display: block; margin-bottom: 8px; color: var(--smil-ca-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-controsoffitto-antirumore__comparison-header h3 { margin: 0; color: var(--smil-ca-dark); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-controsoffitto-antirumore__comparison-header p { margin: 13px 0 0; color: var(--smil-ca-muted); font-size: 15px; line-height: 1.65; } .smil-controsoffitto-antirumore__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 30px; } .smil-controsoffitto-antirumore__comparison-card { padding: 25px; border-radius: 19px; } .smil-controsoffitto-antirumore__comparison-card--standard { border: 1px solid rgba(157, 91, 79, 0.17); background: rgba(157, 91, 79, 0.045); } .smil-controsoffitto-antirumore__comparison-card--acoustic { border: 1px solid rgba(8, 127, 140, 0.2); background: rgba(23, 195, 178, 0.065); } .smil-controsoffitto-antirumore__comparison-title { display: flex; align-items: center; gap: 12px; } .smil-controsoffitto-antirumore__comparison-title span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; } .smil-controsoffitto-antirumore__comparison-card--standard .smil-controsoffitto-antirumore__comparison-title span { background: rgba(157, 91, 79, 0.12); } .smil-controsoffitto-antirumore__comparison-card--acoustic .smil-controsoffitto-antirumore__comparison-title span { background: rgba(23, 195, 178, 0.17); } .smil-controsoffitto-antirumore__comparison-title svg { width: 20px; height: 20px; } .smil-controsoffitto-antirumore__comparison-card--standard .smil-controsoffitto-antirumore__comparison-title svg { fill: #94594f; } .smil-controsoffitto-antirumore__comparison-card--acoustic .smil-controsoffitto-antirumore__comparison-title svg { fill: var(--smil-ca-teal); } .smil-controsoffitto-antirumore__comparison-title strong { color: var(--smil-ca-dark); font-size: 18px; line-height: 1.4; } .smil-controsoffitto-antirumore__comparison-card ul { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-controsoffitto-antirumore__comparison-card li { position: relative; padding-left: 22px; color: var(--smil-ca-muted); font-size: 14px; line-height: 1.55; } .smil-controsoffitto-antirumore__comparison-card li::before { content: ""; position: absolute; top: 8px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-controsoffitto-antirumore__comparison-card--standard li::before { background: #94594f; } .smil-controsoffitto-antirumore__comparison-card--acoustic li::before { background: var(--smil-ca-turquoise); } /* ========================================================= TRASMISSIONI LATERALI ========================================================= */ .smil-controsoffitto-antirumore__limits { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr); gap: clamp(32px, 5vw, 65px); align-items: center; margin-top: 34px; padding: clamp(31px, 5vw, 55px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 34% ), linear-gradient( 140deg, var(--smil-ca-dark), var(--smil-ca-dark-deep) ); box-shadow: 0 25px 65px rgba(5, 36, 45, 0.18); } .smil-controsoffitto-antirumore__limits-label { display: block; margin-bottom: 9px; color: var(--smil-ca-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-controsoffitto-antirumore__limits-content h3 { margin: 0; color: var(--smil-ca-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-controsoffitto-antirumore__limits-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.75); font-size: 15px; line-height: 1.72; } .smil-controsoffitto-antirumore__limits-content p + p { margin-top: 12px; } .smil-controsoffitto-antirumore__limits-content strong { color: var(--smil-ca-white); } .smil-controsoffitto-antirumore__limits-visual { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-controsoffitto-antirumore__room { position: relative; overflow: hidden; border-radius: 14px; } .smil-controsoffitto-antirumore__room-upper, .smil-controsoffitto-antirumore__room-lower { display: flex; min-height: 70px; align-items: center; justify-content: center; padding: 14px; text-align: center; font-size: 12px; font-weight: 850; } .smil-controsoffitto-antirumore__room-upper { background: #456068; color: rgba(255, 255, 255, 0.9); } .smil-controsoffitto-antirumore__room-slab { display: flex; min-height: 38px; align-items: center; justify-content: center; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #263f47; color: rgba(255, 255, 255, 0.72); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; } .smil-controsoffitto-antirumore__room-lower { min-height: 91px; background: #eaf6f4; color: var(--smil-ca-dark); } .smil-controsoffitto-antirumore__room-arrows { position: absolute; inset: 73px 0 auto; height: 91px; pointer-events: none; } .smil-controsoffitto-antirumore__room-arrow { position: absolute; color: var(--smil-ca-turquoise); font-size: 31px; font-weight: 900; line-height: 1; } .smil-controsoffitto-antirumore__room-arrow--center { top: 5px; left: 50%; transform: translateX(-50%); } .smil-controsoffitto-antirumore__room-arrow--left { top: 12px; left: 23%; } .smil-controsoffitto-antirumore__room-arrow--right { top: 12px; right: 23%; } .smil-controsoffitto-antirumore__limits-visual > p { margin: 15px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 12px; line-height: 1.58; text-align: center; } /* ========================================================= CONTESTO LOCALE ========================================================= */ .smil-controsoffitto-antirumore__local { margin-top: 34px; padding: clamp(29px, 4vw, 44px); border: 1px solid var(--smil-ca-border); border-radius: 24px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-controsoffitto-antirumore__local-heading { max-width: 820px; } .smil-controsoffitto-antirumore__local-heading > span { display: block; margin-bottom: 8px; color: var(--smil-ca-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-controsoffitto-antirumore__local-heading h3 { margin: 0; color: var(--smil-ca-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.033em; } .smil-controsoffitto-antirumore__local-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .smil-controsoffitto-antirumore__local-grid > div { padding: 21px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 16px; background: var(--smil-ca-light); } .smil-controsoffitto-antirumore__local-grid strong { display: block; color: var(--smil-ca-dark); font-size: 17px; line-height: 1.4; } .smil-controsoffitto-antirumore__local-grid p { margin: 8px 0 0; color: var(--smil-ca-muted); font-size: 13px; line-height: 1.62; } /* ========================================================= CTA ========================================================= */ .smil-controsoffitto-antirumore__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 34px; padding: 31px 34px; border: 1px solid var(--smil-ca-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 42px rgba(5, 36, 45, 0.07); } .smil-controsoffitto-antirumore__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-ca-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-controsoffitto-antirumore__cta-content strong { display: block; color: var(--smil-ca-dark); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-controsoffitto-antirumore__cta-content p { max-width: 760px; margin: 9px 0 0; color: var(--smil-ca-muted); font-size: 14px; line-height: 1.65; } .smil-controsoffitto-antirumore__cta-actions { display: flex; min-width: 250px; flex-direction: column; gap: 11px; } .smil-controsoffitto-antirumore__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-controsoffitto-antirumore__button:hover { transform: translateY(-2px); } .smil-controsoffitto-antirumore__button:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.32); outline-offset: 4px; } .smil-controsoffitto-antirumore__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-controsoffitto-antirumore__button--primary { background: linear-gradient( 135deg, var(--smil-ca-teal), var(--smil-ca-dark) ); box-shadow: 0 13px 29px rgba(5, 36, 45, 0.19); color: var(--smil-ca-white); } .smil-controsoffitto-antirumore__button--primary:hover { box-shadow: 0 18px 37px rgba(5, 36, 45, 0.26); } .smil-controsoffitto-antirumore__button--secondary { border-color: rgba(8, 47, 59, 0.17); background: var(--smil-ca-white); color: var(--smil-ca-dark); } .smil-controsoffitto-antirumore__button--secondary:hover { border-color: var(--smil-ca-teal); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1040px) { .smil-controsoffitto-antirumore__main { grid-template-columns: 1fr; } .smil-controsoffitto-antirumore__panel { position: static; } .smil-controsoffitto-antirumore__limits { grid-template-columns: 1fr; } .smil-controsoffitto-antirumore__limits-visual { width: min(590px, 100%); } .smil-controsoffitto-antirumore__cta { grid-template-columns: 1fr; } .smil-controsoffitto-antirumore__cta-actions { width: min(370px, 100%); } } @media (max-width: 760px) { .smil-controsoffitto-antirumore__comparison-grid, .smil-controsoffitto-antirumore__local-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-controsoffitto-antirumore { padding: 64px 18px 74px; } .smil-controsoffitto-antirumore__eyebrow { border-radius: 15px; font-size: 10px; } .smil-controsoffitto-antirumore h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-controsoffitto-antirumore__intro { font-size: 16px; line-height: 1.68; } .smil-controsoffitto-antirumore__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-controsoffitto-antirumore__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-controsoffitto-antirumore__feature-icon { width: 47px; height: 47px; } .smil-controsoffitto-antirumore__panel { padding: 24px 20px; border-radius: 20px; } .smil-controsoffitto-antirumore__comparison { padding: 25px 20px; border-radius: 21px; } .smil-controsoffitto-antirumore__limits { padding: 27px 20px; border-radius: 21px; } .smil-controsoffitto-antirumore__local { padding: 25px 20px; border-radius: 20px; } .smil-controsoffitto-antirumore__cta { padding: 26px 21px; } .smil-controsoffitto-antirumore__cta-actions, .smil-controsoffitto-antirumore__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-controsoffitto-antirumore__button { transition: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_06 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_6 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_6 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= CONTROSOFFITTO ACUSTICO AUTOPORTANTE SORGEDIL ========================================================= */ .smil-autoportante { --smil-auto-dark: #082f3b; --smil-auto-dark-deep: #05242d; --smil-auto-teal: #087f8c; --smil-auto-turquoise: #17c3b2; --smil-auto-turquoise-light: #70e1d3; --smil-auto-white: #ffffff; --smil-auto-light: #eef8f7; --smil-auto-text: #17343c; --smil-auto-muted: #58727a; --smil-auto-border: rgba(8, 127, 140, 0.16); --smil-auto-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 6%, rgba(23, 195, 178, 0.12), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 28%, #f3faf9 100% ); color: var(--smil-auto-text); } .smil-autoportante *, .smil-autoportante *::before, .smil-autoportante *::after { box-sizing: border-box; } .smil-autoportante::before { content: ""; position: absolute; top: 380px; left: -220px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-autoportante::after { content: ""; position: absolute; right: -150px; bottom: 260px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-autoportante__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-autoportante__header { max-width: 980px; margin: 0 auto; text-align: center; } .smil-autoportante__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-auto-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-autoportante h2 { margin: 0; color: var(--smil-auto-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-autoportante h2 span { display: block; color: var(--smil-auto-teal); } .smil-autoportante__intro { max-width: 930px; margin: 25px auto 0; color: var(--smil-auto-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-autoportante__intro--secondary { margin-top: 13px; } .smil-autoportante__intro strong { color: var(--smil-auto-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-autoportante__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-auto-border); border-left: 5px solid var(--smil-auto-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.95); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-autoportante__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-autoportante__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-auto-teal); } .smil-autoportante__answer strong { display: block; margin-bottom: 6px; color: var(--smil-auto-dark); font-size: 18px; line-height: 1.45; } .smil-autoportante__answer p { margin: 0; color: var(--smil-auto-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= SCHEMA E PRINCIPI TECNICI ========================================================= */ .smil-autoportante__hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(55px, 6vw, 82px); } /* ========================================================= DIAGRAMMA ========================================================= */ .smil-autoportante__diagram { overflow: hidden; padding: clamp(25px, 3.5vw, 38px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.21), transparent 35% ), linear-gradient( 145deg, var(--smil-auto-dark), var(--smil-auto-dark-deep) ); box-shadow: 0 25px 66px rgba(5, 36, 45, 0.19); color: var(--smil-auto-white); } .smil-autoportante__diagram-heading span { display: block; color: var(--smil-auto-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__diagram-heading strong { display: block; max-width: 600px; margin-top: 6px; color: var(--smil-auto-white); font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -0.028em; } .smil-autoportante__diagram-body { margin-top: 28px; } .smil-autoportante__upper-room { position: relative; display: flex; min-height: 79px; align-items: flex-start; justify-content: center; overflow: hidden; padding: 17px; border-radius: 13px 13px 7px 7px; background: #48636a; color: rgba(255, 255, 255, 0.88); text-align: center; } .smil-autoportante__upper-room > span { position: relative; z-index: 2; font-size: 12px; font-weight: 800; } .smil-autoportante__noise-waves { position: absolute; right: 0; bottom: 8px; left: 0; display: flex; align-items: flex-end; justify-content: center; gap: 11px; } .smil-autoportante__noise-waves i { display: block; width: 4px; height: 21px; border-radius: 99px; background: var(--smil-auto-turquoise); animation: smil-auto-wave 1.65s ease-in-out infinite; } .smil-autoportante__noise-waves i:nth-child(2) { height: 31px; animation-delay: 150ms; } .smil-autoportante__noise-waves i:nth-child(3) { animation-delay: 300ms; } @keyframes smil-auto-wave { 0%, 100% { opacity: 0.4; transform: scaleY(0.7); } 50% { opacity: 1; transform: scaleY(1); } } .smil-autoportante__slab { display: flex; min-height: 72px; flex-direction: column; align-items: center; justify-content: center; padding: 13px; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.07) 0, rgba(255, 255, 255, 0.07) 9px, rgba(255, 255, 255, 0.02) 9px, rgba(255, 255, 255, 0.02) 18px ), #2e484f; text-align: center; } .smil-autoportante__slab strong { color: var(--smil-auto-white); font-size: 13px; line-height: 1.3; } .smil-autoportante__slab small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.62); font-size: 10px; line-height: 1.4; } .smil-autoportante__separation { padding: 10px 0; } .smil-autoportante__no-hangers { display: flex; align-items: center; justify-content: center; gap: 11px; padding: 10px 13px; border: 1px dashed rgba(112, 225, 211, 0.34); border-radius: 10px; background: rgba(23, 195, 178, 0.07); text-align: left; } .smil-autoportante__no-hangers > span { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--smil-auto-turquoise); color: var(--smil-auto-dark-deep); font-size: 19px; font-weight: 900; line-height: 1; } .smil-autoportante__no-hangers strong { display: block; color: var(--smil-auto-white); font-size: 12px; line-height: 1.35; } .smil-autoportante__no-hangers small { display: block; margin-top: 2px; color: rgba(255, 255, 255, 0.6); font-size: 9px; line-height: 1.4; } .smil-autoportante__air-gap { display: flex; min-height: 61px; flex-direction: column; align-items: center; justify-content: center; padding: 12px; border: 1px dashed rgba(112, 225, 211, 0.4); border-radius: 10px; background: rgba(23, 195, 178, 0.08); color: var(--smil-auto-turquoise-light); text-align: center; } .smil-autoportante__air-gap span { font-size: 12px; font-weight: 850; } .smil-autoportante__air-gap small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.58); font-size: 9px; line-height: 1.4; } .smil-autoportante__frame { display: grid; grid-template-columns: minmax(58px, 0.18fr) minmax(0, 0.64fr) minmax(58px, 0.18fr); gap: 6px; margin-top: 9px; } .smil-autoportante__frame-side, .smil-autoportante__frame-center { display: flex; min-height: 76px; align-items: center; justify-content: center; padding: 9px; text-align: center; } .smil-autoportante__frame-side { border: 1px solid rgba(112, 225, 211, 0.28); background: rgba(23, 195, 178, 0.15); } .smil-autoportante__frame-side--left { border-radius: 10px 4px 4px 10px; } .smil-autoportante__frame-side--right { border-radius: 4px 10px 10px 4px; } .smil-autoportante__frame-side span { color: var(--smil-auto-turquoise-light); font-size: 9px; font-weight: 800; line-height: 1.35; } .smil-autoportante__frame-center { flex-direction: column; border: 1px solid rgba(23, 195, 178, 0.35); border-radius: 5px; background: linear-gradient( 90deg, rgba(23, 195, 178, 0.18), rgba(8, 127, 140, 0.48) ); } .smil-autoportante__frame-center strong { color: var(--smil-auto-white); font-size: 12px; line-height: 1.35; } .smil-autoportante__frame-center small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.62); font-size: 9px; line-height: 1.4; } .smil-autoportante__multilayer { display: flex; min-height: 65px; flex-direction: column; align-items: center; justify-content: center; margin-top: 9px; padding: 11px; border-radius: 10px; background: repeating-linear-gradient( 0deg, rgba(8, 47, 59, 0.08) 0, rgba(8, 47, 59, 0.08) 7px, transparent 7px, transparent 14px ), #dff2ef; color: var(--smil-auto-dark); text-align: center; } .smil-autoportante__multilayer span { font-size: 12px; font-weight: 850; line-height: 1.35; } .smil-autoportante__multilayer small { display: block; margin-top: 3px; color: var(--smil-auto-muted); font-size: 9px; line-height: 1.4; } .smil-autoportante__protected-room { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 9px; padding: 14px; border-radius: 10px; background: var(--smil-auto-white); color: var(--smil-auto-dark); } .smil-autoportante__protected-room svg { width: 19px; height: 19px; fill: currentColor; } .smil-autoportante__protected-room span { font-size: 12px; font-weight: 850; } /* ========================================================= PRINCIPI TECNICI ========================================================= */ .smil-autoportante__principles { position: sticky; top: 25px; padding: 29px; border: 1px solid var(--smil-auto-border); border-radius: 24px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--smil-auto-shadow); } .smil-autoportante__principles-label { display: block; color: var(--smil-auto-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__principles ul { display: grid; gap: 22px; margin: 23px 0 0; padding: 0; list-style: none; } .smil-autoportante__principles li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; } .smil-autoportante__principles-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-auto-turquoise), var(--smil-auto-teal) ); box-shadow: 0 10px 24px rgba(8, 127, 140, 0.18); } .smil-autoportante__principles-icon svg { width: 23px; height: 23px; fill: var(--smil-auto-white); } .smil-autoportante__principles li strong { display: block; color: var(--smil-auto-dark); font-size: 16px; line-height: 1.4; } .smil-autoportante__principles li p { margin: 6px 0 0; color: var(--smil-auto-muted); font-size: 13px; line-height: 1.62; } /* ========================================================= VANTAGGI DEL DISACCOPPIAMENTO ========================================================= */ .smil-autoportante__advantages { margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-auto-dark), var(--smil-auto-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-autoportante__advantages-header { max-width: 870px; } .smil-autoportante__advantages-header > span { display: block; margin-bottom: 8px; color: var(--smil-auto-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__advantages-header h3 { margin: 0; color: var(--smil-auto-white); font-size: clamp(28px, 3.1vw, 43px); font-weight: 830; line-height: 1.17; letter-spacing: -0.035em; } .smil-autoportante__advantages-header p { margin: 17px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 15px; line-height: 1.72; } .smil-autoportante__advantages-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 31px; } .smil-autoportante__advantage { padding: 24px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 18px; background: rgba(255, 255, 255, 0.055); } .smil-autoportante__advantage-number { display: block; margin-bottom: 15px; color: var(--smil-auto-turquoise); font-size: 28px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-autoportante__advantage h3 { margin: 0; color: var(--smil-auto-white); font-size: 19px; line-height: 1.35; letter-spacing: -0.015em; } .smil-autoportante__advantage p { margin: 10px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 13px; line-height: 1.63; } /* ========================================================= TIPOLOGIE DI RUMORE E MATERIALI ========================================================= */ .smil-autoportante__noise-types { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-auto-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-auto-shadow); } .smil-autoportante__noise-types-heading { max-width: 860px; } .smil-autoportante__noise-types-heading > span { display: block; margin-bottom: 8px; color: var(--smil-auto-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__noise-types-heading h3 { margin: 0; color: var(--smil-auto-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-autoportante__noise-types-heading p { margin: 14px 0 0; color: var(--smil-auto-muted); font-size: 15px; line-height: 1.67; } .smil-autoportante__noise-types-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 30px; } .smil-autoportante__noise-card { padding: 26px; border: 1px solid rgba(8, 127, 140, 0.15); border-radius: 19px; background: var(--smil-auto-light); } .smil-autoportante__noise-card-icon { display: grid; width: 48px; height: 48px; margin-bottom: 17px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-auto-turquoise), var(--smil-auto-teal) ); } .smil-autoportante__noise-card-icon svg { width: 25px; height: 25px; fill: var(--smil-auto-white); } .smil-autoportante__noise-card-label { display: block; margin-bottom: 7px; color: var(--smil-auto-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-autoportante__noise-card h3 { margin: 0; color: var(--smil-auto-dark); font-size: 23px; line-height: 1.3; letter-spacing: -0.025em; } .smil-autoportante__noise-card p { margin: 14px 0 0; color: var(--smil-auto-muted); font-size: 14px; line-height: 1.68; } .smil-autoportante__noise-card p strong { color: var(--smil-auto-dark); } .smil-autoportante__noise-card ul { display: grid; gap: 8px; margin: 19px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.13); list-style: none; } .smil-autoportante__noise-card li { position: relative; padding-left: 21px; color: var(--smil-auto-text); font-size: 13px; line-height: 1.5; } .smil-autoportante__noise-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-auto-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.11); } .smil-autoportante__materials-note { margin: 22px 0 0; padding: 17px 19px; border-left: 4px solid var(--smil-auto-turquoise); border-radius: 0 13px 13px 0; background: rgba(23, 195, 178, 0.07); color: var(--smil-auto-muted); font-size: 13px; line-height: 1.63; } /* ========================================================= FATTIBILITÀ ========================================================= */ .smil-autoportante__feasibility { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-auto-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-autoportante__feasibility-label { display: block; margin-bottom: 8px; color: var(--smil-auto-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__feasibility-content h3 { margin: 0; color: var(--smil-auto-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-autoportante__feasibility-content p { margin: 17px 0 0; color: var(--smil-auto-muted); font-size: 15px; line-height: 1.72; } .smil-autoportante__feasibility-content p + p { margin-top: 12px; } .smil-autoportante__feasibility-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-auto-dark), var(--smil-auto-dark-deep) ); } .smil-autoportante__feasibility-list > strong { display: block; color: var(--smil-auto-white); font-size: 17px; line-height: 1.45; } .smil-autoportante__feasibility-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-autoportante__feasibility-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.76); font-size: 13px; line-height: 1.55; } .smil-autoportante__feasibility-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-auto-turquoise); } .smil-autoportante__feasibility-list li svg { width: 14px; height: 14px; fill: var(--smil-auto-dark-deep); } /* ========================================================= PROCESSO ========================================================= */ .smil-autoportante__process { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-auto-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-autoportante__process-header { max-width: 850px; } .smil-autoportante__process-header > span { display: block; margin-bottom: 8px; color: var(--smil-auto-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-autoportante__process-header h3 { margin: 0; color: var(--smil-auto-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-autoportante__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-autoportante__process-list li { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 17px; background: var(--smil-auto-light); } .smil-autoportante__process-number { display: grid; width: 38px; height: 38px; margin-bottom: 15px; place-items: center; border-radius: 11px; background: linear-gradient( 135deg, var(--smil-auto-turquoise), var(--smil-auto-teal) ); color: var(--smil-auto-white); font-size: 15px; font-weight: 900; } .smil-autoportante__process-list strong { display: block; color: var(--smil-auto-dark); font-size: 16px; line-height: 1.4; } .smil-autoportante__process-list p { margin: 8px 0 0; color: var(--smil-auto-muted); font-size: 12px; line-height: 1.6; } /* ========================================================= CTA ========================================================= */ .smil-autoportante__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-auto-dark), var(--smil-auto-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-autoportante__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-auto-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-autoportante__cta-content strong { display: block; color: var(--smil-auto-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-autoportante__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-autoportante__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-autoportante__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-autoportante__button:hover { transform: translateY(-2px); } .smil-autoportante__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-autoportante__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-autoportante__button--primary { background: var(--smil-auto-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-auto-dark-deep); } .smil-autoportante__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-auto-white); } .smil-autoportante__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-autoportante__hero-grid { grid-template-columns: 1fr; } .smil-autoportante__principles { position: static; } .smil-autoportante__advantages-grid { grid-template-columns: 1fr; } .smil-autoportante__feasibility { grid-template-columns: 1fr; } .smil-autoportante__feasibility-list { width: min(620px, 100%); } .smil-autoportante__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-autoportante__cta { grid-template-columns: 1fr; } .smil-autoportante__cta-actions { width: min(370px, 100%); } } @media (max-width: 760px) { .smil-autoportante__noise-types-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-autoportante { padding: 64px 18px 74px; } .smil-autoportante__eyebrow { border-radius: 15px; font-size: 10px; } .smil-autoportante h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-autoportante__intro { font-size: 16px; line-height: 1.68; } .smil-autoportante__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-autoportante__diagram { padding: 23px 18px; border-radius: 21px; } .smil-autoportante__frame { grid-template-columns: 54px minmax(0, 1fr) 54px; } .smil-autoportante__frame-side span { font-size: 8px; } .smil-autoportante__principles { padding: 24px 20px; border-radius: 20px; } .smil-autoportante__advantages, .smil-autoportante__noise-types, .smil-autoportante__feasibility, .smil-autoportante__process { padding: 26px 20px; border-radius: 21px; } .smil-autoportante__process-list { grid-template-columns: 1fr; } .smil-autoportante__cta { padding: 27px 21px; } .smil-autoportante__cta-actions, .smil-autoportante__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-autoportante__noise-waves i { animation: none; } .smil-autoportante__button { transition: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_07 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= ISOLAMENTO ACUSTICO DEL SOFFITTO INTERNO IN APPARTAMENTO ========================================================= */ .smil-appartamento-soffitto { --smil-as-dark: #082f3b; --smil-as-dark-deep: #05242d; --smil-as-teal: #087f8c; --smil-as-turquoise: #17c3b2; --smil-as-turquoise-light: #70e1d3; --smil-as-white: #ffffff; --smil-as-light: #eef8f7; --smil-as-text: #17343c; --smil-as-muted: #58727a; --smil-as-border: rgba(8, 127, 140, 0.16); --smil-as-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 8%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 31%, #edf7f6 100% ); color: var(--smil-as-text); } .smil-appartamento-soffitto *, .smil-appartamento-soffitto *::before, .smil-appartamento-soffitto *::after { box-sizing: border-box; } .smil-appartamento-soffitto::before { content: ""; position: absolute; top: 360px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-appartamento-soffitto::after { content: ""; position: absolute; bottom: 250px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-appartamento-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-appartamento-soffitto__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-appartamento-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-as-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-appartamento-soffitto h2 { margin: 0; color: var(--smil-as-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-appartamento-soffitto h2 span { display: block; color: var(--smil-as-teal); } .smil-appartamento-soffitto__intro { max-width: 930px; margin: 25px auto 0; color: var(--smil-as-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-appartamento-soffitto__intro--secondary { margin-top: 13px; } .smil-appartamento-soffitto__intro strong { color: var(--smil-as-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-appartamento-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-as-border); border-left: 5px solid var(--smil-as-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-appartamento-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-appartamento-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-as-teal); } .smil-appartamento-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-as-dark); font-size: 18px; line-height: 1.45; } .smil-appartamento-soffitto__answer p { margin: 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-appartamento-soffitto__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(55px, 6vw, 82px); } .smil-appartamento-soffitto__content { display: grid; gap: 21px; } .smil-appartamento-soffitto__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-as-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-appartamento-soffitto__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-as-turquoise), var(--smil-as-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-appartamento-soffitto__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-as-white); } .smil-appartamento-soffitto__feature-label { display: block; margin-bottom: 7px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-appartamento-soffitto__feature h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-appartamento-soffitto__feature p { margin: 15px 0 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.72; } .smil-appartamento-soffitto__feature p + p { margin-top: 11px; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-appartamento-soffitto__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-appartamento-soffitto__side-label { display: block; color: var(--smil-as-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-appartamento-soffitto__side ul { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-appartamento-soffitto__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-appartamento-soffitto__side li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--smil-as-turquoise); } .smil-appartamento-soffitto__side li svg { width: 15px; height: 15px; fill: var(--smil-as-dark-deep); } .smil-appartamento-soffitto__side li strong { display: block; color: var(--smil-as-white); font-size: 15px; line-height: 1.4; } .smil-appartamento-soffitto__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-appartamento-soffitto__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 24px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-appartamento-soffitto__side-note svg { width: 21px; height: 21px; fill: var(--smil-as-turquoise-light); } .smil-appartamento-soffitto__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= AMBIENTI DELL’APPARTAMENTO ========================================================= */ .smil-appartamento-soffitto__rooms { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-as-border); border-radius: 27px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-as-shadow); } .smil-appartamento-soffitto__rooms-header { max-width: 880px; } .smil-appartamento-soffitto__rooms-header > span { display: block; margin-bottom: 8px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-appartamento-soffitto__rooms-header h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(28px, 3.1vw, 43px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-appartamento-soffitto__rooms-header p { margin: 15px 0 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.68; } .smil-appartamento-soffitto__rooms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 31px; } .smil-appartamento-soffitto__room-card { padding: 26px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 20px; background: var(--smil-as-light); } .smil-appartamento-soffitto__room-icon { display: grid; width: 48px; height: 48px; margin-bottom: 17px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-as-turquoise), var(--smil-as-teal) ); } .smil-appartamento-soffitto__room-icon svg { width: 25px; height: 25px; fill: var(--smil-as-white); } .smil-appartamento-soffitto__room-label { display: block; margin-bottom: 7px; color: var(--smil-as-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-appartamento-soffitto__room-card h3 { margin: 0; color: var(--smil-as-dark); font-size: 23px; line-height: 1.3; letter-spacing: -0.025em; } .smil-appartamento-soffitto__room-card p { margin: 14px 0 0; color: var(--smil-as-muted); font-size: 14px; line-height: 1.68; } .smil-appartamento-soffitto__room-card ul { display: grid; gap: 8px; margin: 19px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.13); list-style: none; } .smil-appartamento-soffitto__room-card li { position: relative; padding-left: 21px; color: var(--smil-as-text); font-size: 13px; line-height: 1.5; } .smil-appartamento-soffitto__room-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-as-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.11); } /* ========================================================= INTERVENTO DALL’INTERNO ========================================================= */ .smil-appartamento-soffitto__inside { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 0.9fr); gap: clamp(32px, 5vw, 65px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-appartamento-soffitto__inside-label { display: block; margin-bottom: 8px; color: var(--smil-as-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-appartamento-soffitto__inside-content h3 { margin: 0; color: var(--smil-as-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-appartamento-soffitto__inside-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-appartamento-soffitto__inside-content p + p { margin-top: 12px; } .smil-appartamento-soffitto__inside-steps { display: grid; gap: 12px; } .smil-appartamento-soffitto__inside-steps > div { display: grid; grid-template-columns: auto 1fr; gap: 13px; align-items: start; padding: 16px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 14px; background: rgba(255, 255, 255, 0.055); } .smil-appartamento-soffitto__inside-steps > div > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: var(--smil-as-turquoise); color: var(--smil-as-dark-deep); font-size: 13px; font-weight: 900; } .smil-appartamento-soffitto__inside-steps strong { display: block; color: var(--smil-as-white); font-size: 15px; line-height: 1.4; } .smil-appartamento-soffitto__inside-steps p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.66); font-size: 12px; line-height: 1.55; } /* ========================================================= LIMITI DEL SOLO SOFFITTO ========================================================= */ .smil-appartamento-soffitto__limits { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-appartamento-soffitto__limits-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-appartamento-soffitto__limits-icon svg { width: 27px; height: 27px; fill: var(--smil-as-teal); } .smil-appartamento-soffitto__limits-content > span { display: block; margin-bottom: 7px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-appartamento-soffitto__limits-content h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-appartamento-soffitto__limits-content p { margin: 15px 0 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.7; } .smil-appartamento-soffitto__limits-content p + p { margin-top: 11px; } /* ========================================================= CONTESTO MILANO ========================================================= */ .smil-appartamento-soffitto__milano { margin-top: 35px; padding: clamp(29px, 4vw, 44px); border: 1px solid var(--smil-as-border); border-radius: 24px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-appartamento-soffitto__milano-heading { max-width: 850px; } .smil-appartamento-soffitto__milano-heading > span { display: block; margin-bottom: 8px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-appartamento-soffitto__milano-heading h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.033em; } .smil-appartamento-soffitto__milano-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .smil-appartamento-soffitto__milano-grid > div { padding: 21px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 16px; background: var(--smil-as-light); } .smil-appartamento-soffitto__milano-grid strong { display: block; color: var(--smil-as-dark); font-size: 17px; line-height: 1.4; } .smil-appartamento-soffitto__milano-grid p { margin: 8px 0 0; color: var(--smil-as-muted); font-size: 13px; line-height: 1.62; } /* ========================================================= CTA ========================================================= */ .smil-appartamento-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-appartamento-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-as-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-appartamento-soffitto__cta-content strong { display: block; color: var(--smil-as-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-appartamento-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-appartamento-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-appartamento-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-appartamento-soffitto__button:hover { transform: translateY(-2px); } .smil-appartamento-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-appartamento-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-appartamento-soffitto__button--primary { background: var(--smil-as-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-as-dark-deep); } .smil-appartamento-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-as-white); } .smil-appartamento-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-appartamento-soffitto__main { grid-template-columns: 1fr; } .smil-appartamento-soffitto__side { position: static; } .smil-appartamento-soffitto__inside { grid-template-columns: 1fr; } .smil-appartamento-soffitto__cta { grid-template-columns: 1fr; } .smil-appartamento-soffitto__cta-actions { width: min(370px, 100%); } } @media (max-width: 760px) { .smil-appartamento-soffitto__rooms-grid, .smil-appartamento-soffitto__milano-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-appartamento-soffitto { padding: 64px 18px 74px; } .smil-appartamento-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-appartamento-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-appartamento-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-appartamento-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-appartamento-soffitto__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-appartamento-soffitto__side { padding: 24px 20px; border-radius: 20px; } .smil-appartamento-soffitto__rooms, .smil-appartamento-soffitto__inside, .smil-appartamento-soffitto__milano { padding: 26px 20px; border-radius: 21px; } .smil-appartamento-soffitto__limits { grid-template-columns: 1fr; padding: 25px 20px; } .smil-appartamento-soffitto__cta { padding: 27px 21px; } .smil-appartamento-soffitto__cta-actions, .smil-appartamento-soffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-appartamento-soffitto__button { transition: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_08 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_8 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_8 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= ISOLAMENTO DEL SOFFITTO DAI RUMORI DI CALPESTIO ========================================================= */ .smil-calpestio { --smil-cal-dark: #082f3b; --smil-cal-dark-deep: #05242d; --smil-cal-teal: #087f8c; --smil-cal-turquoise: #17c3b2; --smil-cal-turquoise-light: #70e1d3; --smil-cal-white: #ffffff; --smil-cal-light: #eef8f7; --smil-cal-text: #17343c; --smil-cal-muted: #58727a; --smil-cal-border: rgba(8, 127, 140, 0.16); --smil-cal-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 6%, rgba(23, 195, 178, 0.12), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 29%, #f3faf9 100% ); color: var(--smil-cal-text); } .smil-calpestio *, .smil-calpestio *::before, .smil-calpestio *::after { box-sizing: border-box; } .smil-calpestio::before { content: ""; position: absolute; top: 380px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-calpestio::after { content: ""; position: absolute; right: -150px; bottom: 250px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-calpestio__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-calpestio__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-calpestio__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-cal-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-calpestio h2 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-calpestio h2 span { display: block; color: var(--smil-cal-teal); } .smil-calpestio__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-cal-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-calpestio__intro--secondary { margin-top: 13px; } .smil-calpestio__intro strong { color: var(--smil-cal-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-calpestio__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-cal-border); border-left: 5px solid var(--smil-cal-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-calpestio__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-calpestio__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-cal-teal); } .smil-calpestio__answer strong { display: block; margin-bottom: 6px; color: var(--smil-cal-dark); font-size: 18px; line-height: 1.45; } .smil-calpestio__answer p { margin: 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-calpestio__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(55px, 6vw, 82px); } .smil-calpestio__content { display: grid; gap: 21px; } .smil-calpestio__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-cal-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-calpestio__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-cal-turquoise), var(--smil-cal-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-calpestio__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-cal-white); } .smil-calpestio__feature-label { display: block; margin-bottom: 7px; color: var(--smil-cal-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__feature h3 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-calpestio__feature p { margin: 15px 0 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.72; } .smil-calpestio__feature p + p { margin-top: 11px; } /* ========================================================= PANNELLO RUMORI TIPICI ========================================================= */ .smil-calpestio__symptoms { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-cal-dark), var(--smil-cal-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-calpestio__symptoms-label { display: block; color: var(--smil-cal-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-calpestio__symptoms ul { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-calpestio__symptoms li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-calpestio__symptoms li > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: var(--smil-cal-turquoise); } .smil-calpestio__symptoms li svg { width: 17px; height: 17px; fill: var(--smil-cal-dark-deep); } .smil-calpestio__symptoms li strong { display: block; color: var(--smil-cal-white); font-size: 15px; line-height: 1.4; } .smil-calpestio__symptoms li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-calpestio__symptoms-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 24px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-calpestio__symptoms-note svg { width: 21px; height: 21px; fill: var(--smil-cal-turquoise-light); } .smil-calpestio__symptoms-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= DIFFERENZA TRA RUMORI AEREI E IMPATTIVI ========================================================= */ .smil-calpestio__difference { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-cal-border); border-radius: 27px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-cal-shadow); } .smil-calpestio__difference-header { max-width: 890px; } .smil-calpestio__difference-header > span { display: block; margin-bottom: 8px; color: var(--smil-cal-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__difference-header h3 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(28px, 3.1vw, 43px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-calpestio__difference-header p { margin: 15px 0 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.68; } .smil-calpestio__difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 31px; } .smil-calpestio__difference-card { padding: 27px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 20px; background: var(--smil-cal-light); } .smil-calpestio__difference-card--impact { border-color: rgba(23, 195, 178, 0.27); background: rgba(23, 195, 178, 0.08); } .smil-calpestio__difference-icon { display: grid; width: 49px; height: 49px; margin-bottom: 17px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-cal-turquoise), var(--smil-cal-teal) ); } .smil-calpestio__difference-icon svg { width: 25px; height: 25px; fill: var(--smil-cal-white); } .smil-calpestio__difference-label { display: block; margin-bottom: 7px; color: var(--smil-cal-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-calpestio__difference-card h3 { margin: 0; color: var(--smil-cal-dark); font-size: 23px; line-height: 1.3; letter-spacing: -0.025em; } .smil-calpestio__difference-card p { margin: 14px 0 0; color: var(--smil-cal-muted); font-size: 14px; line-height: 1.68; } .smil-calpestio__difference-card ul { display: grid; gap: 8px; margin: 19px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.13); list-style: none; } .smil-calpestio__difference-card li { position: relative; padding-left: 21px; color: var(--smil-cal-text); font-size: 13px; line-height: 1.5; } .smil-calpestio__difference-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-cal-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.11); } /* ========================================================= INTERVENTO ALLA SORGENTE O DAL BASSO ========================================================= */ .smil-calpestio__source { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-cal-dark), var(--smil-cal-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-calpestio__source-label { display: block; margin-bottom: 8px; color: var(--smil-cal-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__source-content h3 { margin: 0; color: var(--smil-cal-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-calpestio__source-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-calpestio__source-content p + p { margin-top: 12px; } .smil-calpestio__source-grid { display: grid; gap: 13px; } .smil-calpestio__source-grid article { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 19px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-calpestio__source-number { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--smil-cal-turquoise); color: var(--smil-cal-dark-deep); font-size: 15px; font-weight: 900; } .smil-calpestio__source-grid strong { display: block; color: var(--smil-cal-white); font-size: 16px; line-height: 1.4; } .smil-calpestio__source-grid p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.6; } /* ========================================================= SISTEMA ACUSTICO ========================================================= */ .smil-calpestio__system { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-cal-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-cal-shadow); } .smil-calpestio__system-heading { max-width: 880px; } .smil-calpestio__system-heading > span { display: block; margin-bottom: 8px; color: var(--smil-cal-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__system-heading h3 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-calpestio__system-heading p { margin: 14px 0 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.67; } .smil-calpestio__system-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-calpestio__system-grid article { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-cal-light); } .smil-calpestio__system-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-cal-turquoise), var(--smil-cal-teal) ); } .smil-calpestio__system-icon svg { width: 23px; height: 23px; fill: var(--smil-cal-white); } .smil-calpestio__system-grid h3 { margin: 0; color: var(--smil-cal-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-calpestio__system-grid p { margin: 9px 0 0; color: var(--smil-cal-muted); font-size: 12px; line-height: 1.62; } .smil-calpestio__vibraless { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-top: 25px; padding: 21px; border-left: 5px solid var(--smil-cal-turquoise); border-radius: 0 17px 17px 0; background: rgba(23, 195, 178, 0.075); } .smil-calpestio__vibraless-icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: var(--smil-cal-teal); } .smil-calpestio__vibraless-icon svg { width: 23px; height: 23px; fill: var(--smil-cal-white); } .smil-calpestio__vibraless strong { display: block; color: var(--smil-cal-dark); font-size: 17px; line-height: 1.4; } .smil-calpestio__vibraless p { margin: 7px 0 0; color: var(--smil-cal-muted); font-size: 13px; line-height: 1.64; } /* ========================================================= SOPRALLUOGO ANALITICO ========================================================= */ .smil-calpestio__analysis { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-cal-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-calpestio__analysis-label { display: block; margin-bottom: 8px; color: var(--smil-cal-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__analysis-content h3 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-calpestio__analysis-content p { margin: 17px 0 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.72; } .smil-calpestio__analysis-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-cal-dark), var(--smil-cal-dark-deep) ); } .smil-calpestio__analysis-list ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .smil-calpestio__analysis-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-calpestio__analysis-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-cal-turquoise); } .smil-calpestio__analysis-list li svg { width: 14px; height: 14px; fill: var(--smil-cal-dark-deep); } /* ========================================================= ASPETTATIVE REALISTICHE ========================================================= */ .smil-calpestio__expectations { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-calpestio__expectations-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-calpestio__expectations-icon svg { width: 27px; height: 27px; fill: var(--smil-cal-teal); } .smil-calpestio__expectations span { display: block; margin-bottom: 7px; color: var(--smil-cal-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-calpestio__expectations h3 { margin: 0; color: var(--smil-cal-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-calpestio__expectations p { margin: 15px 0 0; color: var(--smil-cal-muted); font-size: 15px; line-height: 1.7; } .smil-calpestio__expectations p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-calpestio__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-cal-dark), var(--smil-cal-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-calpestio__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-cal-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-calpestio__cta-content strong { display: block; color: var(--smil-cal-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-calpestio__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-calpestio__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-calpestio__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-calpestio__button:hover { transform: translateY(-2px); } .smil-calpestio__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-calpestio__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-calpestio__button--primary { background: var(--smil-cal-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-cal-dark-deep); } .smil-calpestio__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-cal-white); } .smil-calpestio__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-calpestio__main { grid-template-columns: 1fr; } .smil-calpestio__symptoms { position: static; } .smil-calpestio__source, .smil-calpestio__analysis { grid-template-columns: 1fr; } .smil-calpestio__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-calpestio__cta { grid-template-columns: 1fr; } .smil-calpestio__cta-actions { width: min(370px, 100%); } } @media (max-width: 760px) { .smil-calpestio__difference-grid, .smil-calpestio__system-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-calpestio { padding: 64px 18px 74px; } .smil-calpestio__eyebrow { border-radius: 15px; font-size: 10px; } .smil-calpestio h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-calpestio__intro { font-size: 16px; line-height: 1.68; } .smil-calpestio__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-calpestio__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-calpestio__symptoms { padding: 24px 20px; border-radius: 20px; } .smil-calpestio__difference, .smil-calpestio__source, .smil-calpestio__system, .smil-calpestio__analysis { padding: 26px 20px; border-radius: 21px; } .smil-calpestio__vibraless, .smil-calpestio__expectations { grid-template-columns: 1fr; } .smil-calpestio__cta { padding: 27px 21px; } .smil-calpestio__cta-actions, .smil-calpestio__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-calpestio__button { transition: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_10 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_10 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_10 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= QUANDO PUÒ BASTARE ISOLARE SOLAMENTE IL SOFFITTO ========================================================= */ .smil-solo-soffitto { --smil-ss-dark: #082f3b; --smil-ss-dark-deep: #05242d; --smil-ss-teal: #087f8c; --smil-ss-turquoise: #17c3b2; --smil-ss-turquoise-light: #70e1d3; --smil-ss-white: #ffffff; --smil-ss-light: #eef8f7; --smil-ss-text: #17343c; --smil-ss-muted: #58727a; --smil-ss-border: rgba(8, 127, 140, 0.16); --smil-ss-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 31%, #edf7f6 100% ); color: var(--smil-ss-text); } .smil-solo-soffitto *, .smil-solo-soffitto *::before, .smil-solo-soffitto *::after { box-sizing: border-box; } .smil-solo-soffitto::before { content: ""; position: absolute; top: 420px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-solo-soffitto::after { content: ""; position: absolute; bottom: 250px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-solo-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-solo-soffitto__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-solo-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-ss-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-solo-soffitto h2 { margin: 0; color: var(--smil-ss-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-solo-soffitto h2 span { display: block; color: var(--smil-ss-teal); } .smil-solo-soffitto__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-ss-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-solo-soffitto__intro--secondary { margin-top: 13px; } .smil-solo-soffitto__intro strong { color: var(--smil-ss-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-solo-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-ss-border); border-left: 5px solid var(--smil-ss-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-solo-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-solo-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-ss-teal); } .smil-solo-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-ss-dark); font-size: 18px; line-height: 1.45; } .smil-solo-soffitto__answer p { margin: 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONDIZIONI FAVOREVOLI ========================================================= */ .smil-solo-soffitto__conditions { margin-top: clamp(58px, 7vw, 90px); } .smil-solo-soffitto__conditions-header { max-width: 900px; } .smil-solo-soffitto__conditions-header > span { display: block; margin-bottom: 8px; color: var(--smil-ss-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__conditions-header h3 { margin: 0; color: var(--smil-ss-dark); font-size: clamp(28px, 3.1vw, 43px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-solo-soffitto__conditions-header p { margin: 15px 0 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.68; } .smil-solo-soffitto__conditions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 31px; } .smil-solo-soffitto__condition-card { position: relative; overflow: hidden; padding: clamp(25px, 3vw, 34px); border: 1px solid var(--smil-ss-border); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 43px rgba(5, 36, 45, 0.06); } .smil-solo-soffitto__condition-card::after { content: ""; position: absolute; top: -75px; right: -75px; width: 155px; height: 155px; border-radius: 50%; background: rgba(23, 195, 178, 0.055); pointer-events: none; } .smil-solo-soffitto__condition-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 21px; } .smil-solo-soffitto__condition-number { color: rgba(8, 47, 59, 0.15); font-size: 31px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-solo-soffitto__condition-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-ss-turquoise), var(--smil-ss-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-solo-soffitto__condition-icon svg { width: 25px; height: 25px; fill: var(--smil-ss-white); } .smil-solo-soffitto__condition-card h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-ss-dark); font-size: clamp(22px, 2vw, 27px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-solo-soffitto__condition-card p { position: relative; z-index: 1; margin: 15px 0 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.72; } .smil-solo-soffitto__condition-card ul { position: relative; z-index: 1; display: grid; gap: 8px; margin: 20px 0 0; padding: 17px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.12); list-style: none; } .smil-solo-soffitto__condition-card li { position: relative; padding-left: 21px; color: var(--smil-ss-text); font-size: 13px; line-height: 1.5; } .smil-solo-soffitto__condition-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-ss-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.11); } /* ========================================================= VALUTAZIONE DELLA TRASMISSIONE ========================================================= */ .smil-solo-soffitto__evaluation { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ss-dark), var(--smil-ss-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-solo-soffitto__evaluation-label { display: block; margin-bottom: 8px; color: var(--smil-ss-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__evaluation-content h3 { margin: 0; color: var(--smil-ss-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-solo-soffitto__evaluation-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-solo-soffitto__evaluation-content p + p { margin-top: 12px; } .smil-solo-soffitto__evaluation-content strong { color: var(--smil-ss-white); } .smil-solo-soffitto__evaluation-diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-solo-soffitto__diagram-room { position: relative; overflow: hidden; border-radius: 14px; } .smil-solo-soffitto__diagram-upper { position: relative; display: flex; min-height: 82px; align-items: flex-start; justify-content: center; padding: 15px; background: #48636a; color: rgba(255, 255, 255, 0.9); } .smil-solo-soffitto__diagram-upper > span { font-size: 12px; font-weight: 850; } .smil-solo-soffitto__diagram-source { position: absolute; right: 0; bottom: 8px; left: 0; display: flex; align-items: flex-end; justify-content: center; gap: 10px; } .smil-solo-soffitto__diagram-source i { width: 4px; height: 20px; border-radius: 99px; background: var(--smil-ss-turquoise); animation: smil-ss-wave 1.65s ease-in-out infinite; } .smil-solo-soffitto__diagram-source i:nth-child(2) { height: 31px; animation-delay: 150ms; } .smil-solo-soffitto__diagram-source i:nth-child(3) { animation-delay: 300ms; } @keyframes smil-ss-wave { 0%, 100% { opacity: 0.4; transform: scaleY(0.7); } 50% { opacity: 1; transform: scaleY(1); } } .smil-solo-soffitto__diagram-slab { display: flex; min-height: 42px; align-items: center; justify-content: center; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #263f47; color: rgba(255, 255, 255, 0.72); font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } .smil-solo-soffitto__diagram-paths { position: absolute; top: 103px; right: 0; left: 0; height: 90px; pointer-events: none; } .smil-solo-soffitto__diagram-path { position: absolute; font-size: 31px; font-weight: 900; line-height: 1; } .smil-solo-soffitto__diagram-path--direct { top: 3px; left: 50%; color: var(--smil-ss-turquoise); transform: translateX(-50%); } .smil-solo-soffitto__diagram-path--left { top: 12px; left: 22%; color: #70e1d3; } .smil-solo-soffitto__diagram-path--right { top: 12px; right: 22%; color: #70e1d3; } .smil-solo-soffitto__diagram-lower { display: grid; grid-template-columns: 58px minmax(0, 1fr) 58px; min-height: 104px; background: #eaf6f4; } .smil-solo-soffitto__diagram-wall, .smil-solo-soffitto__diagram-center { display: flex; align-items: flex-end; justify-content: center; padding: 12px 7px; text-align: center; } .smil-solo-soffitto__diagram-wall { background: rgba(8, 127, 140, 0.14); color: var(--smil-ss-teal); font-size: 9px; font-weight: 850; writing-mode: vertical-rl; } .smil-solo-soffitto__diagram-wall--left { transform: rotate(180deg); } .smil-solo-soffitto__diagram-center { color: var(--smil-ss-dark); font-size: 12px; font-weight: 850; } .smil-solo-soffitto__diagram-legend { display: flex; flex-wrap: wrap; gap: 14px 20px; margin-top: 15px; } .smil-solo-soffitto__diagram-legend span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, 0.68); font-size: 11px; line-height: 1.4; } .smil-solo-soffitto__legend-dot { display: block; width: 9px; height: 9px; border-radius: 50%; } .smil-solo-soffitto__legend-dot--direct { background: var(--smil-ss-turquoise); } .smil-solo-soffitto__legend-dot--lateral { background: var(--smil-ss-turquoise-light); } /* ========================================================= SITUAZIONI PIÙ FAVOREVOLI ========================================================= */ .smil-solo-soffitto__favorable { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-ss-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-ss-shadow); } .smil-solo-soffitto__favorable-header { max-width: 900px; } .smil-solo-soffitto__favorable-header > span { display: block; margin-bottom: 8px; color: var(--smil-ss-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__favorable-header h3 { margin: 0; color: var(--smil-ss-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-solo-soffitto__favorable-header p { margin: 14px 0 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.67; } .smil-solo-soffitto__favorable-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-solo-soffitto__favorable-grid article { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-ss-light); } .smil-solo-soffitto__favorable-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-ss-turquoise), var(--smil-ss-teal) ); } .smil-solo-soffitto__favorable-icon svg { width: 23px; height: 23px; fill: var(--smil-ss-white); } .smil-solo-soffitto__favorable-grid h3 { margin: 0; color: var(--smil-ss-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-solo-soffitto__favorable-grid p { margin: 9px 0 0; color: var(--smil-ss-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= AMBIENTI ========================================================= */ .smil-solo-soffitto__rooms { margin-top: 35px; padding: clamp(29px, 4vw, 44px); border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ss-dark), var(--smil-ss-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-solo-soffitto__rooms-heading { max-width: 880px; } .smil-solo-soffitto__rooms-heading > span { display: block; margin-bottom: 8px; color: var(--smil-ss-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__rooms-heading h3 { margin: 0; color: var(--smil-ss-white); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-solo-soffitto__rooms-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 29px; } .smil-solo-soffitto__rooms-grid article { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 17px; background: rgba(255, 255, 255, 0.055); } .smil-solo-soffitto__rooms-grid strong { display: block; color: var(--smil-ss-white); font-size: 17px; line-height: 1.4; } .smil-solo-soffitto__rooms-grid p { margin: 8px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 12px; line-height: 1.62; } /* ========================================================= VERIFICHE PRIMA DEL PROGETTO ========================================================= */ .smil-solo-soffitto__check { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-ss-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-solo-soffitto__check-label { display: block; margin-bottom: 8px; color: var(--smil-ss-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__check-content h3 { margin: 0; color: var(--smil-ss-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-solo-soffitto__check-content p { margin: 17px 0 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.72; } .smil-solo-soffitto__check-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-ss-dark), var(--smil-ss-dark-deep) ); } .smil-solo-soffitto__check-list ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .smil-solo-soffitto__check-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-solo-soffitto__check-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-ss-turquoise); } .smil-solo-soffitto__check-list li svg { width: 14px; height: 14px; fill: var(--smil-ss-dark-deep); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-solo-soffitto__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-solo-soffitto__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-solo-soffitto__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-ss-teal); } .smil-solo-soffitto__transparency span { display: block; margin-bottom: 7px; color: var(--smil-ss-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-solo-soffitto__transparency h3 { margin: 0; color: var(--smil-ss-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-solo-soffitto__transparency p { margin: 15px 0 0; color: var(--smil-ss-muted); font-size: 15px; line-height: 1.7; } .smil-solo-soffitto__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-solo-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-ss-dark), var(--smil-ss-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-solo-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-ss-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-solo-soffitto__cta-content strong { display: block; color: var(--smil-ss-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-solo-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-solo-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-solo-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-solo-soffitto__button:hover { transform: translateY(-2px); } .smil-solo-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-solo-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-solo-soffitto__button--primary { background: var(--smil-ss-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-ss-dark-deep); } .smil-solo-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-ss-white); } .smil-solo-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-solo-soffitto__evaluation, .smil-solo-soffitto__check { grid-template-columns: 1fr; } .smil-solo-soffitto__favorable-grid, .smil-solo-soffitto__rooms-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-solo-soffitto__cta { grid-template-columns: 1fr; } .smil-solo-soffitto__cta-actions { width: min(370px, 100%); } } @media (max-width: 760px) { .smil-solo-soffitto__conditions-grid, .smil-solo-soffitto__favorable-grid, .smil-solo-soffitto__rooms-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-solo-soffitto { padding: 64px 18px 74px; } .smil-solo-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-solo-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-solo-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-solo-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-solo-soffitto__condition-card { padding: 23px 20px; border-radius: 18px; } .smil-solo-soffitto__evaluation, .smil-solo-soffitto__favorable, .smil-solo-soffitto__rooms, .smil-solo-soffitto__check { padding: 26px 20px; border-radius: 21px; } .smil-solo-soffitto__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-solo-soffitto__cta { padding: 27px 21px; } .smil-solo-soffitto__cta-actions, .smil-solo-soffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-solo-soffitto__diagram-source i { animation: none; } .smil-solo-soffitto__button { transition: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_11 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_11 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_11 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= QUANDO IL SOLO SOFFITTO POTREBBE NON BASTARE ========================================================= */ .smil-soffitto-limiti { --smil-sl-dark: #082f3b; --smil-sl-dark-deep: #05242d; --smil-sl-teal: #087f8c; --smil-sl-turquoise: #17c3b2; --smil-sl-turquoise-light: #70e1d3; --smil-sl-white: #ffffff; --smil-sl-light: #eef8f7; --smil-sl-text: #17343c; --smil-sl-muted: #58727a; --smil-sl-border: rgba(8, 127, 140, 0.16); --smil-sl-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-sl-warning: #c4763d; --smil-sl-warning-light: rgba(196, 118, 61, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 30%, #f3faf9 100% ); color: var(--smil-sl-text); } .smil-soffitto-limiti *, .smil-soffitto-limiti *::before, .smil-soffitto-limiti *::after { box-sizing: border-box; } .smil-soffitto-limiti::before { content: ""; position: absolute; top: 410px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-soffitto-limiti::after { content: ""; position: absolute; right: -150px; bottom: 250px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-soffitto-limiti__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-soffitto-limiti__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-soffitto-limiti__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-sl-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-soffitto-limiti h2 { margin: 0; color: var(--smil-sl-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-soffitto-limiti h2 span { display: block; color: var(--smil-sl-teal); } .smil-soffitto-limiti__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-sl-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-soffitto-limiti__intro--secondary { margin-top: 13px; } .smil-soffitto-limiti__intro strong { color: var(--smil-sl-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-soffitto-limiti__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid rgba(196, 118, 61, 0.2); border-left: 5px solid var(--smil-sl-warning); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-soffitto-limiti__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--smil-sl-warning-light); } .smil-soffitto-limiti__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-sl-warning); } .smil-soffitto-limiti__answer strong { display: block; margin-bottom: 6px; color: var(--smil-sl-dark); font-size: 18px; line-height: 1.45; } .smil-soffitto-limiti__answer p { margin: 0; color: var(--smil-sl-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= SITUAZIONI E PANNELLO LATERALE ========================================================= */ .smil-soffitto-limiti__main { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-soffitto-limiti__situations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; } .smil-soffitto-limiti__situation { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 32px); border: 1px solid var(--smil-sl-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-soffitto-limiti__situation::after { content: ""; position: absolute; top: -75px; right: -75px; width: 155px; height: 155px; border-radius: 50%; background: rgba(23, 195, 178, 0.055); pointer-events: none; } .smil-soffitto-limiti__situation-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; } .smil-soffitto-limiti__situation-number { color: rgba(8, 47, 59, 0.15); font-size: 30px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-soffitto-limiti__situation-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-sl-turquoise), var(--smil-sl-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-soffitto-limiti__situation-icon svg { width: 25px; height: 25px; fill: var(--smil-sl-white); } .smil-soffitto-limiti__situation h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-sl-dark); font-size: clamp(21px, 1.8vw, 26px); font-weight: 820; line-height: 1.25; letter-spacing: -0.026em; } .smil-soffitto-limiti__situation p { position: relative; z-index: 1; margin: 15px 0 0; color: var(--smil-sl-muted); font-size: 14px; line-height: 1.7; } .smil-soffitto-limiti__situation p + p { margin-top: 10px; } .smil-soffitto-limiti__situation ul { position: relative; z-index: 1; display: grid; gap: 8px; margin: 19px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.12); list-style: none; } .smil-soffitto-limiti__situation li { position: relative; padding-left: 21px; color: var(--smil-sl-text); font-size: 12px; line-height: 1.5; } .smil-soffitto-limiti__situation li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-sl-warning); box-shadow: 0 0 0 4px rgba(196, 118, 61, 0.1); } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-soffitto-limiti__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-sl-dark), var(--smil-sl-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-soffitto-limiti__side-label { display: block; color: var(--smil-sl-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-soffitto-limiti__side ul { display: grid; gap: 19px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-soffitto-limiti__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-soffitto-limiti__side li > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: var(--smil-sl-warning); } .smil-soffitto-limiti__side li svg { width: 17px; height: 17px; fill: var(--smil-sl-white); } .smil-soffitto-limiti__side li strong { display: block; color: var(--smil-sl-white); font-size: 15px; line-height: 1.4; } .smil-soffitto-limiti__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-soffitto-limiti__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 25px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-soffitto-limiti__side-note svg { width: 21px; height: 21px; fill: var(--smil-sl-turquoise-light); } .smil-soffitto-limiti__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= DIAGRAMMA TRASMISSIONI LATERALI ========================================================= */ .smil-soffitto-limiti__diagram-section { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sl-dark), var(--smil-sl-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-soffitto-limiti__diagram-label { display: block; margin-bottom: 8px; color: var(--smil-sl-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-limiti__diagram-content h3 { margin: 0; color: var(--smil-sl-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-soffitto-limiti__diagram-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-soffitto-limiti__diagram-content p + p { margin-top: 12px; } .smil-soffitto-limiti__diagram-content strong { color: var(--smil-sl-white); } .smil-soffitto-limiti__diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-soffitto-limiti__building { position: relative; overflow: hidden; border-radius: 14px; } .smil-soffitto-limiti__building-upper { position: relative; display: flex; min-height: 82px; align-items: flex-start; justify-content: center; padding: 15px; background: #48636a; color: rgba(255, 255, 255, 0.9); } .smil-soffitto-limiti__building-upper > span { font-size: 12px; font-weight: 850; } .smil-soffitto-limiti__building-source { position: absolute; right: 0; bottom: 8px; left: 0; display: flex; align-items: flex-end; justify-content: center; gap: 10px; } .smil-soffitto-limiti__building-source i { width: 4px; height: 20px; border-radius: 99px; background: var(--smil-sl-warning); animation: smil-sl-wave 1.65s ease-in-out infinite; } .smil-soffitto-limiti__building-source i:nth-child(2) { height: 31px; animation-delay: 150ms; } .smil-soffitto-limiti__building-source i:nth-child(3) { animation-delay: 300ms; } @keyframes smil-sl-wave { 0%, 100% { opacity: 0.4; transform: scaleY(0.7); } 50% { opacity: 1; transform: scaleY(1); } } .smil-soffitto-limiti__building-slab { display: flex; min-height: 41px; align-items: center; justify-content: center; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #263f47; color: rgba(255, 255, 255, 0.72); font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } .smil-soffitto-limiti__building-ceiling { display: flex; min-height: 42px; align-items: center; justify-content: center; background: linear-gradient( 90deg, rgba(23, 195, 178, 0.65), rgba(8, 127, 140, 0.9) ); color: var(--smil-sl-white); font-size: 10px; font-weight: 850; letter-spacing: 0.03em; } .smil-soffitto-limiti__building-paths { position: absolute; top: 116px; right: 0; left: 0; height: 105px; pointer-events: none; } .smil-soffitto-limiti__building-path { position: absolute; font-size: 31px; font-weight: 900; line-height: 1; } .smil-soffitto-limiti__building-path--blocked { top: 9px; left: 50%; color: rgba(255, 255, 255, 0.35); text-decoration: line-through; transform: translateX(-50%); } .smil-soffitto-limiti__building-path--left { top: 27px; left: 18%; color: var(--smil-sl-warning); } .smil-soffitto-limiti__building-path--right { top: 27px; right: 18%; color: var(--smil-sl-warning); } .smil-soffitto-limiti__building-room { display: grid; grid-template-columns: 62px minmax(0, 1fr) 62px; min-height: 115px; background: #eaf6f4; } .smil-soffitto-limiti__building-wall, .smil-soffitto-limiti__building-center { display: flex; align-items: flex-end; justify-content: center; padding: 12px 7px; text-align: center; } .smil-soffitto-limiti__building-wall { background: rgba(196, 118, 61, 0.17); color: #955229; font-size: 9px; font-weight: 850; writing-mode: vertical-rl; } .smil-soffitto-limiti__building-wall--left { transform: rotate(180deg); } .smil-soffitto-limiti__building-center { color: var(--smil-sl-dark); font-size: 12px; font-weight: 850; } .smil-soffitto-limiti__diagram-legend { display: flex; flex-wrap: wrap; gap: 14px 20px; margin-top: 15px; } .smil-soffitto-limiti__diagram-legend span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, 0.68); font-size: 11px; line-height: 1.4; } .smil-soffitto-limiti__legend-dot { display: block; width: 9px; height: 9px; border-radius: 50%; } .smil-soffitto-limiti__legend-dot--direct { background: var(--smil-sl-turquoise); } .smil-soffitto-limiti__legend-dot--lateral { background: var(--smil-sl-warning); } /* ========================================================= INTERVENTO COMPLETO ========================================================= */ .smil-soffitto-limiti__complete { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sl-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sl-shadow); } .smil-soffitto-limiti__complete-header { max-width: 900px; } .smil-soffitto-limiti__complete-header > span { display: block; margin-bottom: 8px; color: var(--smil-sl-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-limiti__complete-header h3 { margin: 0; color: var(--smil-sl-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-soffitto-limiti__complete-header p { margin: 15px 0 0; color: var(--smil-sl-muted); font-size: 15px; line-height: 1.68; } .smil-soffitto-limiti__complete-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; } .smil-soffitto-limiti__complete-grid article { padding: 23px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-sl-light); } .smil-soffitto-limiti__complete-icon { display: grid; width: 46px; height: 46px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-sl-turquoise), var(--smil-sl-teal) ); } .smil-soffitto-limiti__complete-icon svg { width: 24px; height: 24px; fill: var(--smil-sl-white); } .smil-soffitto-limiti__complete-grid h3 { margin: 0; color: var(--smil-sl-dark); font-size: 19px; line-height: 1.35; letter-spacing: -0.016em; } .smil-soffitto-limiti__complete-grid p { margin: 9px 0 0; color: var(--smil-sl-muted); font-size: 13px; line-height: 1.62; } /* ========================================================= ESEMPI ========================================================= */ .smil-soffitto-limiti__examples { margin-top: 35px; padding: clamp(29px, 4vw, 44px); border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sl-dark), var(--smil-sl-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-soffitto-limiti__examples-heading { max-width: 880px; } .smil-soffitto-limiti__examples-heading > span { display: block; margin-bottom: 8px; color: var(--smil-sl-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-limiti__examples-heading h3 { margin: 0; color: var(--smil-sl-white); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-soffitto-limiti__examples-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .smil-soffitto-limiti__example-card { padding: 23px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 17px; background: rgba(255, 255, 255, 0.055); } .smil-soffitto-limiti__example-status { display: inline-block; margin-bottom: 13px; padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-soffitto-limiti__example-status--possible { background: rgba(23, 195, 178, 0.18); color: var(--smil-sl-turquoise-light); } .smil-soffitto-limiti__example-status--evaluate { background: rgba(196, 118, 61, 0.2); color: #f3bd94; } .smil-soffitto-limiti__example-status--investigate { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); } .smil-soffitto-limiti__example-card h3 { margin: 0; color: var(--smil-sl-white); font-size: 18px; line-height: 1.38; letter-spacing: -0.014em; } .smil-soffitto-limiti__example-card p { margin: 10px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 12px; line-height: 1.62; } /* ========================================================= ANALISI ========================================================= */ .smil-soffitto-limiti__analysis { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-sl-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-soffitto-limiti__analysis-label { display: block; margin-bottom: 8px; color: var(--smil-sl-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-limiti__analysis-content h3 { margin: 0; color: var(--smil-sl-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-soffitto-limiti__analysis-content p { margin: 17px 0 0; color: var(--smil-sl-muted); font-size: 15px; line-height: 1.72; } .smil-soffitto-limiti__analysis-content p + p { margin-top: 11px; } .smil-soffitto-limiti__analysis-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-sl-dark), var(--smil-sl-dark-deep) ); } .smil-soffitto-limiti__analysis-list > strong { display: block; color: var(--smil-sl-white); font-size: 16px; line-height: 1.45; } .smil-soffitto-limiti__analysis-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-soffitto-limiti__analysis-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-soffitto-limiti__analysis-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sl-turquoise); } .smil-soffitto-limiti__analysis-list li svg { width: 14px; height: 14px; fill: var(--smil-sl-dark-deep); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-soffitto-limiti__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-soffitto-limiti__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-soffitto-limiti__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-sl-teal); } .smil-soffitto-limiti__transparency span { display: block; margin-bottom: 7px; color: var(--smil-sl-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-soffitto-limiti__transparency h3 { margin: 0; color: var(--smil-sl-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-soffitto-limiti__transparency p { margin: 15px 0 0; color: var(--smil-sl-muted); font-size: 15px; line-height: 1.7; } .smil-soffitto-limiti__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-soffitto-limiti__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-sl-dark), var(--smil-sl-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-soffitto-limiti__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-sl-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-soffitto-limiti__cta-content strong { display: block; color: var(--smil-sl-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-soffitto-limiti__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-soffitto-limiti__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-soffitto-limiti__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-soffitto-limiti__button:hover { transform: translateY(-2px); } .smil-soffitto-limiti__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-soffitto-limiti__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-soffitto-limiti__button--primary { background: var(--smil-sl-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-sl-dark-deep); } .smil-soffitto-limiti__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-sl-white); } .smil-soffitto-limiti__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1080px) { .smil-soffitto-limiti__main { grid-template-columns: 1fr; } .smil-soffitto-limiti__side { position: static; } .smil-soffitto-limiti__diagram-section, .smil-soffitto-limiti__analysis { grid-template-columns: 1fr; } .smil-soffitto-limiti__cta { grid-template-columns: 1fr; } .smil-soffitto-limiti__cta-actions { width: min(380px, 100%); } } @media (max-width: 820px) { .smil-soffitto-limiti__situations, .smil-soffitto-limiti__complete-grid, .smil-soffitto-limiti__examples-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-soffitto-limiti { padding: 64px 18px 74px; } .smil-soffitto-limiti__eyebrow { border-radius: 15px; font-size: 10px; } .smil-soffitto-limiti h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-soffitto-limiti__intro { font-size: 16px; line-height: 1.68; } .smil-soffitto-limiti__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-soffitto-limiti__situation { padding: 23px 20px; border-radius: 18px; } .smil-soffitto-limiti__side { padding: 24px 20px; border-radius: 20px; } .smil-soffitto-limiti__diagram-section, .smil-soffitto-limiti__complete, .smil-soffitto-limiti__examples, .smil-soffitto-limiti__analysis { padding: 26px 20px; border-radius: 21px; } .smil-soffitto-limiti__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-soffitto-limiti__cta { padding: 27px 21px; } .smil-soffitto-limiti__cta-actions, .smil-soffitto-limiti__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-soffitto-limiti__building-source i { animation: none; } .smil-soffitto-limiti__button { transition: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_12 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_12 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_12 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= QUANTO SPAZIO OCCUPA L’ISOLAMENTO ACUSTICO DEL SOFFITTO ========================================================= */ .smil-spessore-soffitto { --smil-sp-dark: #082f3b; --smil-sp-dark-deep: #05242d; --smil-sp-teal: #087f8c; --smil-sp-turquoise: #17c3b2; --smil-sp-turquoise-light: #70e1d3; --smil-sp-white: #ffffff; --smil-sp-light: #eef8f7; --smil-sp-text: #17343c; --smil-sp-muted: #58727a; --smil-sp-border: rgba(8, 127, 140, 0.16); --smil-sp-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-sp-warning: #c4763d; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 30%, #edf7f6 100% ); color: var(--smil-sp-text); } .smil-spessore-soffitto *, .smil-spessore-soffitto *::before, .smil-spessore-soffitto *::after { box-sizing: border-box; } .smil-spessore-soffitto::before { content: ""; position: absolute; top: 420px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-spessore-soffitto::after { content: ""; position: absolute; bottom: 270px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-spessore-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-spessore-soffitto__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-spessore-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-sp-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-spessore-soffitto h2 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-spessore-soffitto h2 span { display: block; color: var(--smil-sp-teal); } .smil-spessore-soffitto__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-sp-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-spessore-soffitto__intro--secondary { margin-top: 13px; } .smil-spessore-soffitto__intro strong { color: var(--smil-sp-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-spessore-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-sp-border); border-left: 5px solid var(--smil-sp-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-spessore-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-spessore-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-sp-teal); } .smil-spessore-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-sp-dark); font-size: 18px; line-height: 1.45; } .smil-spessore-soffitto__answer p { margin: 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-spessore-soffitto__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-spessore-soffitto__content { display: grid; gap: 21px; } .smil-spessore-soffitto__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-sp-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-spessore-soffitto__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-sp-turquoise), var(--smil-sp-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-spessore-soffitto__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-sp-white); } .smil-spessore-soffitto__feature-label { display: block; margin-bottom: 7px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__feature h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-spessore-soffitto__feature p { margin: 15px 0 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.72; } .smil-spessore-soffitto__feature p + p { margin-top: 11px; } .smil-spessore-soffitto__feature strong { color: var(--smil-sp-dark); } /* ========================================================= PANNELLO SPESSORE INDICATIVO ========================================================= */ .smil-spessore-soffitto__range { position: sticky; top: 25px; overflow: hidden; padding: 30px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.21), transparent 35% ), linear-gradient( 145deg, var(--smil-sp-dark), var(--smil-sp-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-spessore-soffitto__range-label { display: block; color: var(--smil-sp-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-spessore-soffitto__range-value { margin-top: 19px; } .smil-spessore-soffitto__range-value strong { display: block; color: var(--smil-sp-white); font-size: clamp(46px, 5vw, 68px); font-weight: 900; line-height: 0.95; letter-spacing: -0.055em; } .smil-spessore-soffitto__range-value small { display: block; margin-top: 8px; color: rgba(255, 255, 255, 0.65); font-size: 12px; line-height: 1.5; } .smil-spessore-soffitto__ruler { margin-top: 35px; padding: 0 8px 26px; } .smil-spessore-soffitto__ruler-line { position: relative; height: 7px; border-radius: 99px; background: linear-gradient( 90deg, var(--smil-sp-turquoise), var(--smil-sp-teal) ); box-shadow: 0 0 0 5px rgba(23, 195, 178, 0.09); } .smil-spessore-soffitto__ruler-line > span { position: absolute; top: 50%; left: var(--smil-position); transform: translate(-50%, -50%); } .smil-spessore-soffitto__ruler-line > span:first-child { transform: translate(0, -50%); } .smil-spessore-soffitto__ruler-line > span:last-child { transform: translate(-100%, -50%); } .smil-spessore-soffitto__ruler-line i { display: block; width: 4px; height: 22px; border-radius: 99px; background: var(--smil-sp-white); } .smil-spessore-soffitto__ruler-line small { position: absolute; top: 27px; left: 50%; width: max-content; color: rgba(255, 255, 255, 0.7); font-size: 9px; font-weight: 750; transform: translateX(-50%); } .smil-spessore-soffitto__ruler-line > span:first-child small { left: 0; transform: none; } .smil-spessore-soffitto__ruler-line > span:last-child small { right: 0; left: auto; transform: none; } .smil-spessore-soffitto__range ul { display: grid; gap: 13px; margin: 24px 0 0; padding: 21px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.12); list-style: none; } .smil-spessore-soffitto__range li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-spessore-soffitto__range li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sp-turquoise); } .smil-spessore-soffitto__range li svg { width: 14px; height: 14px; fill: var(--smil-sp-dark-deep); } .smil-spessore-soffitto__range-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 24px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-spessore-soffitto__range-note svg { width: 21px; height: 21px; fill: var(--smil-sp-turquoise-light); } .smil-spessore-soffitto__range-note p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.58; } /* ========================================================= STRATI DEL SISTEMA ========================================================= */ .smil-spessore-soffitto__layers { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(350px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sp-dark), var(--smil-sp-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-spessore-soffitto__layers-label { display: block; margin-bottom: 8px; color: var(--smil-sp-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__layers-content h3 { margin: 0; color: var(--smil-sp-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-spessore-soffitto__layers-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-spessore-soffitto__layers-content p + p { margin-top: 12px; } .smil-spessore-soffitto__layers-diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-spessore-soffitto__layer { display: flex; min-height: 58px; flex-direction: column; align-items: center; justify-content: center; margin-top: 8px; padding: 11px 14px; border-radius: 10px; text-align: center; } .smil-spessore-soffitto__layer:first-child { margin-top: 0; } .smil-spessore-soffitto__layer strong { display: block; font-size: 12px; line-height: 1.35; } .smil-spessore-soffitto__layer small { display: block; margin-top: 3px; font-size: 9px; line-height: 1.4; opacity: 0.7; } .smil-spessore-soffitto__layer--slab { background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.07) 0, rgba(255, 255, 255, 0.07) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #3a555c; color: var(--smil-sp-white); } .smil-spessore-soffitto__layer--gap { border: 1px dashed rgba(112, 225, 211, 0.4); background: rgba(23, 195, 178, 0.08); color: var(--smil-sp-turquoise-light); } .smil-spessore-soffitto__layer--frame { border: 1px solid rgba(23, 195, 178, 0.32); background: rgba(8, 127, 140, 0.35); color: var(--smil-sp-white); } .smil-spessore-soffitto__layer--mass { background: linear-gradient( 90deg, rgba(23, 195, 178, 0.65), rgba(8, 127, 140, 0.9) ); color: var(--smil-sp-white); } .smil-spessore-soffitto__layer--finish { background: var(--smil-sp-white); color: var(--smil-sp-dark); } /* ========================================================= CONFRONTO ========================================================= */ .smil-spessore-soffitto__comparison { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sp-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sp-shadow); } .smil-spessore-soffitto__comparison-header { max-width: 900px; } .smil-spessore-soffitto__comparison-header > span { display: block; margin-bottom: 8px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__comparison-header h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-spessore-soffitto__comparison-header p { margin: 15px 0 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.68; } .smil-spessore-soffitto__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; margin-top: 30px; } .smil-spessore-soffitto__comparison-card { padding: 25px; border-radius: 19px; } .smil-spessore-soffitto__comparison-card--thin { border: 1px solid rgba(196, 118, 61, 0.2); background: rgba(196, 118, 61, 0.055); } .smil-spessore-soffitto__comparison-card--project { border: 1px solid rgba(8, 127, 140, 0.2); background: rgba(23, 195, 178, 0.065); } .smil-spessore-soffitto__comparison-title { display: flex; align-items: center; gap: 12px; } .smil-spessore-soffitto__comparison-title span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; } .smil-spessore-soffitto__comparison-card--thin .smil-spessore-soffitto__comparison-title span { background: rgba(196, 118, 61, 0.13); } .smil-spessore-soffitto__comparison-card--project .smil-spessore-soffitto__comparison-title span { background: rgba(23, 195, 178, 0.17); } .smil-spessore-soffitto__comparison-title svg { width: 20px; height: 20px; } .smil-spessore-soffitto__comparison-card--thin .smil-spessore-soffitto__comparison-title svg { fill: var(--smil-sp-warning); } .smil-spessore-soffitto__comparison-card--project .smil-spessore-soffitto__comparison-title svg { fill: var(--smil-sp-teal); } .smil-spessore-soffitto__comparison-title strong { color: var(--smil-sp-dark); font-size: 18px; line-height: 1.4; } .smil-spessore-soffitto__comparison-card ul { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-spessore-soffitto__comparison-card li { position: relative; padding-left: 22px; color: var(--smil-sp-muted); font-size: 14px; line-height: 1.55; } .smil-spessore-soffitto__comparison-card li::before { content: ""; position: absolute; top: 8px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-spessore-soffitto__comparison-card--thin li::before { background: var(--smil-sp-warning); } .smil-spessore-soffitto__comparison-card--project li::before { background: var(--smil-sp-turquoise); } /* ========================================================= IMPATTO SULLA STANZA ========================================================= */ .smil-spessore-soffitto__room-impact { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sp-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sp-shadow); } .smil-spessore-soffitto__room-impact-header { max-width: 900px; } .smil-spessore-soffitto__room-impact-header > span { display: block; margin-bottom: 8px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__room-impact-header h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-spessore-soffitto__room-impact-header p { margin: 15px 0 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.68; } .smil-spessore-soffitto__room-impact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-spessore-soffitto__room-impact-grid article { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-sp-light); } .smil-spessore-soffitto__room-impact-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-sp-turquoise), var(--smil-sp-teal) ); } .smil-spessore-soffitto__room-impact-icon svg { width: 23px; height: 23px; fill: var(--smil-sp-white); } .smil-spessore-soffitto__room-impact-grid h3 { margin: 0; color: var(--smil-sp-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-spessore-soffitto__room-impact-grid p { margin: 9px 0 0; color: var(--smil-sp-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= CONTROSOFFITTO ESISTENTE ========================================================= */ .smil-spessore-soffitto__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sp-dark), var(--smil-sp-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-spessore-soffitto__existing-label { display: block; margin-bottom: 8px; color: var(--smil-sp-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__existing-content h3 { margin: 0; color: var(--smil-sp-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-spessore-soffitto__existing-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-spessore-soffitto__existing-content p + p { margin-top: 12px; } .smil-spessore-soffitto__existing-list { padding: 25px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-spessore-soffitto__existing-list > strong { display: block; color: var(--smil-sp-white); font-size: 16px; line-height: 1.45; } .smil-spessore-soffitto__existing-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-spessore-soffitto__existing-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-spessore-soffitto__existing-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sp-turquoise); } .smil-spessore-soffitto__existing-list li svg { width: 14px; height: 14px; fill: var(--smil-sp-dark-deep); } /* ========================================================= PROCESSO DI DIMENSIONAMENTO ========================================================= */ .smil-spessore-soffitto__process { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sp-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-spessore-soffitto__process-header { max-width: 850px; } .smil-spessore-soffitto__process-header > span { display: block; margin-bottom: 8px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__process-header h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-spessore-soffitto__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-spessore-soffitto__process-list li { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 17px; background: var(--smil-sp-light); } .smil-spessore-soffitto__process-number { display: grid; width: 38px; height: 38px; margin-bottom: 15px; place-items: center; border-radius: 11px; background: linear-gradient( 135deg, var(--smil-sp-turquoise), var(--smil-sp-teal) ); color: var(--smil-sp-white); font-size: 15px; font-weight: 900; } .smil-spessore-soffitto__process-list strong { display: block; color: var(--smil-sp-dark); font-size: 16px; line-height: 1.4; } .smil-spessore-soffitto__process-list p { margin: 8px 0 0; color: var(--smil-sp-muted); font-size: 12px; line-height: 1.6; } /* ========================================================= CONTESTO MILANO ========================================================= */ .smil-spessore-soffitto__milano { display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, 0.95fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sp-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-spessore-soffitto__milano-label { display: block; margin-bottom: 8px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__milano-content h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-spessore-soffitto__milano-content p { margin: 16px 0 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.7; } .smil-spessore-soffitto__milano-content p + p { margin-top: 11px; } .smil-spessore-soffitto__milano-grid { display: grid; gap: 13px; } .smil-spessore-soffitto__milano-grid article { padding: 19px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 16px; background: var(--smil-sp-light); } .smil-spessore-soffitto__milano-grid strong { display: block; color: var(--smil-sp-dark); font-size: 16px; line-height: 1.4; } .smil-spessore-soffitto__milano-grid p { margin: 6px 0 0; color: var(--smil-sp-muted); font-size: 12px; line-height: 1.6; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-spessore-soffitto__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-spessore-soffitto__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-spessore-soffitto__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-sp-teal); } .smil-spessore-soffitto__transparency span { display: block; margin-bottom: 7px; color: var(--smil-sp-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-spessore-soffitto__transparency h3 { margin: 0; color: var(--smil-sp-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-spessore-soffitto__transparency p { margin: 15px 0 0; color: var(--smil-sp-muted); font-size: 15px; line-height: 1.7; } .smil-spessore-soffitto__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-spessore-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-sp-dark), var(--smil-sp-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-spessore-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-sp-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.075em; text-transform: uppercase; } .smil-spessore-soffitto__cta-content strong { display: block; color: var(--smil-sp-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-spessore-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-spessore-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-spessore-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-spessore-soffitto__button:hover { transform: translateY(-2px); } .smil-spessore-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-spessore-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-spessore-soffitto__button--primary { background: var(--smil-sp-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-sp-dark-deep); } .smil-spessore-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-sp-white); } .smil-spessore-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-spessore-soffitto__main { grid-template-columns: 1fr; } .smil-spessore-soffitto__range { position: static; } .smil-spessore-soffitto__layers, .smil-spessore-soffitto__existing, .smil-spessore-soffitto__milano { grid-template-columns: 1fr; } .smil-spessore-soffitto__room-impact-grid, .smil-spessore-soffitto__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-spessore-soffitto__cta { grid-template-columns: 1fr; } .smil-spessore-soffitto__cta-actions { width: min(380px, 100%); } } @media (max-width: 760px) { .smil-spessore-soffitto__comparison-grid, .smil-spessore-soffitto__room-impact-grid, .smil-spessore-soffitto__process-list { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-spessore-soffitto { padding: 64px 18px 74px; } .smil-spessore-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-spessore-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-spessore-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-spessore-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-spessore-soffitto__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-spessore-soffitto__range { padding: 25px 20px; border-radius: 20px; } .smil-spessore-soffitto__layers, .smil-spessore-soffitto__comparison, .smil-spessore-soffitto__room-impact, .smil-spessore-soffitto__existing, .smil-spessore-soffitto__process, .smil-spessore-soffitto__milano { padding: 26px 20px; border-radius: 21px; } .smil-spessore-soffitto__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-spessore-soffitto__cta { padding: 27px 21px; } .smil-spessore-soffitto__cta-actions, .smil-spessore-soffitto__button { width: 100%; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_13 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_13 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_13 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INSONORIZZARE UN SOFFITTO CON TRAVI A VISTA ========================================================= */ .smil-travi-soffitto { --smil-ts-dark: #082f3b; --smil-ts-dark-deep: #05242d; --smil-ts-teal: #087f8c; --smil-ts-turquoise: #17c3b2; --smil-ts-turquoise-light: #70e1d3; --smil-ts-white: #ffffff; --smil-ts-light: #eef8f7; --smil-ts-text: #17343c; --smil-ts-muted: #58727a; --smil-ts-border: rgba(8, 127, 140, 0.16); --smil-ts-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-ts-wood: #9b6744; --smil-ts-wood-light: #d5b08c; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 30%, #f3faf9 100% ); color: var(--smil-ts-text); } .smil-travi-soffitto *, .smil-travi-soffitto *::before, .smil-travi-soffitto *::after { box-sizing: border-box; } .smil-travi-soffitto::before { content: ""; position: absolute; top: 430px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-travi-soffitto::after { content: ""; position: absolute; right: -150px; bottom: 270px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-travi-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-travi-soffitto__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-travi-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-ts-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-travi-soffitto h2 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-travi-soffitto h2 span { display: block; color: var(--smil-ts-teal); } .smil-travi-soffitto__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-ts-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-travi-soffitto__intro--secondary { margin-top: 13px; } .smil-travi-soffitto__intro strong { color: var(--smil-ts-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-travi-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-ts-border); border-left: 5px solid var(--smil-ts-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-travi-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-travi-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-ts-teal); } .smil-travi-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-ts-dark); font-size: 18px; line-height: 1.45; } .smil-travi-soffitto__answer p { margin: 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-travi-soffitto__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-travi-soffitto__content { display: grid; gap: 21px; } .smil-travi-soffitto__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-ts-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-travi-soffitto__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-ts-turquoise), var(--smil-ts-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-travi-soffitto__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-ts-white); } .smil-travi-soffitto__feature-label { display: block; margin-bottom: 7px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__feature h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-travi-soffitto__feature p { margin: 15px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.72; } .smil-travi-soffitto__feature p + p { margin-top: 11px; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-travi-soffitto__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-travi-soffitto__side-label { display: block; color: var(--smil-ts-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-travi-soffitto__side ul { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-travi-soffitto__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-travi-soffitto__side li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--smil-ts-turquoise); } .smil-travi-soffitto__side li svg { width: 15px; height: 15px; fill: var(--smil-ts-dark-deep); } .smil-travi-soffitto__side li strong { display: block; color: var(--smil-ts-white); font-size: 15px; line-height: 1.4; } .smil-travi-soffitto__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-travi-soffitto__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 24px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-travi-soffitto__side-note svg { width: 21px; height: 21px; fill: var(--smil-ts-turquoise-light); } .smil-travi-soffitto__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= CONFIGURAZIONI POSSIBILI ========================================================= */ .smil-travi-soffitto__solutions { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-ts-border); border-radius: 27px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-ts-shadow); } .smil-travi-soffitto__solutions-header { max-width: 900px; } .smil-travi-soffitto__solutions-header > span { display: block; margin-bottom: 8px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__solutions-header h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(28px, 3.1vw, 43px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-travi-soffitto__solutions-header p { margin: 15px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.68; } .smil-travi-soffitto__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; margin-top: 31px; } .smil-travi-soffitto__solution-card { position: relative; overflow: hidden; padding: 25px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 20px; background: var(--smil-ts-light); } .smil-travi-soffitto__solution-card::after { content: ""; position: absolute; top: -65px; right: -65px; width: 135px; height: 135px; border-radius: 50%; background: rgba(23, 195, 178, 0.06); } .smil-travi-soffitto__solution-number { position: relative; z-index: 1; display: block; margin-bottom: 15px; color: rgba(8, 47, 59, 0.15); font-size: 30px; font-weight: 900; line-height: 1; } .smil-travi-soffitto__solution-icon { position: relative; z-index: 1; display: grid; width: 47px; height: 47px; margin-bottom: 16px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-ts-turquoise), var(--smil-ts-teal) ); } .smil-travi-soffitto__solution-icon svg { width: 24px; height: 24px; fill: var(--smil-ts-white); } .smil-travi-soffitto__solution-label { position: relative; z-index: 1; display: block; margin-bottom: 7px; color: var(--smil-ts-teal); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-travi-soffitto__solution-card h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-ts-dark); font-size: 21px; line-height: 1.3; letter-spacing: -0.022em; } .smil-travi-soffitto__solution-card p { position: relative; z-index: 1; margin: 14px 0 0; color: var(--smil-ts-muted); font-size: 13px; line-height: 1.66; } .smil-travi-soffitto__solution-card ul { position: relative; z-index: 1; display: grid; gap: 8px; margin: 19px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.13); list-style: none; } .smil-travi-soffitto__solution-card li { position: relative; padding-left: 21px; color: var(--smil-ts-text); font-size: 12px; line-height: 1.5; } .smil-travi-soffitto__solution-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-ts-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.11); } /* ========================================================= DIAGRAMMA ========================================================= */ .smil-travi-soffitto__diagram-section { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-travi-soffitto__diagram-label { display: block; margin-bottom: 8px; color: var(--smil-ts-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__diagram-content h3 { margin: 0; color: var(--smil-ts-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-travi-soffitto__diagram-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-travi-soffitto__diagram-content p + p { margin-top: 12px; } .smil-travi-soffitto__diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-travi-soffitto__diagram-title { margin-bottom: 18px; color: var(--smil-ts-turquoise-light); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-travi-soffitto__diagram-option { padding: 17px; border-radius: 14px; background: rgba(255, 255, 255, 0.055); } .smil-travi-soffitto__diagram-option-heading { display: flex; align-items: center; gap: 9px; color: var(--smil-ts-white); font-size: 12px; font-weight: 800; } .smil-travi-soffitto__diagram-option-heading span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: var(--smil-ts-turquoise); color: var(--smil-ts-dark-deep); font-weight: 900; } .smil-travi-soffitto__diagram-beams { display: grid; grid-template-columns: 24px 1fr 24px 1fr 24px; min-height: 76px; margin-top: 15px; } .smil-travi-soffitto__beam { background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.11) 0, rgba(255, 255, 255, 0.11) 5px, rgba(255, 255, 255, 0.025) 5px, rgba(255, 255, 255, 0.025) 10px ), var(--smil-ts-wood); } .smil-travi-soffitto__panel { margin: 16px 4px 0; border: 1px solid rgba(23, 195, 178, 0.4); border-radius: 4px; background: linear-gradient( 180deg, rgba(23, 195, 178, 0.4), rgba(8, 127, 140, 0.65) ); } .smil-travi-soffitto__diagram-option small { display: block; margin-top: 10px; color: rgba(255, 255, 255, 0.58); font-size: 10px; line-height: 1.45; } .smil-travi-soffitto__diagram-divider { margin: 11px 0; color: rgba(255, 255, 255, 0.42); font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; } .smil-travi-soffitto__diagram-continuous { margin-top: 15px; } .smil-travi-soffitto__diagram-hidden-beams { display: flex; height: 29px; justify-content: space-around; } .smil-travi-soffitto__diagram-hidden-beams i { width: 27px; border-radius: 3px 3px 0 0; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.11) 0, rgba(255, 255, 255, 0.11) 5px, rgba(255, 255, 255, 0.025) 5px, rgba(255, 255, 255, 0.025) 10px ), var(--smil-ts-wood); } .smil-travi-soffitto__diagram-air { display: flex; min-height: 35px; align-items: center; justify-content: center; border: 1px dashed rgba(112, 225, 211, 0.36); background: rgba(23, 195, 178, 0.07); color: var(--smil-ts-turquoise-light); font-size: 9px; font-weight: 750; } .smil-travi-soffitto__diagram-ceiling { display: flex; min-height: 39px; align-items: center; justify-content: center; margin-top: 5px; border-radius: 4px; background: linear-gradient( 90deg, var(--smil-ts-turquoise), var(--smil-ts-teal) ); color: var(--smil-ts-white); font-size: 9px; font-weight: 850; } /* ========================================================= TIPOLOGIA DELLE TRAVI ========================================================= */ .smil-travi-soffitto__materials { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-ts-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-ts-shadow); } .smil-travi-soffitto__materials-header { max-width: 900px; } .smil-travi-soffitto__materials-header > span { display: block; margin-bottom: 8px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__materials-header h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-travi-soffitto__materials-header p { margin: 15px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.68; } .smil-travi-soffitto__materials-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; } .smil-travi-soffitto__materials-grid article { padding: 24px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-ts-light); } .smil-travi-soffitto__material-icon { display: grid; width: 47px; height: 47px; margin-bottom: 16px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-ts-turquoise), var(--smil-ts-teal) ); } .smil-travi-soffitto__material-icon svg { width: 24px; height: 24px; fill: var(--smil-ts-white); } .smil-travi-soffitto__materials-grid article > span { display: block; margin-bottom: 7px; color: var(--smil-ts-teal); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-travi-soffitto__materials-grid h3 { margin: 0; color: var(--smil-ts-dark); font-size: 21px; line-height: 1.3; } .smil-travi-soffitto__materials-grid p { margin: 11px 0 0; color: var(--smil-ts-muted); font-size: 13px; line-height: 1.65; } /* ========================================================= ESTETICA E PRESTAZIONE ========================================================= */ .smil-travi-soffitto__aesthetics { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-travi-soffitto__aesthetics-label { display: block; margin-bottom: 8px; color: var(--smil-ts-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__aesthetics-content h3 { margin: 0; color: var(--smil-ts-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-travi-soffitto__aesthetics-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-travi-soffitto__aesthetics-content p + p { margin-top: 12px; } .smil-travi-soffitto__aesthetics-grid { display: grid; gap: 12px; } .smil-travi-soffitto__aesthetic-card { padding: 18px; border: 1px solid rgba(213, 176, 140, 0.18); border-radius: 16px; background: rgba(155, 103, 68, 0.12); } .smil-travi-soffitto__aesthetic-card--balanced { border-color: rgba(112, 225, 211, 0.16); background: rgba(23, 195, 178, 0.07); } .smil-travi-soffitto__aesthetic-card--acoustic { border-color: rgba(23, 195, 178, 0.3); background: rgba(23, 195, 178, 0.14); } .smil-travi-soffitto__aesthetic-status { display: inline-block; margin-bottom: 8px; color: var(--smil-ts-turquoise-light); font-size: 9px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-travi-soffitto__aesthetic-card strong { display: block; color: var(--smil-ts-white); font-size: 16px; line-height: 1.4; } .smil-travi-soffitto__aesthetic-card p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.58; } /* ========================================================= MANSARDE E SOFFITTI INCLINATI ========================================================= */ .smil-travi-soffitto__attic { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-ts-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-travi-soffitto__attic-label { display: block; margin-bottom: 8px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__attic-content h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-travi-soffitto__attic-content p { margin: 17px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.72; } .smil-travi-soffitto__attic-content p + p { margin-top: 11px; } .smil-travi-soffitto__attic-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); } .smil-travi-soffitto__attic-list > strong { display: block; color: var(--smil-ts-white); font-size: 16px; line-height: 1.45; } .smil-travi-soffitto__attic-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-travi-soffitto__attic-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-travi-soffitto__attic-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-ts-turquoise); } .smil-travi-soffitto__attic-list li svg { width: 14px; height: 14px; fill: var(--smil-ts-dark-deep); } /* ========================================================= SOPRALLUOGO ANALITICO ========================================================= */ .smil-travi-soffitto__analysis { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-ts-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-travi-soffitto__analysis-label { display: block; margin-bottom: 8px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__analysis-content h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-travi-soffitto__analysis-content p { margin: 17px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.72; } .smil-travi-soffitto__analysis-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); } .smil-travi-soffitto__analysis-list ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .smil-travi-soffitto__analysis-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-travi-soffitto__analysis-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-ts-turquoise); } .smil-travi-soffitto__analysis-list li svg { width: 14px; height: 14px; fill: var(--smil-ts-dark-deep); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-travi-soffitto__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-travi-soffitto__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-travi-soffitto__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-ts-teal); } .smil-travi-soffitto__transparency span { display: block; margin-bottom: 7px; color: var(--smil-ts-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-travi-soffitto__transparency h3 { margin: 0; color: var(--smil-ts-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-travi-soffitto__transparency p { margin: 15px 0 0; color: var(--smil-ts-muted); font-size: 15px; line-height: 1.7; } .smil-travi-soffitto__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-travi-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-ts-dark), var(--smil-ts-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-travi-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-ts-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.075em; text-transform: uppercase; } .smil-travi-soffitto__cta-content strong { display: block; color: var(--smil-ts-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-travi-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-travi-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-travi-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-travi-soffitto__button:hover { transform: translateY(-2px); } .smil-travi-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-travi-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-travi-soffitto__button--primary { background: var(--smil-ts-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-ts-dark-deep); } .smil-travi-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-ts-white); } .smil-travi-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-travi-soffitto__main { grid-template-columns: 1fr; } .smil-travi-soffitto__side { position: static; } .smil-travi-soffitto__diagram-section, .smil-travi-soffitto__aesthetics, .smil-travi-soffitto__attic, .smil-travi-soffitto__analysis { grid-template-columns: 1fr; } .smil-travi-soffitto__cta { grid-template-columns: 1fr; } .smil-travi-soffitto__cta-actions { width: min(390px, 100%); } } @media (max-width: 860px) { .smil-travi-soffitto__solutions-grid, .smil-travi-soffitto__materials-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-travi-soffitto { padding: 64px 18px 74px; } .smil-travi-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-travi-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-travi-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-travi-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-travi-soffitto__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-travi-soffitto__side { padding: 24px 20px; border-radius: 20px; } .smil-travi-soffitto__solutions, .smil-travi-soffitto__diagram-section, .smil-travi-soffitto__materials, .smil-travi-soffitto__aesthetics, .smil-travi-soffitto__attic, .smil-travi-soffitto__analysis { padding: 26px 20px; border-radius: 21px; } .smil-travi-soffitto__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-travi-soffitto__cta { padding: 27px 21px; } .smil-travi-soffitto__cta-actions, .smil-travi-soffitto__button { width: 100%; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_14 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_14 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_14 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= I PANNELLI FONOASSORBENTI ELIMINANO I RUMORI DEL VICINO? ========================================================= */ .smil-pannelli-assorbenti { --smil-pa-dark: #082f3b; --smil-pa-dark-deep: #05242d; --smil-pa-teal: #087f8c; --smil-pa-turquoise: #17c3b2; --smil-pa-turquoise-light: #70e1d3; --smil-pa-white: #ffffff; --smil-pa-light: #eef8f7; --smil-pa-text: #17343c; --smil-pa-muted: #58727a; --smil-pa-border: rgba(8, 127, 140, 0.16); --smil-pa-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-pa-warning: #c4763d; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 30%, #edf7f6 100% ); color: var(--smil-pa-text); } .smil-pannelli-assorbenti *, .smil-pannelli-assorbenti *::before, .smil-pannelli-assorbenti *::after { box-sizing: border-box; } .smil-pannelli-assorbenti::before { content: ""; position: absolute; top: 420px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-pannelli-assorbenti::after { content: ""; position: absolute; bottom: 260px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-pannelli-assorbenti__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-pannelli-assorbenti__header { max-width: 990px; margin: 0 auto; text-align: center; } .smil-pannelli-assorbenti__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-pa-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-pannelli-assorbenti h2 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-pannelli-assorbenti h2 span { display: block; color: var(--smil-pa-teal); } .smil-pannelli-assorbenti__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-pa-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-pannelli-assorbenti__intro--secondary { margin-top: 13px; } .smil-pannelli-assorbenti__intro strong { color: var(--smil-pa-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-pannelli-assorbenti__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid rgba(196, 118, 61, 0.21); border-left: 5px solid var(--smil-pa-warning); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-pannelli-assorbenti__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(196, 118, 61, 0.11); } .smil-pannelli-assorbenti__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-pa-warning); } .smil-pannelli-assorbenti__answer strong { display: block; margin-bottom: 6px; color: var(--smil-pa-dark); font-size: 18px; line-height: 1.45; } .smil-pannelli-assorbenti__answer p { margin: 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONFRONTO FONOASSORBIMENTO / FONOISOLAMENTO ========================================================= */ .smil-pannelli-assorbenti__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(58px, 7vw, 90px); } .smil-pannelli-assorbenti__comparison-card { padding: clamp(27px, 4vw, 39px); border-radius: 24px; } .smil-pannelli-assorbenti__comparison-card--absorption { border: 1px solid rgba(196, 118, 61, 0.2); background: rgba(196, 118, 61, 0.055); } .smil-pannelli-assorbenti__comparison-card--insulation { border: 1px solid rgba(8, 127, 140, 0.2); background: rgba(23, 195, 178, 0.07); } .smil-pannelli-assorbenti__comparison-icon { display: grid; width: 52px; height: 52px; margin-bottom: 18px; place-items: center; border-radius: 15px; } .smil-pannelli-assorbenti__comparison-card--absorption .smil-pannelli-assorbenti__comparison-icon { background: rgba(196, 118, 61, 0.14); } .smil-pannelli-assorbenti__comparison-card--insulation .smil-pannelli-assorbenti__comparison-icon { background: linear-gradient( 135deg, var(--smil-pa-turquoise), var(--smil-pa-teal) ); } .smil-pannelli-assorbenti__comparison-icon svg { width: 27px; height: 27px; } .smil-pannelli-assorbenti__comparison-card--absorption .smil-pannelli-assorbenti__comparison-icon svg { fill: var(--smil-pa-warning); } .smil-pannelli-assorbenti__comparison-card--insulation .smil-pannelli-assorbenti__comparison-icon svg { fill: var(--smil-pa-white); } .smil-pannelli-assorbenti__comparison-label { display: block; margin-bottom: 7px; color: var(--smil-pa-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-pannelli-assorbenti__comparison-card h3 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(25px, 2.7vw, 35px); line-height: 1.2; letter-spacing: -0.032em; } .smil-pannelli-assorbenti__comparison-card > p { margin: 15px 0 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.7; } .smil-pannelli-assorbenti__comparison-subtitle { display: block; margin-top: 21px; color: var(--smil-pa-dark); font-size: 14px; line-height: 1.45; } .smil-pannelli-assorbenti__comparison-card ul { display: grid; gap: 9px; margin: 15px 0 0; padding: 0; list-style: none; } .smil-pannelli-assorbenti__comparison-card li { position: relative; padding-left: 21px; color: var(--smil-pa-text); font-size: 13px; line-height: 1.55; } .smil-pannelli-assorbenti__comparison-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-pannelli-assorbenti__comparison-card--absorption li::before { background: var(--smil-pa-warning); } .smil-pannelli-assorbenti__comparison-card--insulation li::before { background: var(--smil-pa-turquoise); } .smil-pannelli-assorbenti__comparison-result { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 22px; padding: 15px; border-radius: 13px; background: rgba(255, 255, 255, 0.68); } .smil-pannelli-assorbenti__comparison-result > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: var(--smil-pa-turquoise); color: var(--smil-pa-dark-deep); font-size: 14px; font-weight: 900; } .smil-pannelli-assorbenti__comparison-result p { margin: 0; color: var(--smil-pa-muted); font-size: 13px; line-height: 1.55; } .smil-pannelli-assorbenti__comparison-result strong { color: var(--smil-pa-dark); } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-pannelli-assorbenti__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: 35px; } .smil-pannelli-assorbenti__content { display: grid; gap: 21px; } .smil-pannelli-assorbenti__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-pa-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-pannelli-assorbenti__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-pa-turquoise), var(--smil-pa-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-pannelli-assorbenti__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-pa-white); } .smil-pannelli-assorbenti__feature-label { display: block; margin-bottom: 7px; color: var(--smil-pa-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__feature h3 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-pannelli-assorbenti__feature p { margin: 15px 0 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.72; } .smil-pannelli-assorbenti__feature p + p { margin-top: 11px; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-pannelli-assorbenti__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-pa-dark), var(--smil-pa-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-pannelli-assorbenti__side-label { display: block; color: var(--smil-pa-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-pannelli-assorbenti__side ul { display: grid; gap: 19px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-pannelli-assorbenti__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-pannelli-assorbenti__side li > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: var(--smil-pa-turquoise); } .smil-pannelli-assorbenti__side li svg { width: 17px; height: 17px; fill: var(--smil-pa-dark-deep); } .smil-pannelli-assorbenti__side li strong { display: block; color: var(--smil-pa-white); font-size: 15px; line-height: 1.4; } .smil-pannelli-assorbenti__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-pannelli-assorbenti__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 25px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-pannelli-assorbenti__side-note svg { width: 21px; height: 21px; fill: var(--smil-pa-turquoise-light); } .smil-pannelli-assorbenti__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= ESEMPIO VISIVO ========================================================= */ .smil-pannelli-assorbenti__example { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-pa-dark), var(--smil-pa-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-pannelli-assorbenti__example-label { display: block; margin-bottom: 8px; color: var(--smil-pa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__example-content h3 { margin: 0; color: var(--smil-pa-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-pannelli-assorbenti__example-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-pannelli-assorbenti__example-content p + p { margin-top: 12px; } .smil-pannelli-assorbenti__example-diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-pannelli-assorbenti__diagram-room { position: relative; overflow: hidden; border-radius: 14px; text-align: center; } .smil-pannelli-assorbenti__diagram-neighbor { display: flex; min-height: 69px; align-items: center; justify-content: center; padding: 14px; background: #48636a; color: var(--smil-pa-white); font-size: 12px; font-weight: 850; } .smil-pannelli-assorbenti__diagram-slab { display: flex; min-height: 41px; align-items: center; justify-content: center; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #263f47; color: rgba(255, 255, 255, 0.72); font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } .smil-pannelli-assorbenti__diagram-arrow { position: absolute; top: 87px; left: 50%; z-index: 2; color: var(--smil-pa-warning); font-size: 32px; font-weight: 900; transform: translateX(-50%); } .smil-pannelli-assorbenti__diagram-panels { display: flex; min-height: 43px; align-items: center; justify-content: center; background: repeating-linear-gradient( 90deg, rgba(8, 47, 59, 0.08) 0, rgba(8, 47, 59, 0.08) 12px, transparent 12px, transparent 24px ), var(--smil-pa-turquoise); color: var(--smil-pa-dark-deep); font-size: 10px; font-weight: 850; } .smil-pannelli-assorbenti__diagram-interior { display: flex; min-height: 115px; flex-direction: column; align-items: center; justify-content: center; padding: 18px; background: #eaf6f4; } .smil-pannelli-assorbenti__diagram-wave { display: block; margin-bottom: 8px; color: var(--smil-pa-teal); font-size: 28px; font-weight: 900; } .smil-pannelli-assorbenti__diagram-interior strong { color: var(--smil-pa-dark); font-size: 14px; line-height: 1.4; } .smil-pannelli-assorbenti__diagram-interior small { display: block; margin-top: 4px; color: var(--smil-pa-muted); font-size: 10px; line-height: 1.45; } /* ========================================================= ERRORI FREQUENTI ========================================================= */ .smil-pannelli-assorbenti__mistakes { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-pa-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-pa-shadow); } .smil-pannelli-assorbenti__mistakes-header { max-width: 900px; } .smil-pannelli-assorbenti__mistakes-header > span { display: block; margin-bottom: 8px; color: var(--smil-pa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__mistakes-header h3 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-pannelli-assorbenti__mistakes-header p { margin: 15px 0 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.68; } .smil-pannelli-assorbenti__mistakes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-pannelli-assorbenti__mistakes-grid article { padding: 22px; border: 1px solid rgba(196, 118, 61, 0.16); border-radius: 18px; background: rgba(196, 118, 61, 0.045); } .smil-pannelli-assorbenti__mistake-number { display: block; margin-bottom: 14px; color: var(--smil-pa-warning); font-size: 27px; font-weight: 900; line-height: 1; } .smil-pannelli-assorbenti__mistakes-grid h3 { margin: 0; color: var(--smil-pa-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-pannelli-assorbenti__mistakes-grid p { margin: 9px 0 0; color: var(--smil-pa-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= QUANDO I PANNELLI SONO UTILI ========================================================= */ .smil-pannelli-assorbenti__when-useful { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-pa-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-pannelli-assorbenti__when-useful-label { display: block; margin-bottom: 8px; color: var(--smil-pa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__when-useful-content h3 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-pannelli-assorbenti__when-useful-content p { margin: 17px 0 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.72; } .smil-pannelli-assorbenti__when-useful-content p + p { margin-top: 11px; } .smil-pannelli-assorbenti__when-useful-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-pa-dark), var(--smil-pa-dark-deep) ); } .smil-pannelli-assorbenti__when-useful-list > strong { display: block; color: var(--smil-pa-white); font-size: 16px; line-height: 1.45; } .smil-pannelli-assorbenti__when-useful-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-pannelli-assorbenti__when-useful-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-pannelli-assorbenti__when-useful-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-pa-turquoise); } .smil-pannelli-assorbenti__when-useful-list li svg { width: 14px; height: 14px; fill: var(--smil-pa-dark-deep); } /* ========================================================= SISTEMA FONOISOLANTE ========================================================= */ .smil-pannelli-assorbenti__solution { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border-radius: 26px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-pa-dark), var(--smil-pa-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-pannelli-assorbenti__solution-header { max-width: 900px; } .smil-pannelli-assorbenti__solution-header > span { display: block; margin-bottom: 8px; color: var(--smil-pa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__solution-header h3 { margin: 0; color: var(--smil-pa-white); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-pannelli-assorbenti__solution-header p { margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.68; } .smil-pannelli-assorbenti__solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-pannelli-assorbenti__solution-grid article { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 18px; background: rgba(255, 255, 255, 0.055); } .smil-pannelli-assorbenti__solution-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: var(--smil-pa-turquoise); } .smil-pannelli-assorbenti__solution-icon svg { width: 23px; height: 23px; fill: var(--smil-pa-dark-deep); } .smil-pannelli-assorbenti__solution-grid h3 { margin: 0; color: var(--smil-pa-white); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-pannelli-assorbenti__solution-grid p { margin: 9px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 12px; line-height: 1.62; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-pannelli-assorbenti__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-pannelli-assorbenti__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-pannelli-assorbenti__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-pa-teal); } .smil-pannelli-assorbenti__transparency span { display: block; margin-bottom: 7px; color: var(--smil-pa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-pannelli-assorbenti__transparency h3 { margin: 0; color: var(--smil-pa-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-pannelli-assorbenti__transparency p { margin: 15px 0 0; color: var(--smil-pa-muted); font-size: 15px; line-height: 1.7; } .smil-pannelli-assorbenti__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-pannelli-assorbenti__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-pa-dark), var(--smil-pa-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-pannelli-assorbenti__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-pa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-pannelli-assorbenti__cta-content strong { display: block; color: var(--smil-pa-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-pannelli-assorbenti__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-pannelli-assorbenti__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-pannelli-assorbenti__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-pannelli-assorbenti__button:hover { transform: translateY(-2px); } .smil-pannelli-assorbenti__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-pannelli-assorbenti__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-pannelli-assorbenti__button--primary { background: var(--smil-pa-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-pa-dark-deep); } .smil-pannelli-assorbenti__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-pa-white); } .smil-pannelli-assorbenti__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-pannelli-assorbenti__main { grid-template-columns: 1fr; } .smil-pannelli-assorbenti__side { position: static; } .smil-pannelli-assorbenti__example, .smil-pannelli-assorbenti__when-useful { grid-template-columns: 1fr; } .smil-pannelli-assorbenti__mistakes-grid, .smil-pannelli-assorbenti__solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-pannelli-assorbenti__cta { grid-template-columns: 1fr; } .smil-pannelli-assorbenti__cta-actions { width: min(390px, 100%); } } @media (max-width: 760px) { .smil-pannelli-assorbenti__comparison, .smil-pannelli-assorbenti__mistakes-grid, .smil-pannelli-assorbenti__solution-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-pannelli-assorbenti { padding: 64px 18px 74px; } .smil-pannelli-assorbenti__eyebrow { border-radius: 15px; font-size: 10px; } .smil-pannelli-assorbenti h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-pannelli-assorbenti__intro { font-size: 16px; line-height: 1.68; } .smil-pannelli-assorbenti__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-pannelli-assorbenti__comparison-card { padding: 24px 20px; border-radius: 20px; } .smil-pannelli-assorbenti__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-pannelli-assorbenti__side { padding: 24px 20px; border-radius: 20px; } .smil-pannelli-assorbenti__example, .smil-pannelli-assorbenti__mistakes, .smil-pannelli-assorbenti__when-useful, .smil-pannelli-assorbenti__solution { padding: 26px 20px; border-radius: 21px; } .smil-pannelli-assorbenti__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-pannelli-assorbenti__cta { padding: 27px 21px; } .smil-pannelli-assorbenti__cta-actions, .smil-pannelli-assorbenti__button { width: 100%; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_15 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_15 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_15 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INSONORIZZARE IL SOFFITTO SENZA CONTROSOFFITTO ========================================================= */ .smil-senza-controsoffitto { --smil-sc-dark: #082f3b; --smil-sc-dark-deep: #05242d; --smil-sc-teal: #087f8c; --smil-sc-turquoise: #17c3b2; --smil-sc-turquoise-light: #70e1d3; --smil-sc-white: #ffffff; --smil-sc-light: #eef8f7; --smil-sc-text: #17343c; --smil-sc-muted: #58727a; --smil-sc-border: rgba(8, 127, 140, 0.16); --smil-sc-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-sc-warning: #c4763d; --smil-sc-warning-light: rgba(196, 118, 61, 0.09); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 30%, #f3faf9 100% ); color: var(--smil-sc-text); } .smil-senza-controsoffitto *, .smil-senza-controsoffitto *::before, .smil-senza-controsoffitto *::after { box-sizing: border-box; } .smil-senza-controsoffitto::before { content: ""; position: absolute; top: 420px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-senza-controsoffitto::after { content: ""; position: absolute; right: -150px; bottom: 260px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-senza-controsoffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-senza-controsoffitto__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-senza-controsoffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-sc-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-senza-controsoffitto h2 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-senza-controsoffitto h2 span { display: block; color: var(--smil-sc-teal); } .smil-senza-controsoffitto__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-sc-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-senza-controsoffitto__intro--secondary { margin-top: 13px; } .smil-senza-controsoffitto__intro strong { color: var(--smil-sc-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-senza-controsoffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid rgba(196, 118, 61, 0.21); border-left: 5px solid var(--smil-sc-warning); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-senza-controsoffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--smil-sc-warning-light); } .smil-senza-controsoffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-sc-warning); } .smil-senza-controsoffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-sc-dark); font-size: 18px; line-height: 1.45; } .smil-senza-controsoffitto__answer p { margin: 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONFRONTO ========================================================= */ .smil-senza-controsoffitto__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(58px, 7vw, 90px); } .smil-senza-controsoffitto__comparison-card { padding: clamp(27px, 4vw, 39px); border-radius: 24px; } .smil-senza-controsoffitto__comparison-card--direct { border: 1px solid rgba(196, 118, 61, 0.2); background: rgba(196, 118, 61, 0.055); } .smil-senza-controsoffitto__comparison-card--system { border: 1px solid rgba(8, 127, 140, 0.2); background: rgba(23, 195, 178, 0.07); } .smil-senza-controsoffitto__comparison-icon { display: grid; width: 52px; height: 52px; margin-bottom: 18px; place-items: center; border-radius: 15px; } .smil-senza-controsoffitto__comparison-card--direct .smil-senza-controsoffitto__comparison-icon { background: rgba(196, 118, 61, 0.14); } .smil-senza-controsoffitto__comparison-card--system .smil-senza-controsoffitto__comparison-icon { background: linear-gradient( 135deg, var(--smil-sc-turquoise), var(--smil-sc-teal) ); } .smil-senza-controsoffitto__comparison-icon svg { width: 27px; height: 27px; } .smil-senza-controsoffitto__comparison-card--direct .smil-senza-controsoffitto__comparison-icon svg { fill: var(--smil-sc-warning); } .smil-senza-controsoffitto__comparison-card--system .smil-senza-controsoffitto__comparison-icon svg { fill: var(--smil-sc-white); } .smil-senza-controsoffitto__comparison-label { display: block; margin-bottom: 7px; color: var(--smil-sc-teal); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-senza-controsoffitto__comparison-card h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(25px, 2.7vw, 35px); line-height: 1.2; letter-spacing: -0.032em; } .smil-senza-controsoffitto__comparison-card > p { margin: 15px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.7; } .smil-senza-controsoffitto__comparison-card ul { display: grid; gap: 9px; margin: 20px 0 0; padding: 17px 0 0; border-top: 1px solid rgba(8, 127, 140, 0.12); list-style: none; } .smil-senza-controsoffitto__comparison-card li { position: relative; padding-left: 21px; color: var(--smil-sc-text); font-size: 13px; line-height: 1.55; } .smil-senza-controsoffitto__comparison-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-senza-controsoffitto__comparison-card--direct li::before { background: var(--smil-sc-warning); } .smil-senza-controsoffitto__comparison-card--system li::before { background: var(--smil-sc-turquoise); } .smil-senza-controsoffitto__comparison-note { margin-top: 21px; padding: 14px 16px; border-radius: 12px; background: rgba(255, 255, 255, 0.66); color: var(--smil-sc-dark); font-size: 13px; font-weight: 760; line-height: 1.5; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-senza-controsoffitto__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: 35px; } .smil-senza-controsoffitto__content { display: grid; gap: 21px; } .smil-senza-controsoffitto__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 19px; padding: clamp(24px, 3vw, 33px); border: 1px solid var(--smil-sc-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-senza-controsoffitto__feature-icon { display: grid; width: 51px; height: 51px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-sc-turquoise), var(--smil-sc-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-senza-controsoffitto__feature-icon svg { width: 26px; height: 26px; fill: var(--smil-sc-white); } .smil-senza-controsoffitto__feature-label { display: block; margin-bottom: 7px; color: var(--smil-sc-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__feature h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(22px, 2vw, 28px); font-weight: 820; line-height: 1.23; letter-spacing: -0.027em; } .smil-senza-controsoffitto__feature p { margin: 15px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.72; } .smil-senza-controsoffitto__feature p + p { margin-top: 11px; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-senza-controsoffitto__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-senza-controsoffitto__side-label { display: block; color: var(--smil-sc-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-senza-controsoffitto__side ul { display: grid; gap: 19px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-senza-controsoffitto__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-senza-controsoffitto__side li > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: var(--smil-sc-warning); } .smil-senza-controsoffitto__side li svg { width: 17px; height: 17px; fill: var(--smil-sc-white); } .smil-senza-controsoffitto__side li strong { display: block; color: var(--smil-sc-white); font-size: 15px; line-height: 1.4; } .smil-senza-controsoffitto__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-senza-controsoffitto__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 25px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-senza-controsoffitto__side-note svg { width: 21px; height: 21px; fill: var(--smil-sc-turquoise-light); } .smil-senza-controsoffitto__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= SIGNIFICATO DI INTERVENTO ALTERNATIVO ========================================================= */ .smil-senza-controsoffitto__meaning { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(370px, 0.94fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-senza-controsoffitto__meaning-label { display: block; margin-bottom: 8px; color: var(--smil-sc-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__meaning-content h3 { margin: 0; color: var(--smil-sc-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-senza-controsoffitto__meaning-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-senza-controsoffitto__meaning-content p + p { margin-top: 12px; } .smil-senza-controsoffitto__meaning-grid { display: grid; gap: 13px; } .smil-senza-controsoffitto__meaning-grid article { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 19px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-senza-controsoffitto__meaning-number { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--smil-sc-turquoise); color: var(--smil-sc-dark-deep); font-size: 15px; font-weight: 900; } .smil-senza-controsoffitto__meaning-grid strong { display: block; color: var(--smil-sc-white); font-size: 16px; line-height: 1.4; } .smil-senza-controsoffitto__meaning-grid p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.6; } /* ========================================================= INTERVENTO ALLA SORGENTE ========================================================= */ .smil-senza-controsoffitto__source { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sc-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sc-shadow); } .smil-senza-controsoffitto__source-header { max-width: 900px; } .smil-senza-controsoffitto__source-header > span { display: block; margin-bottom: 8px; color: var(--smil-sc-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__source-header h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-senza-controsoffitto__source-header p { margin: 15px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.68; } .smil-senza-controsoffitto__source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 30px; } .smil-senza-controsoffitto__source-card { padding: 25px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 19px; background: var(--smil-sc-light); } .smil-senza-controsoffitto__source-icon { display: grid; width: 48px; height: 48px; margin-bottom: 17px; place-items: center; border-radius: 14px; background: linear-gradient( 135deg, var(--smil-sc-turquoise), var(--smil-sc-teal) ); } .smil-senza-controsoffitto__source-icon svg { width: 25px; height: 25px; fill: var(--smil-sc-white); } .smil-senza-controsoffitto__source-card > span { display: block; margin-bottom: 7px; color: var(--smil-sc-teal); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } .smil-senza-controsoffitto__source-card h3 { margin: 0; color: var(--smil-sc-dark); font-size: 22px; line-height: 1.3; } .smil-senza-controsoffitto__source-card p { margin: 12px 0 0; color: var(--smil-sc-muted); font-size: 14px; line-height: 1.66; } .smil-senza-controsoffitto__source-note { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin-top: 22px; padding: 18px; border-left: 4px solid var(--smil-sc-turquoise); border-radius: 0 14px 14px 0; background: rgba(23, 195, 178, 0.07); } .smil-senza-controsoffitto__source-note svg { width: 22px; height: 22px; fill: var(--smil-sc-teal); } .smil-senza-controsoffitto__source-note p { margin: 0; color: var(--smil-sc-muted); font-size: 13px; line-height: 1.63; } /* ========================================================= SISTEMI A INGOMBRO CONTENUTO ========================================================= */ .smil-senza-controsoffitto__thin { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-sc-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-senza-controsoffitto__thin-label { display: block; margin-bottom: 8px; color: var(--smil-sc-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__thin-content h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-senza-controsoffitto__thin-content p { margin: 17px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.72; } .smil-senza-controsoffitto__thin-content p + p { margin-top: 11px; } .smil-senza-controsoffitto__thin-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); } .smil-senza-controsoffitto__thin-list > strong { display: block; color: var(--smil-sc-white); font-size: 16px; line-height: 1.45; } .smil-senza-controsoffitto__thin-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-senza-controsoffitto__thin-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-senza-controsoffitto__thin-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sc-turquoise); } .smil-senza-controsoffitto__thin-list li svg { width: 14px; height: 14px; fill: var(--smil-sc-dark-deep); } /* ========================================================= DIAGRAMMA ========================================================= */ .smil-senza-controsoffitto__diagram-section { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(370px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-senza-controsoffitto__diagram-label { display: block; margin-bottom: 8px; color: var(--smil-sc-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__diagram-content h3 { margin: 0; color: var(--smil-sc-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-senza-controsoffitto__diagram-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-senza-controsoffitto__diagram-content p + p { margin-top: 12px; } .smil-senza-controsoffitto__diagram { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-senza-controsoffitto__diagram-option { padding: 17px; border-radius: 14px; background: rgba(255, 255, 255, 0.055); } .smil-senza-controsoffitto__diagram-heading { display: flex; align-items: center; gap: 9px; color: var(--smil-sc-white); font-size: 12px; font-weight: 800; } .smil-senza-controsoffitto__diagram-heading span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: var(--smil-sc-turquoise); color: var(--smil-sc-dark-deep); font-weight: 900; } .smil-senza-controsoffitto__diagram-direct, .smil-senza-controsoffitto__diagram-system { margin-top: 15px; } .smil-senza-controsoffitto__diagram-slab, .smil-senza-controsoffitto__diagram-contact, .smil-senza-controsoffitto__diagram-panel, .smil-senza-controsoffitto__diagram-gap, .smil-senza-controsoffitto__diagram-mass { display: flex; min-height: 39px; align-items: center; justify-content: center; margin-top: 5px; padding: 8px; border-radius: 5px; text-align: center; font-size: 9px; font-weight: 820; } .smil-senza-controsoffitto__diagram-slab { margin-top: 0; background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px ), #405b62; color: var(--smil-sc-white); } .smil-senza-controsoffitto__diagram-contact { min-height: 25px; background: rgba(196, 118, 61, 0.25); color: #f4c7a4; } .smil-senza-controsoffitto__diagram-panel { background: rgba(196, 118, 61, 0.75); color: var(--smil-sc-white); } .smil-senza-controsoffitto__diagram-gap { min-height: 48px; border: 1px dashed rgba(112, 225, 211, 0.42); background: rgba(23, 195, 178, 0.07); color: var(--smil-sc-turquoise-light); } .smil-senza-controsoffitto__diagram-mass { background: linear-gradient( 90deg, var(--smil-sc-turquoise), var(--smil-sc-teal) ); color: var(--smil-sc-white); } .smil-senza-controsoffitto__diagram-option small { display: block; margin-top: 10px; color: rgba(255, 255, 255, 0.58); font-size: 10px; line-height: 1.45; } .smil-senza-controsoffitto__diagram-divider { margin: 11px 0; color: rgba(255, 255, 255, 0.42); font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; } /* ========================================================= ANALISI ========================================================= */ .smil-senza-controsoffitto__analysis { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-sc-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-senza-controsoffitto__analysis-label { display: block; margin-bottom: 8px; color: var(--smil-sc-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__analysis-content h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-senza-controsoffitto__analysis-content p { margin: 17px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.72; } .smil-senza-controsoffitto__analysis-content p + p { margin-top: 11px; } .smil-senza-controsoffitto__analysis-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); } .smil-senza-controsoffitto__analysis-list ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .smil-senza-controsoffitto__analysis-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-senza-controsoffitto__analysis-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sc-turquoise); } .smil-senza-controsoffitto__analysis-list li svg { width: 14px; height: 14px; fill: var(--smil-sc-dark-deep); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-senza-controsoffitto__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-senza-controsoffitto__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-senza-controsoffitto__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-sc-teal); } .smil-senza-controsoffitto__transparency span { display: block; margin-bottom: 7px; color: var(--smil-sc-teal); font-size: 11px; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; } .smil-senza-controsoffitto__transparency h3 { margin: 0; color: var(--smil-sc-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-senza-controsoffitto__transparency p { margin: 15px 0 0; color: var(--smil-sc-muted); font-size: 15px; line-height: 1.7; } .smil-senza-controsoffitto__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-senza-controsoffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-sc-dark), var(--smil-sc-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-senza-controsoffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-sc-turquoise-light); font-size: 11px; font-weight: 850; letter-spacing: 0.075em; text-transform: uppercase; } .smil-senza-controsoffitto__cta-content strong { display: block; color: var(--smil-sc-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-senza-controsoffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-senza-controsoffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-senza-controsoffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-senza-controsoffitto__button:hover { transform: translateY(-2px); } .smil-senza-controsoffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-senza-controsoffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-senza-controsoffitto__button--primary { background: var(--smil-sc-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-sc-dark-deep); } .smil-senza-controsoffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-sc-white); } .smil-senza-controsoffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1060px) { .smil-senza-controsoffitto__main { grid-template-columns: 1fr; } .smil-senza-controsoffitto__side { position: static; } .smil-senza-controsoffitto__meaning, .smil-senza-controsoffitto__thin, .smil-senza-controsoffitto__diagram-section, .smil-senza-controsoffitto__analysis { grid-template-columns: 1fr; } .smil-senza-controsoffitto__cta { grid-template-columns: 1fr; } .smil-senza-controsoffitto__cta-actions { width: min(390px, 100%); } } @media (max-width: 760px) { .smil-senza-controsoffitto__comparison, .smil-senza-controsoffitto__source-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-senza-controsoffitto { padding: 64px 18px 74px; } .smil-senza-controsoffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-senza-controsoffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-senza-controsoffitto__intro { font-size: 16px; line-height: 1.68; } .smil-senza-controsoffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-senza-controsoffitto__comparison-card { padding: 24px 20px; border-radius: 20px; } .smil-senza-controsoffitto__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-senza-controsoffitto__side { padding: 24px 20px; border-radius: 20px; } .smil-senza-controsoffitto__meaning, .smil-senza-controsoffitto__source, .smil-senza-controsoffitto__thin, .smil-senza-controsoffitto__diagram-section, .smil-senza-controsoffitto__analysis { padding: 26px 20px; border-radius: 21px; } .smil-senza-controsoffitto__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-senza-controsoffitto__cta { padding: 27px 21px; } .smil-senza-controsoffitto__cta-actions, .smil-senza-controsoffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-senza-controsoffitto__button { transition: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_16 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_16 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_16 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= QUANTO COSTA INSONORIZZARE UN SOFFITTO A MILANO ========================================================= */ .smil-costo-soffitto { --smil-cs-dark: #082f3b; --smil-cs-dark-deep: #05242d; --smil-cs-teal: #087f8c; --smil-cs-turquoise: #17c3b2; --smil-cs-turquoise-light: #70e1d3; --smil-cs-white: #ffffff; --smil-cs-light: #eef8f7; --smil-cs-text: #17343c; --smil-cs-muted: #58727a; --smil-cs-border: rgba(8, 127, 140, 0.16); --smil-cs-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 30%, #edf7f6 100% ); color: var(--smil-cs-text); } .smil-costo-soffitto *, .smil-costo-soffitto *::before, .smil-costo-soffitto *::after { box-sizing: border-box; } .smil-costo-soffitto::before { content: ""; position: absolute; top: 430px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-costo-soffitto::after { content: ""; position: absolute; bottom: 270px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-costo-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-costo-soffitto__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-costo-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-cs-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-costo-soffitto h2 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-costo-soffitto h2 span { display: block; color: var(--smil-cs-teal); } .smil-costo-soffitto__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-cs-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-costo-soffitto__intro--secondary { margin-top: 13px; } .smil-costo-soffitto__intro strong { color: var(--smil-cs-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-costo-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-cs-border); border-left: 5px solid var(--smil-cs-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-costo-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-costo-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-cs-teal); } .smil-costo-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-cs-dark); font-size: 18px; line-height: 1.45; } .smil-costo-soffitto__answer p { margin: 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= FATTORI E PANNELLO LATERALE ========================================================= */ .smil-costo-soffitto__main { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-costo-soffitto__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; } .smil-costo-soffitto__factor { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 32px); border: 1px solid var(--smil-cs-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-costo-soffitto__factor::after { content: ""; position: absolute; top: -72px; right: -72px; width: 150px; height: 150px; border-radius: 50%; background: rgba(23, 195, 178, 0.055); pointer-events: none; } .smil-costo-soffitto__factor-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; } .smil-costo-soffitto__factor-number { color: rgba(8, 47, 59, 0.15); font-size: 30px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-costo-soffitto__factor-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-cs-turquoise), var(--smil-cs-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-costo-soffitto__factor-icon svg { width: 25px; height: 25px; fill: var(--smil-cs-white); } .smil-costo-soffitto__factor-label { position: relative; z-index: 1; display: block; margin-bottom: 7px; color: var(--smil-cs-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-costo-soffitto__factor h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-cs-dark); font-size: clamp(21px, 1.8vw, 26px); font-weight: 820; line-height: 1.25; letter-spacing: -0.026em; } .smil-costo-soffitto__factor p { position: relative; z-index: 1; margin: 15px 0 0; color: var(--smil-cs-muted); font-size: 14px; line-height: 1.7; } .smil-costo-soffitto__factor p + p { margin-top: 10px; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-costo-soffitto__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 35% ), linear-gradient( 145deg, var(--smil-cs-dark), var(--smil-cs-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-costo-soffitto__side-label { display: block; color: var(--smil-cs-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.5; letter-spacing: 0.075em; text-transform: uppercase; } .smil-costo-soffitto__side ul { display: grid; gap: 19px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-costo-soffitto__side li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; } .smil-costo-soffitto__side li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--smil-cs-turquoise); } .smil-costo-soffitto__side li svg { width: 15px; height: 15px; fill: var(--smil-cs-dark-deep); } .smil-costo-soffitto__side li strong { display: block; color: var(--smil-cs-white); font-size: 15px; line-height: 1.4; } .smil-costo-soffitto__side li small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.55; } .smil-costo-soffitto__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 25px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-costo-soffitto__side-note svg { width: 21px; height: 21px; fill: var(--smil-cs-turquoise-light); } .smil-costo-soffitto__side-note p { margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 12px; line-height: 1.58; } /* ========================================================= PREZZO AL METRO QUADRATO ========================================================= */ .smil-costo-soffitto__not-per-square-metre { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(60px, 7vw, 92px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-cs-dark), var(--smil-cs-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-costo-soffitto__not-per-square-metre-label { display: block; margin-bottom: 8px; color: var(--smil-cs-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__not-per-square-metre-content h3 { margin: 0; color: var(--smil-cs-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-costo-soffitto__not-per-square-metre-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-costo-soffitto__not-per-square-metre-content p + p { margin-top: 12px; } .smil-costo-soffitto__not-per-square-metre-grid { display: grid; gap: 13px; } .smil-costo-soffitto__not-per-square-metre-grid article { padding: 19px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-costo-soffitto__scenario-label { display: inline-block; margin-bottom: 8px; color: var(--smil-cs-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-costo-soffitto__not-per-square-metre-grid strong { display: block; color: var(--smil-cs-white); font-size: 16px; line-height: 1.4; } .smil-costo-soffitto__not-per-square-metre-grid p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.6; } /* ========================================================= VARIABILI DI COSTO ========================================================= */ .smil-costo-soffitto__cost-drivers { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-cs-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-cs-shadow); } .smil-costo-soffitto__cost-drivers-header { max-width: 920px; } .smil-costo-soffitto__cost-drivers-header > span { display: block; margin-bottom: 8px; color: var(--smil-cs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__cost-drivers-header h3 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-costo-soffitto__cost-drivers-header p { margin: 15px 0 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.68; } .smil-costo-soffitto__cost-drivers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; } .smil-costo-soffitto__cost-drivers-grid article { padding: 23px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-cs-light); } .smil-costo-soffitto__driver-icon { display: grid; width: 46px; height: 46px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-cs-turquoise), var(--smil-cs-teal) ); } .smil-costo-soffitto__driver-icon svg { width: 24px; height: 24px; fill: var(--smil-cs-white); } .smil-costo-soffitto__cost-drivers-grid h3 { margin: 0; color: var(--smil-cs-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-costo-soffitto__cost-drivers-grid p { margin: 9px 0 0; color: var(--smil-cs-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= CONTROSOFFITTO ESISTENTE ========================================================= */ .smil-costo-soffitto__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-cs-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-costo-soffitto__existing-label { display: block; margin-bottom: 8px; color: var(--smil-cs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__existing-content h3 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-costo-soffitto__existing-content p { margin: 17px 0 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.72; } .smil-costo-soffitto__existing-content p + p { margin-top: 11px; } .smil-costo-soffitto__existing-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-cs-dark), var(--smil-cs-dark-deep) ); } .smil-costo-soffitto__existing-list > strong { display: block; color: var(--smil-cs-white); font-size: 16px; line-height: 1.45; } .smil-costo-soffitto__existing-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-costo-soffitto__existing-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-costo-soffitto__existing-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-cs-turquoise); } .smil-costo-soffitto__existing-list li svg { width: 14px; height: 14px; fill: var(--smil-cs-dark-deep); } /* ========================================================= PROCESSO ========================================================= */ .smil-costo-soffitto__process { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border-radius: 26px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-cs-dark), var(--smil-cs-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-costo-soffitto__process-header { max-width: 900px; } .smil-costo-soffitto__process-header > span { display: block; margin-bottom: 8px; color: var(--smil-cs-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__process-header h3 { margin: 0; color: var(--smil-cs-white); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-costo-soffitto__process-header p { margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.68; } .smil-costo-soffitto__process-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-costo-soffitto__process-list li { padding: 20px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 17px; background: rgba(255, 255, 255, 0.055); } .smil-costo-soffitto__process-number { display: grid; width: 38px; height: 38px; margin-bottom: 15px; place-items: center; border-radius: 11px; background: var(--smil-cs-turquoise); color: var(--smil-cs-dark-deep); font-size: 15px; font-weight: 900; } .smil-costo-soffitto__process-list strong { display: block; color: var(--smil-cs-white); font-size: 15px; line-height: 1.4; } .smil-costo-soffitto__process-list p { margin: 8px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.6; } /* ========================================================= CONFRONTO PREVENTIVI ========================================================= */ .smil-costo-soffitto__comparison-quote { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-cs-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-cs-shadow); } .smil-costo-soffitto__comparison-quote-header { max-width: 920px; } .smil-costo-soffitto__comparison-quote-header > span { display: block; margin-bottom: 8px; color: var(--smil-cs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__comparison-quote-header h3 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-costo-soffitto__comparison-quote-header p { margin: 15px 0 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.68; } .smil-costo-soffitto__comparison-quote-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-costo-soffitto__comparison-quote-grid article { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-cs-light); } .smil-costo-soffitto__quote-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-cs-turquoise), var(--smil-cs-teal) ); } .smil-costo-soffitto__quote-icon svg { width: 23px; height: 23px; fill: var(--smil-cs-white); } .smil-costo-soffitto__comparison-quote-grid strong { display: block; color: var(--smil-cs-dark); font-size: 17px; line-height: 1.4; } .smil-costo-soffitto__comparison-quote-grid p { margin: 8px 0 0; color: var(--smil-cs-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= MILANO E PROVINCIA ========================================================= */ .smil-costo-soffitto__milano { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-cs-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-costo-soffitto__milano-label { display: block; margin-bottom: 8px; color: var(--smil-cs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__milano-content h3 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-costo-soffitto__milano-content p { margin: 16px 0 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.7; } .smil-costo-soffitto__milano-content p + p { margin-top: 11px; } .smil-costo-soffitto__milano-areas { display: flex; flex-wrap: wrap; gap: 10px; align-content: center; } .smil-costo-soffitto__milano-areas span { display: inline-flex; min-height: 40px; align-items: center; padding: 9px 13px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 999px; background: var(--smil-cs-light); color: var(--smil-cs-dark); font-size: 12px; font-weight: 760; line-height: 1.35; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-costo-soffitto__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-costo-soffitto__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-costo-soffitto__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-cs-teal); } .smil-costo-soffitto__transparency span { display: block; margin-bottom: 7px; color: var(--smil-cs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-costo-soffitto__transparency h3 { margin: 0; color: var(--smil-cs-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-costo-soffitto__transparency p { margin: 15px 0 0; color: var(--smil-cs-muted); font-size: 15px; line-height: 1.7; } .smil-costo-soffitto__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-costo-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-cs-dark), var(--smil-cs-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-costo-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-cs-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-costo-soffitto__cta-content strong { display: block; color: var(--smil-cs-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-costo-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-costo-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-costo-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-costo-soffitto__button:hover { transform: translateY(-2px); } .smil-costo-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-costo-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-costo-soffitto__button--primary { background: var(--smil-cs-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-cs-dark-deep); } .smil-costo-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-cs-white); } .smil-costo-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1080px) { .smil-costo-soffitto__main { grid-template-columns: 1fr; } .smil-costo-soffitto__side { position: static; } .smil-costo-soffitto__not-per-square-metre, .smil-costo-soffitto__existing, .smil-costo-soffitto__milano { grid-template-columns: 1fr; } .smil-costo-soffitto__process-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smil-costo-soffitto__comparison-quote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-costo-soffitto__cta { grid-template-columns: 1fr; } .smil-costo-soffitto__cta-actions { width: min(390px, 100%); } } @media (max-width: 820px) { .smil-costo-soffitto__factors, .smil-costo-soffitto__cost-drivers-grid { grid-template-columns: 1fr; } .smil-costo-soffitto__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .smil-costo-soffitto { padding: 64px 18px 74px; } .smil-costo-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-costo-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-costo-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-costo-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-costo-soffitto__factor { padding: 23px 20px; border-radius: 18px; } .smil-costo-soffitto__side { padding: 24px 20px; border-radius: 20px; } .smil-costo-soffitto__not-per-square-metre, .smil-costo-soffitto__cost-drivers, .smil-costo-soffitto__existing, .smil-costo-soffitto__process, .smil-costo-soffitto__comparison-quote, .smil-costo-soffitto__milano { padding: 26px 20px; border-radius: 21px; } .smil-costo-soffitto__process-list, .smil-costo-soffitto__comparison-quote-grid { grid-template-columns: 1fr; } .smil-costo-soffitto__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-costo-soffitto__cta { padding: 27px 21px; } .smil-costo-soffitto__cta-actions, .smil-costo-soffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-costo-soffitto__button { transition: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_17 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_17 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_17 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= COME AVVIENE IL SOPRALLUOGO ANALITICO A MILANO ========================================================= */ .smil-sopralluogo-analitico { --smil-sa-dark: #082f3b; --smil-sa-dark-deep: #05242d; --smil-sa-teal: #087f8c; --smil-sa-turquoise: #17c3b2; --smil-sa-turquoise-light: #70e1d3; --smil-sa-white: #ffffff; --smil-sa-light: #eef8f7; --smil-sa-text: #17343c; --smil-sa-muted: #58727a; --smil-sa-border: rgba(8, 127, 140, 0.16); --smil-sa-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-sa-warning: #c4763d; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 30%, #f3faf9 100% ); color: var(--smil-sa-text); } .smil-sopralluogo-analitico *, .smil-sopralluogo-analitico *::before, .smil-sopralluogo-analitico *::after { box-sizing: border-box; } .smil-sopralluogo-analitico::before { content: ""; position: absolute; top: 430px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-sopralluogo-analitico::after { content: ""; position: absolute; right: -150px; bottom: 270px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-sopralluogo-analitico__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-sopralluogo-analitico__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-sopralluogo-analitico__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-sa-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-sopralluogo-analitico h2 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-sopralluogo-analitico h2 span { display: block; color: var(--smil-sa-teal); } .smil-sopralluogo-analitico__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-sa-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-sopralluogo-analitico__intro--secondary { margin-top: 13px; } .smil-sopralluogo-analitico__intro strong { color: var(--smil-sa-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-sopralluogo-analitico__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-sa-border); border-left: 5px solid var(--smil-sa-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-sopralluogo-analitico__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-sopralluogo-analitico__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-sa-teal); } .smil-sopralluogo-analitico__answer strong { display: block; margin-bottom: 6px; color: var(--smil-sa-dark); font-size: 18px; line-height: 1.45; } .smil-sopralluogo-analitico__answer p { margin: 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= DIFFERENZA TRA VISITA E SOPRALLUOGO ANALITICO ========================================================= */ .smil-sopralluogo-analitico__difference { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: clamp(58px, 7vw, 90px); padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sa-dark), var(--smil-sa-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-sopralluogo-analitico__difference-label { display: block; margin-bottom: 8px; color: var(--smil-sa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__difference-content h3 { margin: 0; color: var(--smil-sa-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-sopralluogo-analitico__difference-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-sopralluogo-analitico__difference-content p + p { margin-top: 12px; } .smil-sopralluogo-analitico__difference-grid { display: grid; gap: 13px; } .smil-sopralluogo-analitico__difference-card { padding: 21px; border-radius: 17px; } .smil-sopralluogo-analitico__difference-card--simple { border: 1px solid rgba(196, 118, 61, 0.22); background: rgba(196, 118, 61, 0.1); } .smil-sopralluogo-analitico__difference-card--analytic { border: 1px solid rgba(112, 225, 211, 0.23); background: rgba(23, 195, 178, 0.11); } .smil-sopralluogo-analitico__difference-status { display: inline-block; margin-bottom: 8px; color: var(--smil-sa-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-sopralluogo-analitico__difference-card strong { display: block; color: var(--smil-sa-white); font-size: 18px; line-height: 1.4; } .smil-sopralluogo-analitico__difference-card ul { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; } .smil-sopralluogo-analitico__difference-card li { position: relative; padding-left: 20px; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1.5; } .smil-sopralluogo-analitico__difference-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-sopralluogo-analitico__difference-card--simple li::before { background: var(--smil-sa-warning); } .smil-sopralluogo-analitico__difference-card--analytic li::before { background: var(--smil-sa-turquoise); } /* ========================================================= FASI DEL PERCORSO ========================================================= */ .smil-sopralluogo-analitico__steps { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sa-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sa-shadow); } .smil-sopralluogo-analitico__steps-header { max-width: 900px; } .smil-sopralluogo-analitico__steps-header > span { display: block; margin-bottom: 8px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__steps-header h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-sopralluogo-analitico__steps-header p { margin: 15px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.68; } .smil-sopralluogo-analitico__steps-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-sopralluogo-analitico__steps-list li { padding: 21px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-sa-light); } .smil-sopralluogo-analitico__step-number { display: grid; width: 40px; height: 40px; margin-bottom: 16px; place-items: center; border-radius: 12px; background: linear-gradient( 135deg, var(--smil-sa-turquoise), var(--smil-sa-teal) ); color: var(--smil-sa-white); font-size: 15px; font-weight: 900; } .smil-sopralluogo-analitico__step-label { display: block; margin-bottom: 6px; color: var(--smil-sa-teal); font-size: 9px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-sopralluogo-analitico__step-content h3 { margin: 0; color: var(--smil-sa-dark); font-size: 17px; line-height: 1.35; letter-spacing: -0.015em; } .smil-sopralluogo-analitico__step-content p { margin: 10px 0 0; color: var(--smil-sa-muted); font-size: 12px; line-height: 1.6; } .smil-sopralluogo-analitico__step-content small { display: block; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(8, 127, 140, 0.11); color: var(--smil-sa-text); font-size: 10px; line-height: 1.5; } /* ========================================================= ELEMENTI VERIFICATI ========================================================= */ .smil-sopralluogo-analitico__checks { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sa-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sa-shadow); } .smil-sopralluogo-analitico__checks-content { max-width: 900px; } .smil-sopralluogo-analitico__checks-label { display: block; margin-bottom: 8px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__checks-content h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-sopralluogo-analitico__checks-content p { margin: 15px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.68; } .smil-sopralluogo-analitico__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; } .smil-sopralluogo-analitico__checks-grid article { padding: 23px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-sa-light); } .smil-sopralluogo-analitico__check-icon { display: grid; width: 46px; height: 46px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-sa-turquoise), var(--smil-sa-teal) ); } .smil-sopralluogo-analitico__check-icon svg { width: 24px; height: 24px; fill: var(--smil-sa-white); } .smil-sopralluogo-analitico__checks-grid h3 { margin: 0; color: var(--smil-sa-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-sopralluogo-analitico__checks-grid p { margin: 9px 0 0; color: var(--smil-sa-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= MISURAZIONI FONOMETRICHE ========================================================= */ .smil-sopralluogo-analitico__measurements { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sa-dark), var(--smil-sa-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-sopralluogo-analitico__measurements-label { display: block; margin-bottom: 8px; color: var(--smil-sa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__measurements-content h3 { margin: 0; color: var(--smil-sa-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-sopralluogo-analitico__measurements-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-sopralluogo-analitico__measurements-content p + p { margin-top: 12px; } .smil-sopralluogo-analitico__measurements-panel { padding: 22px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.055); } .smil-sopralluogo-analitico__measurements-panel-label { display: block; color: var(--smil-sa-turquoise-light); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-sopralluogo-analitico__measurements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 17px; } .smil-sopralluogo-analitico__measurements-grid article { padding: 17px; border: 1px solid rgba(112, 225, 211, 0.13); border-radius: 14px; background: rgba(255, 255, 255, 0.055); } .smil-sopralluogo-analitico__measurements-grid strong { display: block; color: var(--smil-sa-turquoise); font-size: 22px; font-weight: 900; line-height: 1.1; letter-spacing: -0.025em; } .smil-sopralluogo-analitico__measurements-grid p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.68); font-size: 11px; line-height: 1.55; } .smil-sopralluogo-analitico__measurements-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 16px; padding: 15px; border-radius: 13px; background: rgba(23, 195, 178, 0.09); } .smil-sopralluogo-analitico__measurements-note svg { width: 21px; height: 21px; fill: var(--smil-sa-turquoise-light); } .smil-sopralluogo-analitico__measurements-note p { margin: 0; color: rgba(255, 255, 255, 0.73); font-size: 12px; line-height: 1.58; } /* ========================================================= PROVE E MONITORAGGI ========================================================= */ .smil-sopralluogo-analitico__tests { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sa-border); border-radius: 26px; background: rgba(255, 255, 255, 0.95); box-shadow: var(--smil-sa-shadow); } .smil-sopralluogo-analitico__tests-header { max-width: 900px; } .smil-sopralluogo-analitico__tests-header > span { display: block; margin-bottom: 8px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__tests-header h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-sopralluogo-analitico__tests-header p { margin: 15px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.68; } .smil-sopralluogo-analitico__tests-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 30px; } .smil-sopralluogo-analitico__tests-grid article { position: relative; padding: 23px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-sa-light); } .smil-sopralluogo-analitico__test-number { display: block; margin-bottom: 14px; color: rgba(8, 47, 59, 0.17); font-size: 27px; font-weight: 900; line-height: 1; } .smil-sopralluogo-analitico__test-icon { display: grid; width: 44px; height: 44px; margin-bottom: 16px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-sa-turquoise), var(--smil-sa-teal) ); } .smil-sopralluogo-analitico__test-icon svg { width: 23px; height: 23px; fill: var(--smil-sa-white); } .smil-sopralluogo-analitico__tests-grid h3 { margin: 0; color: var(--smil-sa-dark); font-size: 18px; line-height: 1.35; letter-spacing: -0.015em; } .smil-sopralluogo-analitico__tests-grid p { margin: 9px 0 0; color: var(--smil-sa-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-sopralluogo-analitico__noise-types { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-sa-dark), var(--smil-sa-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-sopralluogo-analitico__noise-types-label { display: block; margin-bottom: 8px; color: var(--smil-sa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__noise-types-content h3 { margin: 0; color: var(--smil-sa-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-sopralluogo-analitico__noise-types-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-sopralluogo-analitico__noise-types-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-sopralluogo-analitico__noise-types-grid article { padding: 19px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-sopralluogo-analitico__noise-types-grid span { display: block; margin-bottom: 7px; color: var(--smil-sa-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-sopralluogo-analitico__noise-types-grid strong { display: block; color: var(--smil-sa-white); font-size: 16px; line-height: 1.4; } .smil-sopralluogo-analitico__noise-types-grid p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.58; } /* ========================================================= RISULTATO DEL SOPRALLUOGO ========================================================= */ .smil-sopralluogo-analitico__output { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border: 1px solid var(--smil-sa-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-sopralluogo-analitico__output-label { display: block; margin-bottom: 8px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__output-content h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-sopralluogo-analitico__output-content p { margin: 17px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.72; } .smil-sopralluogo-analitico__output-content p + p { margin-top: 11px; } .smil-sopralluogo-analitico__output-list { padding: 25px; border-radius: 19px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 35% ), linear-gradient( 145deg, var(--smil-sa-dark), var(--smil-sa-dark-deep) ); } .smil-sopralluogo-analitico__output-list > strong { display: block; color: var(--smil-sa-white); font-size: 16px; line-height: 1.45; } .smil-sopralluogo-analitico__output-list ul { display: grid; gap: 13px; margin: 20px 0 0; padding: 0; list-style: none; } .smil-sopralluogo-analitico__output-list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: rgba(255, 255, 255, 0.77); font-size: 13px; line-height: 1.55; } .smil-sopralluogo-analitico__output-list li span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--smil-sa-turquoise); } .smil-sopralluogo-analitico__output-list li svg { width: 14px; height: 14px; fill: var(--smil-sa-dark-deep); } /* ========================================================= LOCALIZZAZIONE MILANO ========================================================= */ .smil-sopralluogo-analitico__local { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-sa-border); border-radius: 25px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.065); } .smil-sopralluogo-analitico__local-label { display: block; margin-bottom: 8px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__local-content h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-sopralluogo-analitico__local-content p { margin: 16px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.7; } .smil-sopralluogo-analitico__local-content p + p { margin-top: 11px; } .smil-sopralluogo-analitico__local-areas { display: flex; flex-wrap: wrap; gap: 10px; align-content: center; } .smil-sopralluogo-analitico__local-areas span { display: inline-flex; min-height: 40px; align-items: center; padding: 9px 13px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 999px; background: var(--smil-sa-light); color: var(--smil-sa-dark); font-size: 12px; font-weight: 760; line-height: 1.35; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-sopralluogo-analitico__transparency { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-sopralluogo-analitico__transparency-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-sopralluogo-analitico__transparency-icon svg { width: 27px; height: 27px; fill: var(--smil-sa-teal); } .smil-sopralluogo-analitico__transparency span { display: block; margin-bottom: 7px; color: var(--smil-sa-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-sopralluogo-analitico__transparency h3 { margin: 0; color: var(--smil-sa-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-sopralluogo-analitico__transparency p { margin: 15px 0 0; color: var(--smil-sa-muted); font-size: 15px; line-height: 1.7; } .smil-sopralluogo-analitico__transparency p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-sopralluogo-analitico__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-sa-dark), var(--smil-sa-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-sopralluogo-analitico__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-sa-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-sopralluogo-analitico__cta-content strong { display: block; color: var(--smil-sa-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-sopralluogo-analitico__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-sopralluogo-analitico__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-sopralluogo-analitico__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-sopralluogo-analitico__button:hover { transform: translateY(-2px); } .smil-sopralluogo-analitico__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-sopralluogo-analitico__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-sopralluogo-analitico__button--primary { background: var(--smil-sa-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-sa-dark-deep); } .smil-sopralluogo-analitico__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-sa-white); } .smil-sopralluogo-analitico__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1080px) { .smil-sopralluogo-analitico__difference, .smil-sopralluogo-analitico__measurements, .smil-sopralluogo-analitico__noise-types, .smil-sopralluogo-analitico__output, .smil-sopralluogo-analitico__local { grid-template-columns: 1fr; } .smil-sopralluogo-analitico__steps-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smil-sopralluogo-analitico__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-sopralluogo-analitico__tests-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-sopralluogo-analitico__cta { grid-template-columns: 1fr; } .smil-sopralluogo-analitico__cta-actions { width: min(390px, 100%); } } @media (max-width: 760px) { .smil-sopralluogo-analitico__steps-list, .smil-sopralluogo-analitico__checks-grid, .smil-sopralluogo-analitico__tests-grid, .smil-sopralluogo-analitico__noise-types-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-sopralluogo-analitico { padding: 64px 18px 74px; } .smil-sopralluogo-analitico__eyebrow { border-radius: 15px; font-size: 10px; } .smil-sopralluogo-analitico h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-sopralluogo-analitico__intro { font-size: 16px; line-height: 1.68; } .smil-sopralluogo-analitico__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-sopralluogo-analitico__difference, .smil-sopralluogo-analitico__steps, .smil-sopralluogo-analitico__checks, .smil-sopralluogo-analitico__measurements, .smil-sopralluogo-analitico__tests, .smil-sopralluogo-analitico__noise-types, .smil-sopralluogo-analitico__output, .smil-sopralluogo-analitico__local { padding: 26px 20px; border-radius: 21px; } .smil-sopralluogo-analitico__measurements-grid { grid-template-columns: 1fr; } .smil-sopralluogo-analitico__transparency { grid-template-columns: 1fr; padding: 25px 20px; } .smil-sopralluogo-analitico__cta { padding: 27px 21px; } .smil-sopralluogo-analitico__cta-actions, .smil-sopralluogo-analitico__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-sopralluogo-analitico__button { transition: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_18 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_18 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_18 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INTERVENTI REALI, VIDEO E RECENSIONI SOFFITTO MILANO ========================================================= */ .smil-prove-reali { --smil-pr-dark: #082f3b; --smil-pr-dark-deep: #05242d; --smil-pr-teal: #087f8c; --smil-pr-turquoise: #17c3b2; --smil-pr-turquoise-light: #70e1d3; --smil-pr-white: #ffffff; --smil-pr-light: #eef8f7; --smil-pr-text: #17343c; --smil-pr-muted: #58727a; --smil-pr-border: rgba(8, 127, 140, 0.16); --smil-pr-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-pr-red: #e13b35; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 5%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 34%, #f3faf9 100% ); color: var(--smil-pr-text); } .smil-prove-reali *, .smil-prove-reali *::before, .smil-prove-reali *::after { box-sizing: border-box; } .smil-prove-reali::before { content: ""; position: absolute; top: 490px; left: -230px; width: 490px; height: 490px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-prove-reali::after { content: ""; position: absolute; right: -160px; bottom: 280px; width: 350px; height: 350px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-prove-reali__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-prove-reali__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-prove-reali__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-pr-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-prove-reali h2 { margin: 0; color: var(--smil-pr-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-prove-reali h2 span { display: block; color: var(--smil-pr-teal); } .smil-prove-reali__intro { max-width: 940px; margin: 25px auto 0; color: var(--smil-pr-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-prove-reali__intro--secondary { margin-top: 13px; } .smil-prove-reali__intro strong { color: var(--smil-pr-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-prove-reali__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-pr-border); border-left: 5px solid var(--smil-pr-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-prove-reali__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-prove-reali__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-pr-teal); } .smil-prove-reali__answer strong { display: block; margin-bottom: 6px; color: var(--smil-pr-dark); font-size: 18px; line-height: 1.45; } .smil-prove-reali__answer p { margin: 0; color: var(--smil-pr-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= HEADER SEZIONE VIDEO ========================================================= */ .smil-prove-reali__video-section { margin-top: clamp(60px, 7vw, 92px); } .smil-prove-reali__section-header { display: flex; gap: 28px; align-items: end; justify-content: space-between; margin-bottom: 29px; } .smil-prove-reali__section-header span { display: block; margin-bottom: 7px; color: var(--smil-pr-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-prove-reali__section-header h3 { margin: 0; color: var(--smil-pr-dark); font-size: clamp(29px, 3.2vw, 44px); font-weight: 840; line-height: 1.17; letter-spacing: -0.036em; } .smil-prove-reali__archive-link { display: inline-flex; flex: 0 0 auto; min-height: 47px; align-items: center; justify-content: center; gap: 9px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 11px; background: var(--smil-pr-white); color: var(--smil-pr-teal); font-size: 13px; font-weight: 800; line-height: 1.3; text-decoration: none; box-shadow: 0 10px 28px rgba(5, 36, 45, 0.06); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-prove-reali__archive-link:hover { transform: translateY(-2px); border-color: var(--smil-pr-turquoise); box-shadow: 0 14px 33px rgba(5, 36, 45, 0.1); } .smil-prove-reali__archive-link svg { width: 18px; height: 18px; fill: currentColor; } /* ========================================================= VIDEO PRINCIPALE: CANTIERE REALE A MILANO ========================================================= */ .smil-prove-reali__featured { overflow: hidden; margin-bottom: 30px; border: 1px solid rgba(8, 127, 140, 0.2); border-radius: 26px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.18), transparent 33% ), linear-gradient( 145deg, var(--smil-pr-dark), var(--smil-pr-dark-deep) ); box-shadow: 0 26px 66px rgba(5, 36, 45, 0.18); } .smil-prove-reali__featured-header { max-width: 970px; padding: clamp(28px, 4vw, 44px) clamp(25px, 4.5vw, 50px) 24px; } .smil-prove-reali__featured-badge { display: inline-flex; min-height: 32px; align-items: center; gap: 8px; margin-bottom: 13px; padding: 7px 12px; border: 1px solid rgba(112, 225, 211, 0.2); border-radius: 999px; background: rgba(23, 195, 178, 0.1); color: var(--smil-pr-turquoise-light); font-size: 10px; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-prove-reali__featured-badge svg { width: 17px; height: 17px; flex: 0 0 auto; fill: currentColor; } .smil-prove-reali__featured-header h3 { margin: 0; color: var(--smil-pr-white); font-size: clamp(29px, 3.4vw, 46px); font-weight: 850; line-height: 1.15; letter-spacing: -0.038em; text-wrap: balance; } .smil-prove-reali__featured-header p { max-width: 920px; margin: 16px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-prove-reali__featured-header strong { color: var(--smil-pr-white); } .smil-prove-reali__featured-layout { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr); gap: 0; align-items: stretch; border-top: 1px solid rgba(112, 225, 211, 0.15); } .smil-prove-reali__featured-media { min-width: 0; margin: 0; padding: clamp(24px, 3.5vw, 38px); background: rgba(255, 255, 255, 0.035); } .smil-prove-reali__featured-frame { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 18px; background: #02171d; box-shadow: 0 19px 46px rgba(0, 0, 0, 0.28); } .smil-prove-reali__featured-frame iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .smil-prove-reali__featured-media figcaption { margin-top: 12px; color: rgba(255, 255, 255, 0.62); font-size: 11px; line-height: 1.55; } .smil-prove-reali__featured-details { padding: clamp(26px, 3.5vw, 39px); border-left: 1px solid rgba(112, 225, 211, 0.15); background: rgba(255, 255, 255, 0.055); } .smil-prove-reali__featured-label { display: block; margin-bottom: 8px; color: var(--smil-pr-turquoise-light); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-prove-reali__featured-details h4 { margin: 0; color: var(--smil-pr-white); font-size: clamp(22px, 2.3vw, 31px); font-weight: 830; line-height: 1.23; letter-spacing: -0.029em; } .smil-prove-reali__featured-list { display: grid; gap: 10px; margin: 21px 0 0; padding: 0; list-style: none; } .smil-prove-reali__featured-list li { position: relative; padding-left: 24px; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.58; } .smil-prove-reali__featured-list li::before { content: ""; position: absolute; top: 7px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-pr-turquoise); box-shadow: 0 0 0 5px rgba(23, 195, 178, 0.09); } .smil-prove-reali__featured-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 22px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 14px; background: rgba(23, 195, 178, 0.08); } .smil-prove-reali__featured-note svg { width: 22px; height: 22px; fill: var(--smil-pr-turquoise-light); } .smil-prove-reali__featured-note p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 11px; line-height: 1.58; } .smil-prove-reali__chapters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0 clamp(24px, 3.5vw, 38px) clamp(25px, 3.5vw, 38px); list-style: none; } .smil-prove-reali__chapters li { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: center; min-width: 0; padding: 12px 13px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 12px; background: rgba(255, 255, 255, 0.05); } .smil-prove-reali__chapters time { display: inline-flex; min-height: 29px; align-items: center; justify-content: center; padding: 5px 8px; border-radius: 8px; background: var(--smil-pr-turquoise); color: var(--smil-pr-dark-deep); font-size: 10px; font-weight: 900; line-height: 1; } .smil-prove-reali__chapters span { color: rgba(255, 255, 255, 0.77); font-size: 10px; font-weight: 760; line-height: 1.35; } /* ========================================================= VIDEO CARDS ========================================================= */ .smil-prove-reali__video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .smil-prove-reali__video-card { overflow: hidden; border: 1px solid var(--smil-pr-border); border-radius: 23px; background: var(--smil-pr-white); box-shadow: 0 17px 48px rgba(5, 36, 45, 0.075); transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; } .smil-prove-reali__video-card:hover { transform: translateY(-5px); border-color: rgba(23, 195, 178, 0.4); box-shadow: 0 24px 60px rgba(5, 36, 45, 0.13); } .smil-prove-reali__video-cover { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--smil-pr-dark-deep); } .smil-prove-reali__video-cover img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease; } .smil-prove-reali__video-card:hover .smil-prove-reali__video-cover img { transform: scale(1.045); } .smil-prove-reali__video-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(5, 36, 45, 0.05) 20%, rgba(5, 36, 45, 0.78) 100% ); } .smil-prove-reali__play { position: absolute; top: 50%; left: 50%; display: grid; width: 68px; height: 68px; place-items: center; border: 6px solid rgba(255, 255, 255, 0.22); border-radius: 50%; background: var(--smil-pr-red); box-shadow: 0 15px 35px rgba(5, 36, 45, 0.3); transform: translate(-50%, -50%); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-prove-reali__video-card:hover .smil-prove-reali__play { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 19px 43px rgba(5, 36, 45, 0.4); } .smil-prove-reali__play svg { width: 28px; height: 28px; margin-left: 4px; fill: var(--smil-pr-white); } .smil-prove-reali__video-location { position: absolute; right: 17px; bottom: 16px; left: 17px; display: inline-flex; width: fit-content; min-height: 31px; align-items: center; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; background: rgba(5, 36, 45, 0.78); backdrop-filter: blur(8px); color: var(--smil-pr-white); font-size: 10px; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-prove-reali__video-location::before { content: ""; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--smil-pr-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.16); } .smil-prove-reali__video-body { padding: clamp(23px, 3vw, 31px); } .smil-prove-reali__video-type { display: block; margin-bottom: 7px; color: var(--smil-pr-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-prove-reali__video-body h3 { margin: 0; color: var(--smil-pr-dark); font-size: clamp(22px, 2.1vw, 29px); font-weight: 830; line-height: 1.23; letter-spacing: -0.028em; } .smil-prove-reali__video-body p { margin: 14px 0 0; color: var(--smil-pr-muted); font-size: 14px; line-height: 1.69; } .smil-prove-reali__video-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--smil-pr-teal); font-size: 13px; font-weight: 850; line-height: 1.4; text-decoration: none; } .smil-prove-reali__video-link:hover { color: var(--smil-pr-dark); } .smil-prove-reali__video-link svg { width: 17px; height: 17px; fill: currentColor; transition: transform 180ms ease; } .smil-prove-reali__video-link:hover svg { transform: translateX(3px); } /* ========================================================= RECENSIONI ========================================================= */ .smil-prove-reali__reviews-section { display: grid; grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr); gap: clamp(32px, 5vw, 62px); align-items: start; margin-top: clamp(65px, 7vw, 94px); padding: clamp(32px, 4.8vw, 52px); border-radius: 28px; background: radial-gradient( circle at 0 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-pr-dark), var(--smil-pr-dark-deep) ); box-shadow: 0 26px 68px rgba(5, 36, 45, 0.19); } .smil-prove-reali__reviews-intro { position: sticky; top: 25px; } .smil-prove-reali__reviews-eyebrow { display: block; margin-bottom: 9px; color: var(--smil-pr-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-prove-reali__reviews-intro h3 { margin: 0; color: var(--smil-pr-white); font-size: clamp(29px, 3.1vw, 43px); font-weight: 840; line-height: 1.18; letter-spacing: -0.035em; } .smil-prove-reali__reviews-intro p { margin: 17px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 14px; line-height: 1.72; } .smil-prove-reali__reviews-main-link { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; margin-top: 23px; padding: 11px 17px; border-radius: 11px; background: var(--smil-pr-turquoise); color: var(--smil-pr-dark-deep); font-size: 13px; font-weight: 850; line-height: 1.3; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-prove-reali__reviews-main-link:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(23, 195, 178, 0.2); } .smil-prove-reali__reviews-main-link svg { width: 18px; height: 18px; fill: currentColor; } .smil-prove-reali__reviews-grid { display: grid; gap: 17px; } .smil-prove-reali__review-card { padding: clamp(23px, 3vw, 30px); border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 20px; background: rgba(255, 255, 255, 0.075); box-shadow: 0 13px 34px rgba(5, 36, 45, 0.09); } .smil-prove-reali__review-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; } .smil-prove-reali__review-mark { height: 28px; color: var(--smil-pr-turquoise); font-family: Georgia, "Times New Roman", serif; font-size: 55px; font-weight: 900; line-height: 0.9; } .smil-prove-reali__review-source { display: inline-flex; min-height: 28px; align-items: center; padding: 6px 10px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.08); color: var(--smil-pr-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-prove-reali__review-card h3 { margin: 0; color: var(--smil-pr-white); font-size: clamp(20px, 2vw, 26px); font-weight: 820; line-height: 1.28; letter-spacing: -0.024em; } .smil-prove-reali__review-card > p { margin: 13px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.7; } .smil-prove-reali__review-card footer { display: flex; gap: 18px; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 17px; border-top: 1px solid rgba(112, 225, 211, 0.13); } .smil-prove-reali__review-person { display: flex; min-width: 0; align-items: center; gap: 11px; } .smil-prove-reali__review-avatar { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--smil-pr-turquoise); color: var(--smil-pr-dark-deep); font-size: 12px; font-weight: 900; } .smil-prove-reali__review-person strong { display: block; color: var(--smil-pr-white); font-size: 13px; line-height: 1.4; } .smil-prove-reali__review-person small { display: block; margin-top: 2px; color: rgba(255, 255, 255, 0.56); font-size: 10px; line-height: 1.4; } .smil-prove-reali__review-card footer > a { flex: 0 0 auto; color: var(--smil-pr-turquoise-light); font-size: 11px; font-weight: 800; line-height: 1.4; text-decoration: none; } .smil-prove-reali__review-card footer > a:hover { color: var(--smil-pr-white); text-decoration: underline; } /* ========================================================= PROVE E AUTOREVOLEZZA ========================================================= */ .smil-prove-reali__proof { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(500px, 1.2fr); gap: clamp(32px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 49px); border: 1px solid var(--smil-pr-border); border-radius: 26px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--smil-pr-shadow); } .smil-prove-reali__proof-label { display: block; margin-bottom: 8px; color: var(--smil-pr-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-prove-reali__proof-content h3 { margin: 0; color: var(--smil-pr-dark); font-size: clamp(28px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-prove-reali__proof-content p { margin: 16px 0 0; color: var(--smil-pr-muted); font-size: 14px; line-height: 1.72; } .smil-prove-reali__proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .smil-prove-reali__proof-grid article { display: grid; grid-template-columns: auto 1fr; gap: 13px; padding: 18px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 16px; background: var(--smil-pr-light); } .smil-prove-reali__proof-grid article > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; background: linear-gradient( 135deg, var(--smil-pr-turquoise), var(--smil-pr-teal) ); } .smil-prove-reali__proof-grid svg { width: 21px; height: 21px; fill: var(--smil-pr-white); } .smil-prove-reali__proof-grid strong { display: block; color: var(--smil-pr-dark); font-size: 14px; line-height: 1.4; } .smil-prove-reali__proof-grid p { margin: 4px 0 0; color: var(--smil-pr-muted); font-size: 11px; line-height: 1.55; } /* ========================================================= NOTA ========================================================= */ .smil-prove-reali__notice { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-prove-reali__notice-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-prove-reali__notice-icon svg { width: 27px; height: 27px; fill: var(--smil-pr-teal); } .smil-prove-reali__notice span { display: block; margin-bottom: 7px; color: var(--smil-pr-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-prove-reali__notice h3 { margin: 0; color: var(--smil-pr-dark); font-size: clamp(24px, 2.8vw, 36px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-prove-reali__notice p { margin: 14px 0 0; color: var(--smil-pr-muted); font-size: 14px; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .smil-prove-reali__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-pr-dark), var(--smil-pr-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-prove-reali__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-pr-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-prove-reali__cta-content strong { display: block; color: var(--smil-pr-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-prove-reali__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-prove-reali__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-prove-reali__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-prove-reali__button:hover { transform: translateY(-2px); } .smil-prove-reali__button:focus-visible, .smil-prove-reali__video-cover:focus-visible, .smil-prove-reali__archive-link:focus-visible, .smil-prove-reali__reviews-main-link:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.38); outline-offset: 4px; } .smil-prove-reali__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-prove-reali__button--primary { background: var(--smil-pr-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-pr-dark-deep); } .smil-prove-reali__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-pr-white); } .smil-prove-reali__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1080px) { .smil-prove-reali__featured-layout { grid-template-columns: 1fr; } .smil-prove-reali__featured-details { border-top: 1px solid rgba(112, 225, 211, 0.15); border-left: 0; } .smil-prove-reali__chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-prove-reali__reviews-section, .smil-prove-reali__proof { grid-template-columns: 1fr; } .smil-prove-reali__reviews-intro { position: static; } .smil-prove-reali__reviews-intro p { max-width: 800px; } .smil-prove-reali__proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .smil-prove-reali__proof-grid article { grid-template-columns: 1fr; } .smil-prove-reali__cta { grid-template-columns: 1fr; } .smil-prove-reali__cta-actions { width: min(390px, 100%); } } @media (max-width: 860px) { .smil-prove-reali__video-grid { grid-template-columns: 1fr; } .smil-prove-reali__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { .smil-prove-reali__section-header { align-items: flex-start; flex-direction: column; } .smil-prove-reali__archive-link { width: 100%; } } @media (max-width: 640px) { .smil-prove-reali__featured { border-radius: 21px; } .smil-prove-reali__featured-header { padding: 25px 20px 21px; } .smil-prove-reali__featured-header p { font-size: 14px; } .smil-prove-reali__featured-media, .smil-prove-reali__featured-details { padding: 21px 18px; } .smil-prove-reali__featured-frame { border-radius: 14px; } .smil-prove-reali__chapters { grid-template-columns: 1fr; padding: 0 18px 22px; } .smil-prove-reali { padding: 64px 18px 74px; } .smil-prove-reali__eyebrow { border-radius: 15px; font-size: 10px; } .smil-prove-reali h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-prove-reali__intro { font-size: 16px; line-height: 1.68; } .smil-prove-reali__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-prove-reali__video-card { border-radius: 19px; } .smil-prove-reali__video-body { padding: 23px 20px; } .smil-prove-reali__play { width: 59px; height: 59px; } .smil-prove-reali__reviews-section, .smil-prove-reali__proof { padding: 27px 20px; border-radius: 21px; } .smil-prove-reali__review-card footer { align-items: flex-start; flex-direction: column; } .smil-prove-reali__proof-grid { grid-template-columns: 1fr; } .smil-prove-reali__proof-grid article { grid-template-columns: auto 1fr; } .smil-prove-reali__notice { grid-template-columns: 1fr; padding: 25px 20px; } .smil-prove-reali__cta { padding: 27px 21px; } .smil-prove-reali__cta-actions, .smil-prove-reali__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-prove-reali__video-card, .smil-prove-reali__video-cover img, .smil-prove-reali__play, .smil-prove-reali__video-link svg, .smil-prove-reali__archive-link, .smil-prove-reali__reviews-main-link, .smil-prove-reali__button { transition: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_19 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= ISOLAMENTO ACUSTICO SOFFITTO A MILANO E PROVINCIA ========================================================= */ .smil-area-soffitto { --smil-as-dark: #082f3b; --smil-as-dark-deep: #05242d; --smil-as-teal: #087f8c; --smil-as-turquoise: #17c3b2; --smil-as-turquoise-light: #70e1d3; --smil-as-white: #ffffff; --smil-as-light: #eef8f7; --smil-as-text: #17343c; --smil-as-muted: #58727a; --smil-as-border: rgba(8, 127, 140, 0.16); --smil-as-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 31%, #f3faf9 100% ); color: var(--smil-as-text); } .smil-area-soffitto *, .smil-area-soffitto *::before, .smil-area-soffitto *::after { box-sizing: border-box; } .smil-area-soffitto::before { content: ""; position: absolute; top: 430px; left: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-area-soffitto::after { content: ""; position: absolute; right: -150px; bottom: 260px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-area-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-area-soffitto__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-area-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-as-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-area-soffitto h2 { margin: 0; color: var(--smil-as-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-area-soffitto h2 span { display: block; color: var(--smil-as-teal); } .smil-area-soffitto__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-as-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-area-soffitto__intro--secondary { margin-top: 13px; } .smil-area-soffitto__intro strong { color: var(--smil-as-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-area-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-as-border); border-left: 5px solid var(--smil-as-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-area-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-area-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-as-teal); } .smil-area-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-as-dark); font-size: 18px; line-height: 1.45; } .smil-area-soffitto__answer p { margin: 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-area-soffitto__main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr); gap: clamp(34px, 5.5vw, 70px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-area-soffitto__content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .smil-area-soffitto__feature { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 17px; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-as-border); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 14px 42px rgba(5, 36, 45, 0.06); } .smil-area-soffitto__feature-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-as-turquoise), var(--smil-as-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-area-soffitto__feature-icon svg { width: 25px; height: 25px; fill: var(--smil-as-white); } .smil-area-soffitto__feature-label { display: block; margin-bottom: 7px; color: var(--smil-as-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-area-soffitto__feature h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(20px, 1.75vw, 25px); font-weight: 820; line-height: 1.26; letter-spacing: -0.025em; } .smil-area-soffitto__feature p { margin: 14px 0 0; color: var(--smil-as-muted); font-size: 14px; line-height: 1.69; } .smil-area-soffitto__feature p + p { margin-top: 10px; } .smil-area-soffitto__feature strong { color: var(--smil-as-dark); } /* ========================================================= COPERTURA GEOGRAFICA ========================================================= */ .smil-area-soffitto__coverage { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.21), transparent 35% ), linear-gradient( 145deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-area-soffitto__coverage-label { display: block; color: var(--smil-as-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.45; letter-spacing: 0.08em; text-transform: uppercase; } .smil-area-soffitto__coverage h3 { margin: 8px 0 0; color: var(--smil-as-white); font-size: clamp(28px, 3vw, 40px); font-weight: 840; line-height: 1.15; letter-spacing: -0.035em; } .smil-area-soffitto__coverage > p { margin: 14px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.65; } .smil-area-soffitto__map { position: relative; min-height: 330px; margin-top: 25px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 18px; background: radial-gradient( circle at center, rgba(23, 195, 178, 0.12), transparent 60% ), rgba(255, 255, 255, 0.04); } .smil-area-soffitto__map-ring { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(112, 225, 211, 0.22); border-radius: 50%; transform: translate(-50%, -50%); } .smil-area-soffitto__map-ring--one { width: 170px; height: 170px; } .smil-area-soffitto__map-ring--two { width: 270px; height: 270px; } .smil-area-soffitto__map-center { position: absolute; top: 50%; left: 50%; z-index: 3; display: flex; width: 82px; height: 82px; flex-direction: column; align-items: center; justify-content: center; border: 6px solid rgba(23, 195, 178, 0.13); border-radius: 50%; background: var(--smil-as-turquoise); color: var(--smil-as-dark-deep); transform: translate(-50%, -50%); } .smil-area-soffitto__map-center svg { width: 24px; height: 24px; fill: var(--smil-as-dark-deep); } .smil-area-soffitto__map-center strong { margin-top: 3px; font-size: 11px; line-height: 1.2; } .smil-area-soffitto__map-point { position: absolute; z-index: 2; display: inline-flex; min-height: 28px; align-items: center; padding: 6px 9px; border: 1px solid rgba(112, 225, 211, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.8); font-size: 9px; font-weight: 750; line-height: 1.2; } .smil-area-soffitto__map-point::before { content: ""; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--smil-as-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.09); } .smil-area-soffitto__map-point--one { top: 38px; left: 50%; transform: translateX(-50%); } .smil-area-soffitto__map-point--two { top: 89px; right: 18px; } .smil-area-soffitto__map-point--three { right: 22px; bottom: 64px; } .smil-area-soffitto__map-point--four { bottom: 72px; left: 19px; } .smil-area-soffitto__map-point--five { top: 105px; left: 17px; } .smil-area-soffitto__coverage-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 19px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 13px; background: rgba(255, 255, 255, 0.055); } .smil-area-soffitto__coverage-note svg { width: 21px; height: 21px; fill: var(--smil-as-turquoise-light); } .smil-area-soffitto__coverage-note p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.58; } /* ========================================================= COMUNI SERVITI ========================================================= */ .smil-area-soffitto__areas { margin-top: clamp(60px, 7vw, 92px); padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-as-border); border-radius: 26px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--smil-as-shadow); } .smil-area-soffitto__areas-header { max-width: 920px; } .smil-area-soffitto__areas-header > span { display: block; margin-bottom: 8px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-area-soffitto__areas-header h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-area-soffitto__areas-header p { margin: 15px 0 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.68; } .smil-area-soffitto__areas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 30px; } .smil-area-soffitto__areas-grid article { padding: 23px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-as-light); } .smil-area-soffitto__area-icon { display: grid; width: 44px; height: 44px; margin-bottom: 15px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-as-turquoise), var(--smil-as-teal) ); } .smil-area-soffitto__area-icon svg { width: 23px; height: 23px; fill: var(--smil-as-white); } .smil-area-soffitto__areas-grid h3 { margin: 0; color: var(--smil-as-dark); font-size: 19px; line-height: 1.35; letter-spacing: -0.018em; } .smil-area-soffitto__areas-grid p { margin: 9px 0 0; color: var(--smil-as-muted); font-size: 12px; line-height: 1.62; } /* ========================================================= TIPOLOGIE DI EDIFICIO ========================================================= */ .smil-area-soffitto__building-types { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-area-soffitto__building-types-label { display: block; margin-bottom: 8px; color: var(--smil-as-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-area-soffitto__building-types-content h3 { margin: 0; color: var(--smil-as-white); font-size: clamp(28px, 3vw, 42px); font-weight: 830; line-height: 1.18; letter-spacing: -0.035em; } .smil-area-soffitto__building-types-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-area-soffitto__building-types-content p + p { margin-top: 12px; } .smil-area-soffitto__building-types-grid { display: grid; gap: 13px; } .smil-area-soffitto__building-types-grid article { padding: 19px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-area-soffitto__building-types-grid span { display: block; margin-bottom: 7px; color: var(--smil-as-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-area-soffitto__building-types-grid strong { display: block; color: var(--smil-as-white); font-size: 16px; line-height: 1.4; } .smil-area-soffitto__building-types-grid p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.58; } /* ========================================================= PERCORSO ========================================================= */ .smil-area-soffitto__workflow { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-as-border); border-radius: 26px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--smil-as-shadow); } .smil-area-soffitto__workflow-header > span { display: block; margin-bottom: 8px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-area-soffitto__workflow-header h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(27px, 3vw, 40px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-area-soffitto__workflow-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-area-soffitto__workflow-list li { padding: 22px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-as-light); } .smil-area-soffitto__workflow-number { display: grid; width: 39px; height: 39px; margin-bottom: 15px; place-items: center; border-radius: 12px; background: linear-gradient( 135deg, var(--smil-as-turquoise), var(--smil-as-teal) ); color: var(--smil-as-white); font-size: 15px; font-weight: 900; } .smil-area-soffitto__workflow-list strong { display: block; color: var(--smil-as-dark); font-size: 16px; line-height: 1.4; } .smil-area-soffitto__workflow-list p { margin: 8px 0 0; color: var(--smil-as-muted); font-size: 12px; line-height: 1.6; } /* ========================================================= CHIAREZZA LOCALE ========================================================= */ .smil-area-soffitto__clarity { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-area-soffitto__clarity-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-area-soffitto__clarity-icon svg { width: 27px; height: 27px; fill: var(--smil-as-teal); } .smil-area-soffitto__clarity span { display: block; margin-bottom: 7px; color: var(--smil-as-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-area-soffitto__clarity h3 { margin: 0; color: var(--smil-as-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-area-soffitto__clarity p { margin: 15px 0 0; color: var(--smil-as-muted); font-size: 15px; line-height: 1.7; } .smil-area-soffitto__clarity p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-area-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-as-dark), var(--smil-as-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-area-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-as-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-area-soffitto__cta-content strong { display: block; color: var(--smil-as-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-area-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-area-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-area-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-area-soffitto__button:hover { transform: translateY(-2px); } .smil-area-soffitto__button:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.34); outline-offset: 4px; } .smil-area-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-area-soffitto__button--primary { background: var(--smil-as-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-as-dark-deep); } .smil-area-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-as-white); } .smil-area-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1080px) { .smil-area-soffitto__main, .smil-area-soffitto__building-types { grid-template-columns: 1fr; } .smil-area-soffitto__coverage { position: static; } .smil-area-soffitto__workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-area-soffitto__cta { grid-template-columns: 1fr; } .smil-area-soffitto__cta-actions { width: min(390px, 100%); } } @media (max-width: 860px) { .smil-area-soffitto__content, .smil-area-soffitto__areas-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-area-soffitto { padding: 64px 18px 74px; } .smil-area-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-area-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-area-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-area-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-area-soffitto__feature { grid-template-columns: 1fr; padding: 23px 20px; border-radius: 18px; } .smil-area-soffitto__coverage { padding: 24px 20px; border-radius: 20px; } .smil-area-soffitto__map { min-height: 300px; } .smil-area-soffitto__map-ring--two { width: 235px; height: 235px; } .smil-area-soffitto__areas, .smil-area-soffitto__building-types, .smil-area-soffitto__workflow { padding: 26px 20px; border-radius: 21px; } .smil-area-soffitto__workflow-list { grid-template-columns: 1fr; } .smil-area-soffitto__clarity { grid-template-columns: 1fr; padding: 25px 20px; } .smil-area-soffitto__cta { padding: 27px 21px; } .smil-area-soffitto__cta-actions, .smil-area-soffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-area-soffitto__button { transition: none; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_20 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_20 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_20 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= PERCHÉ SCEGLIERE SORGEDIL ========================================================= */ .smil-perche-sorgedil { --smil-ps-dark: #082f3b; --smil-ps-dark-deep: #05242d; --smil-ps-teal: #087f8c; --smil-ps-turquoise: #17c3b2; --smil-ps-turquoise-light: #70e1d3; --smil-ps-white: #ffffff; --smil-ps-light: #eef8f7; --smil-ps-text: #17343c; --smil-ps-muted: #58727a; --smil-ps-border: rgba(8, 127, 140, 0.16); --smil-ps-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); --smil-ps-warning: #c4763d; position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 0 7%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #f3faf9 0%, #ffffff 32%, #edf7f6 100% ); color: var(--smil-ps-text); } .smil-perche-sorgedil *, .smil-perche-sorgedil *::before, .smil-perche-sorgedil *::after { box-sizing: border-box; } .smil-perche-sorgedil::before { content: ""; position: absolute; top: 430px; right: -225px; width: 480px; height: 480px; border: 80px solid rgba(8, 127, 140, 0.032); border-radius: 50%; pointer-events: none; } .smil-perche-sorgedil::after { content: ""; position: absolute; bottom: 270px; left: -150px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-perche-sorgedil__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-perche-sorgedil__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-perche-sorgedil__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-ps-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-perche-sorgedil h2 { margin: 0; color: var(--smil-ps-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-perche-sorgedil h2 span { display: block; color: var(--smil-ps-teal); } .smil-perche-sorgedil__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-ps-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-perche-sorgedil__intro--secondary { margin-top: 13px; } .smil-perche-sorgedil__intro strong { color: var(--smil-ps-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-perche-sorgedil__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-ps-border); border-left: 5px solid var(--smil-ps-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-perche-sorgedil__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-perche-sorgedil__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-ps-teal); } .smil-perche-sorgedil__answer strong { display: block; margin-bottom: 6px; color: var(--smil-ps-dark); font-size: 18px; line-height: 1.45; } .smil-perche-sorgedil__answer p { margin: 0; color: var(--smil-ps-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= MOTIVI PER SCEGLIERE SORGEDIL ========================================================= */ .smil-perche-sorgedil__reasons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; margin-top: clamp(58px, 7vw, 90px); } .smil-perche-sorgedil__reason { position: relative; overflow: hidden; padding: clamp(25px, 3vw, 33px); border: 1px solid var(--smil-ps-border); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 43px rgba(5, 36, 45, 0.065); } .smil-perche-sorgedil__reason::after { content: ""; position: absolute; top: -72px; right: -72px; width: 150px; height: 150px; border-radius: 50%; background: rgba(23, 195, 178, 0.055); pointer-events: none; } .smil-perche-sorgedil__reason-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; } .smil-perche-sorgedil__reason-number { color: rgba(8, 47, 59, 0.15); font-size: 31px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-perche-sorgedil__reason-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 15px; background: linear-gradient( 135deg, var(--smil-ps-turquoise), var(--smil-ps-teal) ); box-shadow: 0 12px 27px rgba(8, 127, 140, 0.2); } .smil-perche-sorgedil__reason-icon svg { width: 25px; height: 25px; fill: var(--smil-ps-white); } .smil-perche-sorgedil__reason-label { position: relative; z-index: 1; display: block; margin-bottom: 7px; color: var(--smil-ps-teal); font-size: 10px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-perche-sorgedil__reason h3 { position: relative; z-index: 1; margin: 0; color: var(--smil-ps-dark); font-size: clamp(21px, 1.9vw, 27px); font-weight: 830; line-height: 1.25; letter-spacing: -0.027em; } .smil-perche-sorgedil__reason p { position: relative; z-index: 1; margin: 14px 0 0; color: var(--smil-ps-muted); font-size: 14px; line-height: 1.7; } .smil-perche-sorgedil__reason p + p { margin-top: 10px; } /* ========================================================= LIBRI BESTSELLER ========================================================= */ .smil-perche-sorgedil__books { display: grid; grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1.28fr); gap: clamp(35px, 5.5vw, 70px); align-items: start; margin-top: clamp(64px, 7vw, 96px); padding: clamp(34px, 5vw, 56px); border-radius: 29px; background: radial-gradient( circle at 0 0, rgba(23, 195, 178, 0.22), transparent 33% ), radial-gradient( circle at 100% 100%, rgba(112, 225, 211, 0.08), transparent 30% ), linear-gradient( 140deg, var(--smil-ps-dark), var(--smil-ps-dark-deep) ); box-shadow: 0 28px 72px rgba(5, 36, 45, 0.2); } .smil-perche-sorgedil__books-intro { position: sticky; top: 25px; } .smil-perche-sorgedil__books-eyebrow { display: block; margin-bottom: 9px; color: var(--smil-ps-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-perche-sorgedil__books-intro h3 { margin: 0; color: var(--smil-ps-white); font-size: clamp(30px, 3.3vw, 46px); font-weight: 850; line-height: 1.16; letter-spacing: -0.038em; } .smil-perche-sorgedil__books-intro > p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 14px; line-height: 1.72; } .smil-perche-sorgedil__books-intro > p + p { margin-top: 12px; } .smil-perche-sorgedil__books-intro strong { color: var(--smil-ps-white); } .smil-perche-sorgedil__books-highlight { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin-top: 24px; padding: 17px; border: 1px solid rgba(112, 225, 211, 0.18); border-radius: 15px; background: rgba(255, 255, 255, 0.06); } .smil-perche-sorgedil__books-highlight svg { width: 24px; height: 24px; fill: var(--smil-ps-turquoise); } .smil-perche-sorgedil__books-highlight p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 12px; line-height: 1.62; } .smil-perche-sorgedil__books-grid { display: grid; gap: 20px; } .smil-perche-sorgedil__book-card { display: grid; grid-template-columns: minmax(180px, 0.38fr) minmax(0, 0.62fr); overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.075); box-shadow: 0 16px 42px rgba(5, 36, 45, 0.13); transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease; } .smil-perche-sorgedil__book-card:hover { transform: translateY(-4px); border-color: rgba(112, 225, 211, 0.43); background: rgba(255, 255, 255, 0.1); } .smil-perche-sorgedil__book-cover { position: relative; display: flex; min-height: 390px; align-items: center; justify-content: center; overflow: hidden; padding: 27px 18px 20px; background: radial-gradient( circle at center, rgba(23, 195, 178, 0.17), transparent 63% ), rgba(255, 255, 255, 0.045); text-decoration: none; } .smil-perche-sorgedil__book-cover::after { content: ""; position: absolute; right: 14%; bottom: 16px; left: 14%; height: 22px; border-radius: 50%; background: rgba(0, 0, 0, 0.25); filter: blur(12px); } .smil-perche-sorgedil__book-cover img { position: relative; z-index: 2; display: block; width: auto; max-width: 100%; height: auto; max-height: 330px; object-fit: contain; filter: drop-shadow(0 19px 18px rgba(0, 0, 0, 0.28)); transition: transform 300ms ease; } .smil-perche-sorgedil__book-card:hover .smil-perche-sorgedil__book-cover img { transform: translateY(-5px) scale(1.025); } .smil-perche-sorgedil__book-badge { position: absolute; top: 15px; left: 15px; z-index: 4; display: inline-flex; min-height: 30px; align-items: center; padding: 7px 10px; border-radius: 999px; background: var(--smil-ps-turquoise); color: var(--smil-ps-dark-deep); font-size: 9px; font-weight: 900; line-height: 1.2; letter-spacing: 0.07em; text-transform: uppercase; box-shadow: 0 9px 22px rgba(23, 195, 178, 0.18); } .smil-perche-sorgedil__book-content { padding: clamp(25px, 3vw, 34px); } .smil-perche-sorgedil__book-kicker { display: block; margin-bottom: 7px; color: var(--smil-ps-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-perche-sorgedil__book-content h4 { margin: 0; color: var(--smil-ps-white); font-size: clamp(23px, 2.3vw, 32px); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-perche-sorgedil__book-content > p { margin: 14px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.68; } .smil-perche-sorgedil__book-content ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(112, 225, 211, 0.13); list-style: none; } .smil-perche-sorgedil__book-content li { position: relative; padding-left: 21px; color: rgba(255, 255, 255, 0.71); font-size: 11px; line-height: 1.55; } .smil-perche-sorgedil__book-content li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--smil-ps-turquoise); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.09); } .smil-perche-sorgedil__book-link { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 9px; margin-top: 21px; padding: 11px 16px; border-radius: 10px; background: var(--smil-ps-turquoise); color: var(--smil-ps-dark-deep); font-size: 12px; font-weight: 850; line-height: 1.3; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-perche-sorgedil__book-link:hover { transform: translateY(-2px); box-shadow: 0 14px 31px rgba(23, 195, 178, 0.21); } .smil-perche-sorgedil__book-link svg { width: 17px; height: 17px; fill: currentColor; } .smil-perche-sorgedil__books-footer { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 15px; align-items: center; margin-top: 3px; padding: 21px 23px; border: 1px solid rgba(112, 225, 211, 0.16); border-radius: 18px; background: rgba(255, 255, 255, 0.055); } .smil-perche-sorgedil__books-footer-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: rgba(23, 195, 178, 0.14); } .smil-perche-sorgedil__books-footer-icon svg { width: 25px; height: 25px; fill: var(--smil-ps-turquoise-light); } .smil-perche-sorgedil__books-footer strong { display: block; color: var(--smil-ps-white); font-size: 16px; line-height: 1.4; } .smil-perche-sorgedil__books-footer p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.66); font-size: 12px; line-height: 1.58; } /* ========================================================= CONFRONTO ========================================================= */ .smil-perche-sorgedil__comparison { display: grid; grid-template-columns: minmax(0, 0.93fr) minmax(500px, 1.07fr); gap: clamp(34px, 5.5vw, 70px); align-items: center; margin-top: 35px; padding: clamp(32px, 4.8vw, 52px); border-radius: 28px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ps-dark), var(--smil-ps-dark-deep) ); box-shadow: 0 26px 68px rgba(5, 36, 45, 0.19); } .smil-perche-sorgedil__comparison-label { display: block; margin-bottom: 8px; color: var(--smil-ps-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-perche-sorgedil__comparison-content h3 { margin: 0; color: var(--smil-ps-white); font-size: clamp(28px, 3vw, 42px); font-weight: 840; line-height: 1.18; letter-spacing: -0.035em; } .smil-perche-sorgedil__comparison-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-perche-sorgedil__comparison-content p + p { margin-top: 12px; } .smil-perche-sorgedil__comparison-grid { display: grid; gap: 14px; } .smil-perche-sorgedil__comparison-card { padding: 22px; border-radius: 18px; } .smil-perche-sorgedil__comparison-card--generic { border: 1px solid rgba(196, 118, 61, 0.23); background: rgba(196, 118, 61, 0.1); } .smil-perche-sorgedil__comparison-card--sorgedil { border: 1px solid rgba(112, 225, 211, 0.25); background: rgba(23, 195, 178, 0.11); } .smil-perche-sorgedil__comparison-status { display: inline-block; margin-bottom: 8px; color: var(--smil-ps-turquoise-light); font-size: 9px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-perche-sorgedil__comparison-card strong { display: block; color: var(--smil-ps-white); font-size: 17px; line-height: 1.42; } .smil-perche-sorgedil__comparison-card ul { display: grid; gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; } .smil-perche-sorgedil__comparison-card li { position: relative; padding-left: 21px; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1.55; } .smil-perche-sorgedil__comparison-card li::before { content: ""; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; } .smil-perche-sorgedil__comparison-card--generic li::before { background: var(--smil-ps-warning); } .smil-perche-sorgedil__comparison-card--sorgedil li::before { background: var(--smil-ps-turquoise); } /* ========================================================= PERCORSO ========================================================= */ .smil-perche-sorgedil__method { margin-top: 35px; padding: clamp(30px, 4.5vw, 48px); border: 1px solid var(--smil-ps-border); border-radius: 26px; background: rgba(255, 255, 255, 0.96); box-shadow: var(--smil-ps-shadow); } .smil-perche-sorgedil__method-header { max-width: 920px; } .smil-perche-sorgedil__method-header > span { display: block; margin-bottom: 8px; color: var(--smil-ps-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-perche-sorgedil__method-header h3 { margin: 0; color: var(--smil-ps-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 830; line-height: 1.2; letter-spacing: -0.034em; } .smil-perche-sorgedil__method-header p { margin: 15px 0 0; color: var(--smil-ps-muted); font-size: 15px; line-height: 1.68; } .smil-perche-sorgedil__method-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; margin: 30px 0 0; padding: 0; list-style: none; } .smil-perche-sorgedil__method-list li { padding: 21px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 18px; background: var(--smil-ps-light); } .smil-perche-sorgedil__method-number { display: grid; width: 40px; height: 40px; margin-bottom: 15px; place-items: center; border-radius: 12px; background: linear-gradient( 135deg, var(--smil-ps-turquoise), var(--smil-ps-teal) ); color: var(--smil-ps-white); font-size: 15px; font-weight: 900; } .smil-perche-sorgedil__method-list strong { display: block; color: var(--smil-ps-dark); font-size: 15px; line-height: 1.4; } .smil-perche-sorgedil__method-list p { margin: 8px 0 0; color: var(--smil-ps-muted); font-size: 11px; line-height: 1.58; } /* ========================================================= AUTOREVOLEZZA E LINK INTERNI ========================================================= */ .smil-perche-sorgedil__trust { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 35px; padding: clamp(31px, 4.5vw, 50px); border-radius: 27px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.2), transparent 34% ), linear-gradient( 140deg, var(--smil-ps-dark), var(--smil-ps-dark-deep) ); box-shadow: 0 25px 67px rgba(5, 36, 45, 0.18); } .smil-perche-sorgedil__trust-label { display: block; margin-bottom: 8px; color: var(--smil-ps-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-perche-sorgedil__trust-content h3 { margin: 0; color: var(--smil-ps-white); font-size: clamp(28px, 3vw, 42px); font-weight: 840; line-height: 1.18; letter-spacing: -0.035em; } .smil-perche-sorgedil__trust-content p { margin: 18px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 15px; line-height: 1.72; } .smil-perche-sorgedil__trust-content p + p { margin-top: 12px; } .smil-perche-sorgedil__trust-actions { display: grid; gap: 13px; } .smil-perche-sorgedil__trust-link { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 19px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 17px; background: rgba(255, 255, 255, 0.06); color: var(--smil-ps-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-perche-sorgedil__trust-link:hover { transform: translateY(-2px); border-color: rgba(112, 225, 211, 0.45); background: rgba(255, 255, 255, 0.1); } .smil-perche-sorgedil__trust-link > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--smil-ps-turquoise); } .smil-perche-sorgedil__trust-link > span svg { width: 23px; height: 23px; fill: var(--smil-ps-dark-deep); } .smil-perche-sorgedil__trust-link strong { display: block; color: var(--smil-ps-white); font-size: 15px; line-height: 1.4; } .smil-perche-sorgedil__trust-link small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.62); font-size: 11px; line-height: 1.45; } .smil-perche-sorgedil__trust-arrow { width: 19px; height: 19px; fill: var(--smil-ps-turquoise-light); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-perche-sorgedil__clarity { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 35px; padding: clamp(27px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 44px rgba(5, 36, 45, 0.07); } .smil-perche-sorgedil__clarity-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(23, 195, 178, 0.14); } .smil-perche-sorgedil__clarity-icon svg { width: 27px; height: 27px; fill: var(--smil-ps-teal); } .smil-perche-sorgedil__clarity span { display: block; margin-bottom: 7px; color: var(--smil-ps-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.085em; text-transform: uppercase; } .smil-perche-sorgedil__clarity h3 { margin: 0; color: var(--smil-ps-dark); font-size: clamp(25px, 2.8vw, 37px); font-weight: 830; line-height: 1.2; letter-spacing: -0.032em; } .smil-perche-sorgedil__clarity p { margin: 15px 0 0; color: var(--smil-ps-muted); font-size: 15px; line-height: 1.7; } .smil-perche-sorgedil__clarity p + p { margin-top: 11px; } /* ========================================================= CTA ========================================================= */ .smil-perche-sorgedil__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: 35px; padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-ps-dark), var(--smil-ps-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-perche-sorgedil__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-ps-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-perche-sorgedil__cta-content strong { display: block; color: var(--smil-ps-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-perche-sorgedil__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-perche-sorgedil__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-perche-sorgedil__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-perche-sorgedil__button:hover { transform: translateY(-2px); } .smil-perche-sorgedil__button:focus-visible, .smil-perche-sorgedil__trust-link:focus-visible, .smil-perche-sorgedil__book-cover:focus-visible, .smil-perche-sorgedil__book-link:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.38); outline-offset: 4px; } .smil-perche-sorgedil__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-perche-sorgedil__button--primary { background: var(--smil-ps-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-ps-dark-deep); } .smil-perche-sorgedil__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-ps-white); } .smil-perche-sorgedil__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1120px) { .smil-perche-sorgedil__books { grid-template-columns: 1fr; } .smil-perche-sorgedil__books-intro { position: static; } .smil-perche-sorgedil__books-intro > p { max-width: 900px; } } @media (max-width: 1080px) { .smil-perche-sorgedil__reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-perche-sorgedil__comparison, .smil-perche-sorgedil__trust { grid-template-columns: 1fr; } .smil-perche-sorgedil__method-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smil-perche-sorgedil__cta { grid-template-columns: 1fr; } .smil-perche-sorgedil__cta-actions { width: min(390px, 100%); } } @media (max-width: 820px) { .smil-perche-sorgedil__book-card { grid-template-columns: minmax(160px, 0.4fr) minmax(0, 0.6fr); } .smil-perche-sorgedil__book-cover { min-height: 360px; } .smil-perche-sorgedil__book-cover img { max-height: 300px; } } @media (max-width: 760px) { .smil-perche-sorgedil__reasons { grid-template-columns: 1fr; } .smil-perche-sorgedil__method-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-perche-sorgedil__book-card { grid-template-columns: 1fr; } .smil-perche-sorgedil__book-cover { min-height: 390px; } .smil-perche-sorgedil__book-cover img { max-height: 335px; } } @media (max-width: 640px) { .smil-perche-sorgedil { padding: 64px 18px 74px; } .smil-perche-sorgedil__eyebrow { border-radius: 15px; font-size: 10px; } .smil-perche-sorgedil h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-perche-sorgedil__intro { font-size: 16px; line-height: 1.68; } .smil-perche-sorgedil__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-perche-sorgedil__reason { padding: 23px 20px; border-radius: 19px; } .smil-perche-sorgedil__books, .smil-perche-sorgedil__comparison, .smil-perche-sorgedil__method, .smil-perche-sorgedil__trust { padding: 26px 20px; border-radius: 21px; } .smil-perche-sorgedil__books-intro h3 { font-size: clamp(28px, 8.6vw, 39px); } .smil-perche-sorgedil__book-cover { min-height: 350px; padding-top: 48px; } .smil-perche-sorgedil__book-cover img { max-height: 292px; } .smil-perche-sorgedil__book-content { padding: 24px 20px; } .smil-perche-sorgedil__book-link { width: 100%; } .smil-perche-sorgedil__books-footer { grid-template-columns: 1fr; padding: 20px; } .smil-perche-sorgedil__method-list { grid-template-columns: 1fr; } .smil-perche-sorgedil__trust-link { grid-template-columns: auto 1fr; } .smil-perche-sorgedil__trust-arrow { display: none; } .smil-perche-sorgedil__clarity { grid-template-columns: 1fr; padding: 25px 20px; } .smil-perche-sorgedil__cta { padding: 27px 21px; } .smil-perche-sorgedil__cta-actions, .smil-perche-sorgedil__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-perche-sorgedil__trust-link, .smil-perche-sorgedil__book-card, .smil-perche-sorgedil__book-cover img, .smil-perche-sorgedil__book-link, .smil-perche-sorgedil__button { transition: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_21 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= FAQ ISOLAMENTO ACUSTICO SOFFITTO MILANO ========================================================= */ .smil-faq-soffitto { --smil-faq-dark: #082f3b; --smil-faq-dark-deep: #05242d; --smil-faq-teal: #087f8c; --smil-faq-turquoise: #17c3b2; --smil-faq-turquoise-light: #70e1d3; --smil-faq-white: #ffffff; --smil-faq-light: #eef8f7; --smil-faq-text: #17343c; --smil-faq-muted: #58727a; --smil-faq-border: rgba(8, 127, 140, 0.16); --smil-faq-shadow: 0 22px 60px rgba(5, 36, 45, 0.1); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 100% 5%, rgba(23, 195, 178, 0.11), transparent 29% ), linear-gradient( 180deg, #edf7f6 0%, #ffffff 34%, #f3faf9 100% ); color: var(--smil-faq-text); } .smil-faq-soffitto *, .smil-faq-soffitto *::before, .smil-faq-soffitto *::after { box-sizing: border-box; } .smil-faq-soffitto::before { content: ""; position: absolute; top: 430px; left: -220px; width: 470px; height: 470px; border: 78px solid rgba(8, 127, 140, 0.03); border-radius: 50%; pointer-events: none; } .smil-faq-soffitto::after { content: ""; position: absolute; right: -150px; bottom: 260px; width: 340px; height: 340px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-faq-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-faq-soffitto__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-faq-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 999px; background: rgba(23, 195, 178, 0.09); color: var(--smil-faq-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-faq-soffitto h2 { margin: 0; color: var(--smil-faq-dark); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-faq-soffitto h2 span { display: block; color: var(--smil-faq-teal); } .smil-faq-soffitto__intro { max-width: 950px; margin: 25px auto 0; color: var(--smil-faq-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-faq-soffitto__intro--secondary { margin-top: 13px; } .smil-faq-soffitto__intro strong { color: var(--smil-faq-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-faq-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid var(--smil-faq-border); border-left: 5px solid var(--smil-faq-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 39px rgba(5, 36, 45, 0.07); } .smil-faq-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-faq-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-faq-teal); } .smil-faq-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-faq-dark); font-size: 18px; line-height: 1.45; } .smil-faq-soffitto__answer p { margin: 0; color: var(--smil-faq-muted); font-size: 15px; line-height: 1.72; } /* ========================================================= LAYOUT FAQ ========================================================= */ .smil-faq-soffitto__layout { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.78fr); gap: clamp(34px, 5.5vw, 68px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } .smil-faq-soffitto__list { display: grid; gap: 14px; } /* ========================================================= SINGOLA FAQ ========================================================= */ .smil-faq-soffitto__item { overflow: hidden; border: 1px solid var(--smil-faq-border); border-radius: 18px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 12px 34px rgba(5, 36, 45, 0.055); transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .smil-faq-soffitto__item:hover { border-color: rgba(23, 195, 178, 0.38); box-shadow: 0 17px 43px rgba(5, 36, 45, 0.09); } .smil-faq-soffitto__item[open] { border-color: rgba(8, 127, 140, 0.27); box-shadow: 0 18px 47px rgba(5, 36, 45, 0.09); } .smil-faq-soffitto__item summary { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; min-height: 82px; padding: 19px 21px; cursor: pointer; list-style: none; user-select: none; } .smil-faq-soffitto__item summary::-webkit-details-marker { display: none; } .smil-faq-soffitto__item summary::marker { display: none; content: ""; } .smil-faq-soffitto__item summary:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.28); outline-offset: -3px; } .smil-faq-soffitto__question-number { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; background: var(--smil-faq-light); color: var(--smil-faq-teal); font-size: 11px; font-weight: 900; line-height: 1; } .smil-faq-soffitto__item[open] .smil-faq-soffitto__question-number { background: linear-gradient( 135deg, var(--smil-faq-turquoise), var(--smil-faq-teal) ); color: var(--smil-faq-white); } .smil-faq-soffitto__question { color: var(--smil-faq-dark); font-size: clamp(16px, 1.45vw, 19px); font-weight: 820; line-height: 1.4; letter-spacing: -0.014em; } .smil-faq-soffitto__toggle { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: rgba(23, 195, 178, 0.11); transition: transform 180ms ease, background-color 180ms ease; } .smil-faq-soffitto__toggle svg { width: 21px; height: 21px; fill: var(--smil-faq-teal); } .smil-faq-soffitto__item[open] .smil-faq-soffitto__toggle { background: var(--smil-faq-turquoise); transform: rotate(180deg); } .smil-faq-soffitto__item[open] .smil-faq-soffitto__toggle svg { fill: var(--smil-faq-dark-deep); } .smil-faq-soffitto__content { margin: 0 21px; padding: 0 0 22px 54px; border-top: 1px solid rgba(8, 127, 140, 0.1); } .smil-faq-soffitto__content p { margin: 17px 0 0; color: var(--smil-faq-muted); font-size: 14px; line-height: 1.72; } .smil-faq-soffitto__content p + p { margin-top: 10px; } .smil-faq-soffitto__content strong { color: var(--smil-faq-dark); font-weight: 800; } /* ========================================================= PANNELLO LATERALE ========================================================= */ .smil-faq-soffitto__side { position: sticky; top: 25px; overflow: hidden; padding: 29px; border-radius: 25px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.21), transparent 35% ), linear-gradient( 145deg, var(--smil-faq-dark), var(--smil-faq-dark-deep) ); box-shadow: 0 24px 63px rgba(5, 36, 45, 0.18); } .smil-faq-soffitto__side-eyebrow { display: block; color: var(--smil-faq-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-faq-soffitto__side h3 { margin: 8px 0 0; color: var(--smil-faq-white); font-size: clamp(28px, 3vw, 39px); font-weight: 840; line-height: 1.17; letter-spacing: -0.035em; } .smil-faq-soffitto__side-list { display: grid; gap: 13px; margin-top: 24px; } .smil-faq-soffitto__side-list article { display: grid; grid-template-columns: auto 1fr; gap: 13px; padding: 17px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.055); } .smil-faq-soffitto__side-number { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; background: var(--smil-faq-turquoise); color: var(--smil-faq-dark-deep); font-size: 14px; font-weight: 900; } .smil-faq-soffitto__side-list strong { display: block; color: var(--smil-faq-white); font-size: 14px; line-height: 1.42; } .smil-faq-soffitto__side-list p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.65); font-size: 11px; line-height: 1.58; } .smil-faq-soffitto__side-links { display: grid; gap: 9px; margin-top: 21px; } .smil-faq-soffitto__side-links a { display: flex; min-height: 45px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border: 1px solid rgba(112, 225, 211, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.045); color: rgba(255, 255, 255, 0.82); font-size: 12px; font-weight: 760; line-height: 1.4; text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-faq-soffitto__side-links a:hover { transform: translateX(3px); border-color: rgba(112, 225, 211, 0.38); background: rgba(255, 255, 255, 0.09); } .smil-faq-soffitto__side-links svg { width: 17px; height: 17px; flex: 0 0 auto; fill: var(--smil-faq-turquoise-light); } .smil-faq-soffitto__side-note { display: grid; grid-template-columns: auto 1fr; gap: 11px; margin-top: 21px; padding: 15px; border: 1px solid rgba(112, 225, 211, 0.15); border-radius: 13px; background: rgba(23, 195, 178, 0.08); } .smil-faq-soffitto__side-note svg { width: 21px; height: 21px; fill: var(--smil-faq-turquoise-light); } .smil-faq-soffitto__side-note p { margin: 0; color: rgba(255, 255, 255, 0.7); font-size: 11px; line-height: 1.58; } /* ========================================================= CTA ========================================================= */ .smil-faq-soffitto__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: clamp(48px, 6vw, 72px); padding: 32px 35px; border-radius: 22px; background: radial-gradient( circle at 100% 0, rgba(23, 195, 178, 0.19), transparent 34% ), linear-gradient( 140deg, var(--smil-faq-dark), var(--smil-faq-dark-deep) ); box-shadow: 0 25px 63px rgba(5, 36, 45, 0.18); } .smil-faq-soffitto__cta-content > span { display: block; margin-bottom: 6px; color: var(--smil-faq-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-faq-soffitto__cta-content strong { display: block; color: var(--smil-faq-white); font-size: clamp(21px, 2.3vw, 30px); line-height: 1.3; letter-spacing: -0.022em; } .smil-faq-soffitto__cta-content p { max-width: 760px; margin: 9px 0 0; color: rgba(255, 255, 255, 0.73); font-size: 14px; line-height: 1.65; } .smil-faq-soffitto__cta-actions { display: flex; min-width: 260px; flex-direction: column; gap: 11px; } .smil-faq-soffitto__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 19px; border: 2px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 820; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-faq-soffitto__button:hover { transform: translateY(-2px); } .smil-faq-soffitto__button:focus-visible, .smil-faq-soffitto__side-links a:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.38); outline-offset: 4px; } .smil-faq-soffitto__button svg { width: 18px; height: 18px; fill: currentColor; } .smil-faq-soffitto__button--primary { background: var(--smil-faq-turquoise); box-shadow: 0 13px 29px rgba(23, 195, 178, 0.18); color: var(--smil-faq-dark-deep); } .smil-faq-soffitto__button--secondary { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.055); color: var(--smil-faq-white); } .smil-faq-soffitto__button--secondary:hover { border-color: rgba(112, 225, 211, 0.5); background: rgba(255, 255, 255, 0.1); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1020px) { .smil-faq-soffitto__layout { grid-template-columns: 1fr; } .smil-faq-soffitto__side { position: static; } .smil-faq-soffitto__side-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smil-faq-soffitto__cta { grid-template-columns: 1fr; } .smil-faq-soffitto__cta-actions { width: min(390px, 100%); } } @media (max-width: 760px) { .smil-faq-soffitto__side-list { grid-template-columns: 1fr; } } @media (max-width: 640px) { .smil-faq-soffitto { padding: 64px 18px 74px; } .smil-faq-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-faq-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-faq-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-faq-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-faq-soffitto__item { border-radius: 16px; } .smil-faq-soffitto__item summary { grid-template-columns: auto 1fr; gap: 12px; min-height: 76px; padding: 17px; } .smil-faq-soffitto__toggle { display: none; } .smil-faq-soffitto__question-number { width: 36px; height: 36px; } .smil-faq-soffitto__question { font-size: 16px; } .smil-faq-soffitto__content { margin: 0 17px; padding: 0 0 20px; } .smil-faq-soffitto__content p { font-size: 13px; } .smil-faq-soffitto__side { padding: 25px 20px; border-radius: 21px; } .smil-faq-soffitto__cta { padding: 27px 21px; } .smil-faq-soffitto__cta-actions, .smil-faq-soffitto__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-faq-soffitto__item, .smil-faq-soffitto__toggle, .smil-faq-soffitto__side-links a, .smil-faq-soffitto__button { transition: none; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_22 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_22 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_22 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= RICHIEDI UNA VALUTAZIONE PER IL SOFFITTO A MILANO ========================================================= */ .smil-valutazione-soffitto { --smil-vs-dark: #082f3b; --smil-vs-dark-deep: #041f27; --smil-vs-teal: #087f8c; --smil-vs-turquoise: #17c3b2; --smil-vs-turquoise-light: #70e1d3; --smil-vs-white: #ffffff; --smil-vs-light: #eef8f7; --smil-vs-text: #17343c; --smil-vs-muted: #58727a; --smil-vs-border: rgba(8, 127, 140, 0.17); --smil-vs-error: #b42318; --smil-vs-error-light: #fff1f0; --smil-vs-shadow: 0 24px 65px rgba(3, 27, 34, 0.18); position: relative; overflow: hidden; padding: clamp(78px, 8vw, 126px) 24px; background: radial-gradient( circle at 4% 5%, rgba(23, 195, 178, 0.2), transparent 28% ), radial-gradient( circle at 96% 85%, rgba(8, 127, 140, 0.18), transparent 30% ), linear-gradient( 145deg, var(--smil-vs-dark), var(--smil-vs-dark-deep) ); color: var(--smil-vs-white); } .smil-valutazione-soffitto *, .smil-valutazione-soffitto *::before, .smil-valutazione-soffitto *::after { box-sizing: border-box; } .smil-valutazione-soffitto::before { content: ""; position: absolute; top: 400px; right: -210px; width: 470px; height: 470px; border: 78px solid rgba(112, 225, 211, 0.035); border-radius: 50%; pointer-events: none; } .smil-valutazione-soffitto::after { content: ""; position: absolute; bottom: -130px; left: -120px; width: 330px; height: 330px; border-radius: 50%; background: rgba(23, 195, 178, 0.045); pointer-events: none; } .smil-valutazione-soffitto, .smil-valutazione-soffitto__anchor { scroll-margin-top: 30px; } .smil-valutazione-soffitto__anchor { position: absolute; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; } .smil-valutazione-soffitto__container { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-valutazione-soffitto__header { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-valutazione-soffitto__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 19px; padding: 8px 15px; border: 1px solid rgba(112, 225, 211, 0.22); border-radius: 999px; background: rgba(23, 195, 178, 0.1); color: var(--smil-vs-turquoise-light); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-valutazione-soffitto h2 { margin: 0; color: var(--smil-vs-white); font-size: clamp(37px, 4.6vw, 62px); font-weight: 850; line-height: 1.05; letter-spacing: -0.043em; text-wrap: balance; } .smil-valutazione-soffitto h2 span { display: block; color: var(--smil-vs-turquoise-light); } .smil-valutazione-soffitto__intro { max-width: 950px; margin: 25px auto 0; color: rgba(255, 255, 255, 0.76); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; } .smil-valutazione-soffitto__intro--secondary { margin-top: 13px; } .smil-valutazione-soffitto__intro strong { color: var(--smil-vs-white); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-valutazione-soffitto__answer { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 1040px; margin: 42px auto 0; padding: 24px 27px; border: 1px solid rgba(112, 225, 211, 0.18); border-left: 5px solid var(--smil-vs-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.07); box-shadow: 0 15px 39px rgba(3, 27, 34, 0.13); backdrop-filter: blur(8px); } .smil-valutazione-soffitto__answer-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--smil-vs-turquoise); } .smil-valutazione-soffitto__answer-icon svg { width: 24px; height: 24px; fill: var(--smil-vs-dark-deep); } .smil-valutazione-soffitto__answer strong { display: block; margin-bottom: 6px; color: var(--smil-vs-white); font-size: 18px; line-height: 1.45; } .smil-valutazione-soffitto__answer p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.72; } /* ========================================================= LAYOUT ========================================================= */ .smil-valutazione-soffitto__layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(58px, 7vw, 90px); } /* ========================================================= MODULO ========================================================= */ .smil-valutazione-soffitto__form-card { padding: clamp(27px, 4vw, 43px); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 27px; background: var(--smil-vs-white); color: var(--smil-vs-text); box-shadow: var(--smil-vs-shadow); } .smil-valutazione-soffitto__form-heading { max-width: 780px; margin-bottom: 29px; } .smil-valutazione-soffitto__form-heading > span { display: block; margin-bottom: 7px; color: var(--smil-vs-teal); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-valutazione-soffitto__form-heading h3 { margin: 0; color: var(--smil-vs-dark); font-size: clamp(27px, 3vw, 41px); font-weight: 840; line-height: 1.18; letter-spacing: -0.035em; } .smil-valutazione-soffitto__form-heading p { margin: 13px 0 0; color: var(--smil-vs-muted); font-size: 13px; line-height: 1.6; } .smil-valutazione-soffitto__form { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; } .smil-valutazione-soffitto__honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .smil-valutazione-soffitto__field { min-width: 0; } .smil-valutazione-soffitto__field--full { grid-column: 1 / -1; } .smil-valutazione-soffitto__field label { display: block; margin-bottom: 8px; color: var(--smil-vs-dark); font-size: 13px; font-weight: 800; line-height: 1.45; } .smil-valutazione-soffitto__field label span, .smil-valutazione-soffitto__consent label span { color: var(--smil-vs-teal); } .smil-valutazione-soffitto__field input, .smil-valutazione-soffitto__field select, .smil-valutazione-soffitto__field textarea { display: block; width: 100%; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 12px; background: #f8fcfb; color: var(--smil-vs-text); font-family: inherit; font-size: 14px; line-height: 1.5; outline: none; transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-valutazione-soffitto__field input, .smil-valutazione-soffitto__field select { min-height: 53px; padding: 12px 14px; } .smil-valutazione-soffitto__field textarea { min-height: 150px; padding: 14px; resize: vertical; } .smil-valutazione-soffitto__field input::placeholder, .smil-valutazione-soffitto__field textarea::placeholder { color: #82969b; opacity: 1; } .smil-valutazione-soffitto__field input:hover, .smil-valutazione-soffitto__field select:hover, .smil-valutazione-soffitto__field textarea:hover { border-color: rgba(8, 127, 140, 0.37); } .smil-valutazione-soffitto__field input:focus, .smil-valutazione-soffitto__field select:focus, .smil-valutazione-soffitto__field textarea:focus { border-color: var(--smil-vs-turquoise); background: var(--smil-vs-white); box-shadow: 0 0 0 4px rgba(23, 195, 178, 0.12); } .smil-valutazione-soffitto__field small { display: block; margin-top: 7px; color: var(--smil-vs-muted); font-size: 11px; line-height: 1.55; } /* ========================================================= CONSENSO PRIVACY ========================================================= */ .smil-valutazione-soffitto__consent { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: start; padding: 16px; border: 1px solid rgba(8, 127, 140, 0.13); border-radius: 13px; background: var(--smil-vs-light); } .smil-valutazione-soffitto__consent input { width: 19px; height: 19px; margin: 2px 0 0; accent-color: var(--smil-vs-teal); cursor: pointer; } .smil-valutazione-soffitto__consent label { color: var(--smil-vs-muted); font-size: 11px; line-height: 1.58; cursor: pointer; } .smil-valutazione-soffitto__consent a { color: var(--smil-vs-teal); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } .smil-valutazione-soffitto__consent a:hover { color: var(--smil-vs-dark); } /* ========================================================= GOOGLE RECAPTCHA ========================================================= */ .smil-valutazione-soffitto__recaptcha { padding: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 14px; background: #f8fcfb; } .smil-valutazione-soffitto__recaptcha-heading { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: center; margin-bottom: 14px; } .smil-valutazione-soffitto__recaptcha-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: rgba(23, 195, 178, 0.13); } .smil-valutazione-soffitto__recaptcha-icon svg { width: 22px; height: 22px; fill: var(--smil-vs-teal); } .smil-valutazione-soffitto__recaptcha-heading strong { display: block; color: var(--smil-vs-dark); font-size: 13px; line-height: 1.4; } .smil-valutazione-soffitto__recaptcha-heading strong span { color: var(--smil-vs-teal); } .smil-valutazione-soffitto__recaptcha-heading p { margin: 3px 0 0; color: var(--smil-vs-muted); font-size: 11px; line-height: 1.45; } .smil-valutazione-soffitto__recaptcha-widget { width: 100%; min-height: 78px; overflow: visible; } .smil-valutazione-soffitto__recaptcha-widget .g-recaptcha { display: inline-block; max-width: 100%; } .smil-valutazione-soffitto__recaptcha-status { min-height: 0; margin: 8px 0 0; color: var(--smil-vs-muted); font-size: 11px; font-weight: 700; line-height: 1.45; } .smil-valutazione-soffitto__recaptcha-status:empty { display: none; } .smil-valutazione-soffitto__recaptcha-status.is-error { padding: 9px 11px; border: 1px solid rgba(180, 35, 24, 0.19); border-radius: 9px; background: var(--smil-vs-error-light); color: var(--smil-vs-error); } /* ========================================================= INVIO MODULO ========================================================= */ .smil-valutazione-soffitto__submit { display: flex; gap: 17px; align-items: center; justify-content: space-between; padding-top: 5px; } .smil-valutazione-soffitto__submit p { max-width: 310px; margin: 0; color: var(--smil-vs-muted); font-size: 10px; line-height: 1.5; } .smil-valutazione-soffitto__button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 10px; padding: 13px 21px; border: 2px solid transparent; border-radius: 11px; font-family: inherit; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, opacity 180ms ease; } .smil-valutazione-soffitto__button:hover { transform: translateY(-2px); } .smil-valutazione-soffitto__button:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.32); outline-offset: 4px; } .smil-valutazione-soffitto__button:disabled { cursor: wait; opacity: 0.72; transform: none; } .smil-valutazione-soffitto__button svg { width: 19px; height: 19px; fill: currentColor; } .smil-valutazione-soffitto__button--submit { flex: 0 0 auto; border: 0; background: linear-gradient( 135deg, var(--smil-vs-turquoise), var(--smil-vs-teal) ); color: var(--smil-vs-white); box-shadow: 0 14px 31px rgba(8, 127, 140, 0.22); } .smil-valutazione-soffitto__button--submit:hover { box-shadow: 0 18px 38px rgba(8, 127, 140, 0.29); } /* ========================================================= COLONNA LATERALE ========================================================= */ .smil-valutazione-soffitto__side { position: sticky; top: 25px; padding: 29px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 25px; background: rgba(255, 255, 255, 0.065); box-shadow: 0 23px 60px rgba(3, 27, 34, 0.16); backdrop-filter: blur(9px); } .smil-valutazione-soffitto__side-eyebrow { display: block; color: var(--smil-vs-turquoise-light); font-size: 11px; font-weight: 850; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .smil-valutazione-soffitto__side > h3 { margin: 8px 0 0; color: var(--smil-vs-white); font-size: clamp(28px, 3vw, 39px); font-weight: 840; line-height: 1.17; letter-spacing: -0.035em; } /* ========================================================= FASI ========================================================= */ .smil-valutazione-soffitto__steps { display: grid; gap: 14px; margin: 25px 0 0; padding: 0; list-style: none; } .smil-valutazione-soffitto__steps li { display: grid; grid-template-columns: auto 1fr; gap: 13px; padding: 17px; border: 1px solid rgba(112, 225, 211, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.05); } .smil-valutazione-soffitto__step-number { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: var(--smil-vs-turquoise); color: var(--smil-vs-dark-deep); font-size: 14px; font-weight: 900; } .smil-valutazione-soffitto__steps strong { display: block; color: var(--smil-vs-white); font-size: 14px; line-height: 1.42; } .smil-valutazione-soffitto__steps p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.65); font-size: 11px; line-height: 1.58; } /* ========================================================= RASSICURAZIONE ========================================================= */ .smil-valutazione-soffitto__reassurance { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin-top: 20px; padding: 17px; border: 1px solid rgba(112, 225, 211, 0.18); border-radius: 15px; background: rgba(23, 195, 178, 0.09); } .smil-valutazione-soffitto__reassurance > svg { width: 25px; height: 25px; fill: var(--smil-vs-turquoise-light); } .smil-valutazione-soffitto__reassurance strong { display: block; color: var(--smil-vs-white); font-size: 13px; line-height: 1.4; } .smil-valutazione-soffitto__reassurance p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 11px; line-height: 1.58; } /* ========================================================= CONTATTI DIRETTI ========================================================= */ .smil-valutazione-soffitto__contacts { display: grid; gap: 10px; margin-top: 23px; padding-top: 21px; border-top: 1px solid rgba(112, 225, 211, 0.14); } .smil-valutazione-soffitto__contacts > span { display: block; margin-bottom: 3px; color: rgba(255, 255, 255, 0.58); font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: 0.07em; text-transform: uppercase; } .smil-valutazione-soffitto__contact-link { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(112, 225, 211, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.045); color: var(--smil-vs-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease; } .smil-valutazione-soffitto__contact-link:hover { transform: translateX(3px); border-color: rgba(112, 225, 211, 0.42); background: rgba(255, 255, 255, 0.09); } .smil-valutazione-soffitto__contact-link:focus-visible { outline: 3px solid rgba(112, 225, 211, 0.33); outline-offset: 4px; } .smil-valutazione-soffitto__contact-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--smil-vs-turquoise); } .smil-valutazione-soffitto__contact-icon svg { width: 21px; height: 21px; fill: var(--smil-vs-dark-deep); } .smil-valutazione-soffitto__contact-link small { display: block; color: rgba(255, 255, 255, 0.55); font-size: 9px; line-height: 1.4; letter-spacing: 0.06em; text-transform: uppercase; } .smil-valutazione-soffitto__contact-link strong { display: block; margin-top: 2px; overflow-wrap: anywhere; color: var(--smil-vs-white); font-size: 14px; line-height: 1.4; } /* ========================================================= NOTA LOCALE ========================================================= */ .smil-valutazione-soffitto__local { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; margin-top: 35px; padding: 23px 25px; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.06); } .smil-valutazione-soffitto__local-icon { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 14px; background: rgba(23, 195, 178, 0.14); } .smil-valutazione-soffitto__local-icon svg { width: 25px; height: 25px; fill: var(--smil-vs-turquoise-light); } .smil-valutazione-soffitto__local span { display: block; color: var(--smil-vs-white); font-size: 15px; font-weight: 820; line-height: 1.4; } .smil-valutazione-soffitto__local p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.67); font-size: 12px; line-height: 1.62; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1040px) { .smil-valutazione-soffitto__layout { grid-template-columns: 1fr; } .smil-valutazione-soffitto__side { position: static; } .smil-valutazione-soffitto__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-valutazione-soffitto__contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-valutazione-soffitto__contacts > span { grid-column: 1 / -1; } } @media (max-width: 740px) { .smil-valutazione-soffitto__form { grid-template-columns: 1fr; } .smil-valutazione-soffitto__field--full { grid-column: auto; } .smil-valutazione-soffitto__submit { align-items: stretch; flex-direction: column; } .smil-valutazione-soffitto__submit p { max-width: none; text-align: center; } .smil-valutazione-soffitto__button--submit { width: 100%; } .smil-valutazione-soffitto__steps, .smil-valutazione-soffitto__contacts { grid-template-columns: 1fr; } .smil-valutazione-soffitto__contacts > span { grid-column: auto; } } @media (max-width: 640px) { .smil-valutazione-soffitto { padding: 64px 18px 74px; } .smil-valutazione-soffitto__eyebrow { border-radius: 15px; font-size: 10px; } .smil-valutazione-soffitto h2 { font-size: clamp(34px, 10.5vw, 48px); } .smil-valutazione-soffitto__intro { font-size: 16px; line-height: 1.68; } .smil-valutazione-soffitto__answer { grid-template-columns: 1fr; margin-top: 34px; padding: 20px; } .smil-valutazione-soffitto__form-card, .smil-valutazione-soffitto__side { padding: 25px 20px; border-radius: 21px; } .smil-valutazione-soffitto__consent { padding: 14px; } .smil-valutazione-soffitto__local { grid-template-columns: 1fr; padding: 21px 20px; } } @media (max-width: 390px) { /* * Il widget reCAPTCHA standard misura circa 304 px. * Su telefoni molto stretti viene ridotto mantenendo * proporzioni e funzionalità. */ .smil-valutazione-soffitto__recaptcha-widget { height: 69px; overflow: visible; } .smil-valutazione-soffitto__recaptcha-widget .g-recaptcha { width: 114%; transform: scale(0.88); transform-origin: left top; } } @media (prefers-reduced-motion: reduce) { .smil-valutazione-soffitto__field input, .smil-valutazione-soffitto__field select, .smil-valutazione-soffitto__field textarea, .smil-valutazione-soffitto__button, .smil-valutazione-soffitto__contact-link { transition: none; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1720_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= VARIABILI GRAFICHE SORGEDIL FOOTER SOFFITTO MILANO, BOTTOM BAR E TORNA SU ========================================================= */ :root { --smil-white: #ffffff; --smil-blue-dark: #073b5c; --smil-blue: #075f82; --smil-teal: #12aaa0; --smil-orange: #ff8500; --smil-orange-dark: #e87000; --smil-orange-soft: #fff1d8; --smil-green: #18b957; --smil-green-dark: #07933d; --smil-text: #24343d; --smil-title: #073b5c; --smil-muted: #60717a; --smil-border: #d9e4e8; --smil-aqua-soft: #dcf5f3; --smil-radius-medium: 18px; --smil-shadow: 0 18px 45px rgba(7, 59, 92, 0.18); --smil-shadow-small: 0 8px 22px rgba(7, 59, 92, 0.18); --smil-orange-shadow: 0 10px 24px rgba(255, 133, 0, 0.30); --smil-green-shadow: 0 10px 24px rgba(7, 147, 61, 0.28); } /* ========================================================= BOX SIZING ========================================================= */ .smil-milan-footer, .smil-milan-footer *, .smil-milan-footer *::before, .smil-milan-footer *::after, .smil-mobile-bottom, .smil-mobile-bottom *, .smil-mobile-bottom *::before, .smil-mobile-bottom *::after, .smil-back-to-top, .smil-back-to-top *, .smil-back-to-top *::before, .smil-back-to-top *::after { box-sizing: border-box; } /* ========================================================= FOOTER ISOLAMENTO ACUSTICO SOFFITTO MILANO ========================================================= */ .smil-milan-footer { position: relative; width: 100%; padding: clamp(54px, 6vw, 82px) 0 0; color: var(--smil-white); background: radial-gradient( circle at 8% 0%, rgba(18, 170, 160, 0.22), transparent 31% ), radial-gradient( circle at 94% 10%, rgba(255, 133, 0, 0.14), transparent 28% ), linear-gradient( 135deg, var(--smil-blue-dark) 0%, var(--smil-blue) 64%, var(--smil-teal) 100% ); border-top: 7px solid var(--smil-orange); } .smil-milan-footer__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= CTA SUPERIORE ========================================================= */ .smil-milan-footer__cta { margin-bottom: 32px; padding: clamp(23px, 3vw, 32px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; color: var(--smil-text); background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 7px solid var(--smil-orange); border-radius: var(--smil-radius-medium); box-shadow: var(--smil-shadow); } .smil-milan-footer__eyebrow { width: fit-content; margin: 0 0 9px; padding: 6px 11px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__cta h2 { margin: 0 0 9px; color: var(--smil-title); font-size: clamp(1.3rem, 2.7vw, 2rem); font-weight: 900; letter-spacing: -0.025em; line-height: 1.24; } .smil-milan-footer__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.86rem; line-height: 1.58; } .smil-milan-footer__cta-content > p:last-child strong { color: var(--smil-title); font-weight: 900; } .smil-milan-footer__cta-actions { min-width: 290px; display: grid; gap: 10px; } .smil-milan-footer__cta-primary, .smil-milan-footer__cta-phone { min-height: 52px; padding: 12px 17px; display: flex; align-items: center; justify-content: center; border-radius: 11px; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-milan-footer__cta-primary { gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); font-size: 0.81rem; font-weight: 900; } .smil-milan-footer__cta-phone { flex-direction: column; color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-milan-footer__cta-phone small { margin-bottom: 2px; color: var(--smil-teal); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.2; text-transform: uppercase; } .smil-milan-footer__cta-phone strong { color: var(--smil-green-dark); font-size: 1rem; font-weight: 950; line-height: 1.2; } .smil-milan-footer__cta-primary:hover, .smil-milan-footer__cta-phone:hover { transform: translateY(-2px); } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-milan-footer__main { padding: 28px 0 31px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(190px, 0.95fr) minmax(190px, 0.9fr) minmax(180px, 0.8fr); align-items: start; gap: 28px; border-top: 1px solid rgba(255, 255, 255, 0.20); border-bottom: 1px solid rgba(255, 255, 255, 0.20); } /* ========================================================= AZIENDA ========================================================= */ .smil-milan-footer__company { min-width: 0; } .smil-milan-footer__brand { width: fit-content; margin-bottom: 16px; display: flex; align-items: center; gap: 13px; color: var(--smil-white) !important; text-decoration: none !important; } .smil-milan-footer__logo { display: block; width: 94px; height: auto; padding: 6px; object-fit: contain; background: var(--smil-white); border-radius: 11px; } .smil-milan-footer__brand-text small { display: block; margin-bottom: 3px; color: var(--smil-orange-soft); font-size: 0.59rem; font-weight: 900; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__brand-text strong { display: block; color: var(--smil-white); font-size: 0.92rem; font-weight: 900; line-height: 1.3; } .smil-milan-footer__company > p { max-width: 380px; margin: 0 0 10px; color: var(--smil-aqua-soft); font-size: 0.76rem; line-height: 1.55; } .smil-milan-footer__experience { width: fit-content; margin-top: 15px; padding: 9px 11px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; } .smil-milan-footer__experience > span { width: 43px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.62rem; font-weight: 950; } .smil-milan-footer__experience p { margin: 0; color: var(--smil-white); font-size: 0.65rem; font-weight: 800; line-height: 1.4; } /* ========================================================= TITOLI DELLE COLONNE ========================================================= */ .smil-milan-footer__nav h3, .smil-milan-footer__contacts h3, .smil-milan-footer__useful h3 { position: relative; margin: 0 0 16px; padding-bottom: 9px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-milan-footer__nav h3::after, .smil-milan-footer__contacts h3::after, .smil-milan-footer__useful h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 39px; height: 3px; background: var(--smil-orange); border-radius: 999px; } /* ========================================================= LINK DEL FOOTER ========================================================= */ .smil-milan-footer__nav ul, .smil-milan-footer__useful ul { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-milan-footer__nav li, .smil-milan-footer__useful li { position: relative; padding-left: 15px; } .smil-milan-footer__nav li::before, .smil-milan-footer__useful li::before { content: "›"; position: absolute; left: 0; top: 0; color: var(--smil-orange); font-size: 0.9rem; font-weight: 950; line-height: 1.3; } .smil-milan-footer__nav a, .smil-milan-footer__useful a { color: var(--smil-aqua-soft) !important; font-size: 0.7rem; font-weight: 750; line-height: 1.45; text-decoration: none !important; transition: color 160ms ease, transform 160ms ease; } .smil-milan-footer__nav a:hover, .smil-milan-footer__useful a:hover { color: var(--smil-white) !important; text-decoration: underline !important; } .smil-milan-footer__nav a[aria-current="page"] { color: var(--smil-white) !important; font-weight: 950; text-decoration: underline !important; text-decoration-color: var(--smil-orange) !important; text-underline-offset: 4px; } /* ========================================================= CONTATTI ========================================================= */ .smil-milan-footer__contacts address { margin: 0 0 15px; display: grid; gap: 9px; font-style: normal; } .smil-milan-footer__contact-link { min-width: 0; padding: 10px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; color: var(--smil-white) !important; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; text-decoration: none !important; transition: background 160ms ease, transform 160ms ease; } .smil-milan-footer__contact-link:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.16); } .smil-milan-footer__contact-icon { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.66rem; font-weight: 950; } .smil-milan-footer__contact-link small { display: block; margin-bottom: 2px; color: var(--smil-orange-soft); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__contact-link strong { display: block; color: var(--smil-white); font-size: 0.75rem; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere; } .smil-milan-footer__area { margin: 0 0 7px; color: var(--smil-aqua-soft); font-size: 0.69rem; line-height: 1.5; } .smil-milan-footer__area strong { color: var(--smil-white); } .smil-milan-footer__area-note { margin: 0; color: var(--smil-aqua-soft); font-size: 0.61rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA ========================================================= */ .smil-milan-footer__notice { margin: 24px 0; padding: 18px 20px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-left: 5px solid var(--smil-orange); border-radius: 13px; } .smil-milan-footer__notice-symbol { width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-orange-soft); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 0.9rem; font-weight: 900; } .smil-milan-footer__notice h3 { margin: 0 0 5px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-milan-footer__notice p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.7rem; line-height: 1.5; } /* ========================================================= CHIUSURA ========================================================= */ .smil-milan-footer__bottom { min-height: 72px; padding: 17px 0; display: flex; align-items: center; justify-content: center; } .smil-milan-footer__legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; color: var(--smil-aqua-soft); font-size: 0.65rem; line-height: 1.45; text-align: center; } .smil-milan-footer__legal strong { color: var(--smil-white); font-weight: 900; } /* ========================================================= FRECCIA FLUTTUANTE TORNA SU ========================================================= */ .smil-back-to-top { --smil-back-top-bottom: 24px; position: fixed !important; right: clamp(14px, 2vw, 28px); bottom: var(--smil-back-top-bottom); z-index: 2147483001 !important; width: 58px; height: 58px; padding: 0; display: inline-flex !important; align-items: center; justify-content: center; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ) !important; border: 3px solid var(--smil-orange-soft) !important; border-radius: 50% !important; box-shadow: var(--smil-orange-shadow), 0 0 0 5px rgba(255, 133, 0, 0.12); text-decoration: none !important; cursor: pointer; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(18px) scale(0.88); transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease, background 180ms ease, box-shadow 180ms ease; } .smil-back-to-top.is-visible { pointer-events: auto; opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .smil-back-to-top__icon { display: block; width: 26px; height: 26px; color: var(--smil-white); pointer-events: none; } .smil-back-to-top__label { position: absolute; top: 50%; right: calc(100% + 11px); min-width: 78px; padding: 7px 10px; color: var(--smil-white); background: var(--smil-blue-dark); border: 1px solid var(--smil-blue); border-radius: 8px; box-shadow: var(--smil-shadow-small); font-size: 0.67rem; font-weight: 900; line-height: 1.25; text-align: center; white-space: nowrap; opacity: 0; visibility: hidden; transform: translate(6px, -50%); pointer-events: none; transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease; } .smil-back-to-top__label::after { content: ""; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid var(--smil-blue-dark); transform: translateY(-50%); } .smil-back-to-top:hover, .smil-back-to-top:focus, .smil-back-to-top:active, .smil-back-to-top:visited { color: var(--smil-white) !important; text-decoration: none !important; } .smil-back-to-top:hover, .smil-back-to-top:focus-visible { background: linear-gradient( 135deg, var(--smil-orange-dark) 0%, var(--smil-orange) 100% ) !important; transform: translateY(-4px) scale(1.04); box-shadow: 0 15px 30px rgba(255, 133, 0, 0.36), 0 0 0 6px rgba(255, 133, 0, 0.14); } .smil-back-to-top:hover .smil-back-to-top__label, .smil-back-to-top:focus-visible .smil-back-to-top__label { opacity: 1; visibility: visible; transform: translate(0, -50%); } .smil-back-to-top:focus-visible { outline: 3px solid var(--smil-white) !important; outline-offset: 4px; } /* ========================================================= DESTINAZIONI DI SCORRIMENTO ========================================================= */ #isolamento-acustico-soffitto-milano, #menu-pagine-isolamento-milano, #richiedi-contatto, #indice-isolamento-acustico-soffitto-milano, #interventi-reali-isolamento-acustico-soffitto-milano, #faq-isolamento-acustico-soffitto-milano { scroll-margin-top: 18px; } /* ========================================================= FOOTER TABLET ========================================================= */ @media (max-width: 980px) { .smil-milan-footer__cta { grid-template-columns: 1fr; } .smil-milan-footer__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-milan-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= FOOTER SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-milan-footer { padding-top: 48px; } .smil-milan-footer__container { width: min(100% - 28px, 1160px); } .smil-milan-footer__cta { padding: 21px 18px; gap: 20px; } .smil-milan-footer__cta-actions { grid-template-columns: 1fr; } .smil-milan-footer__main { grid-template-columns: 1fr; gap: 27px; } .smil-milan-footer__company > p { max-width: none; } .smil-milan-footer__notice { grid-template-columns: 1fr; padding: 18px; } .smil-milan-footer__bottom { padding: 18px 0 22px; } .smil-back-to-top { right: 14px; width: 50px; height: 50px; border-width: 2px !important; box-shadow: var(--smil-orange-shadow), 0 0 0 4px rgba(255, 133, 0, 0.12); } .smil-back-to-top__icon { width: 23px; height: 23px; } .smil-back-to-top__label { display: none; } } /* ========================================================= ACCESSIBILITÀ FOOTER ========================================================= */ .smil-milan-footer a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } /* ========================================================= BOTTOM BAR FISSA ========================================================= */ .smil-mobile-bottom { display: none !important; } /* ========================================================= BOTTOM BAR TABLET E SMARTPHONE ========================================================= */ @media (max-width: 980px) { /* * Lascia spazio alla barra fissa inferiore, * evitando che copra il footer e i campi del modulo. */ body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; } .smil-mobile-bottom { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 2147483000 !important; width: 100%; min-height: calc(76px + env(safe-area-inset-bottom, 0px)); padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); display: block !important; color: var(--smil-text); background: var(--smil-white) !important; border-top: 1px solid var(--smil-border); box-shadow: 0 -10px 28px rgba(7, 59, 92, 0.16); visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; isolation: isolate; } .smil-mobile-bottom__inner { width: min(100%, 820px); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); align-items: stretch; gap: 9px; pointer-events: auto !important; } /* PULSANTI */ .smil-mobile-bottom__button { position: relative; z-index: 2; min-width: 0; min-height: 58px; padding: 8px 12px; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--smil-white) !important; border-radius: 15px !important; text-decoration: none !important; text-align: left; cursor: pointer !important; pointer-events: auto !important; touch-action: manipulation; visibility: visible !important; opacity: 1 !important; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; } /* TELEFONO */ .smil-mobile-bottom__button--phone { background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ) !important; border: 2px solid var(--smil-green) !important; box-shadow: inset 0 -4px 0 rgba(7, 147, 61, 0.34), var(--smil-green-shadow); } /* RICHIESTA DI CONTATTO */ .smil-mobile-bottom__button--contact { background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ) !important; border: 2px solid var(--smil-orange) !important; box-shadow: inset 0 -4px 0 rgba(232, 112, 0, 0.35), var(--smil-orange-shadow); } .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus, .smil-mobile-bottom__button:active, .smil-mobile-bottom__button:visited { color: var(--smil-white) !important; text-decoration: none !important; } .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus-visible { transform: translateY(-2px); } .smil-mobile-bottom__button--phone:hover, .smil-mobile-bottom__button--phone:focus-visible { background: linear-gradient( 135deg, var(--smil-green-dark) 0%, var(--smil-green) 100% ) !important; } .smil-mobile-bottom__button--contact:hover, .smil-mobile-bottom__button--contact:focus-visible { background: linear-gradient( 135deg, var(--smil-orange-dark) 0%, var(--smil-orange) 100% ) !important; } .smil-mobile-bottom__button:focus-visible { outline: 3px solid var(--smil-white) !important; outline-offset: -6px; } /* ICONE */ .smil-mobile-bottom__icon { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 10px; pointer-events: none; } .smil-mobile-bottom__icon svg { display: block; width: 20px; height: 20px; } /* TESTI */ .smil-mobile-bottom__copy { min-width: 0; pointer-events: none; } .smil-mobile-bottom__copy small { display: block; margin-bottom: 1px; color: var(--smil-white) !important; font-size: 0.56rem; font-weight: 750; line-height: 1.2; opacity: 0.88; } .smil-mobile-bottom__copy strong { display: block; color: var(--smil-white) !important; font-size: clamp(0.74rem, 2.3vw, 0.9rem); font-weight: 900; line-height: 1.18; overflow-wrap: anywhere; } /* FRECCIA CTA */ .smil-mobile-bottom__arrow { width: 27px; height: 27px; flex: 0 0 27px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-orange-dark); background: var(--smil-white); border-radius: 50%; font-size: 0.9rem; font-weight: 950; line-height: 1; pointer-events: none; } /* POSIZIONE DEL PULSANTE TORNA SU */ .smil-back-to-top { bottom: calc( 88px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 600px) { body { padding-bottom: calc(79px + env(safe-area-inset-bottom, 0px)) !important; } .smil-mobile-bottom { min-height: calc(70px + env(safe-area-inset-bottom, 0px)); padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)); } .smil-mobile-bottom__inner { gap: 7px; } .smil-mobile-bottom__button { min-height: 55px; padding: 7px 9px; gap: 7px; border-radius: 13px !important; } .smil-mobile-bottom__icon { width: 31px; height: 31px; flex-basis: 31px; border-radius: 9px; } .smil-mobile-bottom__icon svg { width: 18px; height: 18px; } .smil-mobile-bottom__copy small { display: none; } .smil-mobile-bottom__copy strong { font-size: clamp(0.72rem, 3.4vw, 0.86rem); text-align: center; } .smil-mobile-bottom__arrow { width: 24px; height: 24px; flex-basis: 24px; font-size: 0.8rem; } .smil-back-to-top { bottom: calc( 80px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 390px) { .smil-mobile-bottom__button { grid-template-columns: auto minmax(0, 1fr); padding-inline: 8px; } .smil-mobile-bottom__button--contact .smil-mobile-bottom__arrow { display: none; } .smil-mobile-bottom__copy strong { font-size: 0.7rem; } } /* ========================================================= DESKTOP: BOTTOM BAR NASCOSTA ========================================================= */ @media (min-width: 981px) { .smil-mobile-bottom { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } /* ========================================================= RIDUZIONE DEL MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-milan-footer__cta-primary, .smil-milan-footer__cta-phone, .smil-milan-footer__contact-link, .smil-mobile-bottom__button, .smil-back-to-top, .smil-back-to-top__label { transition: none; } .smil-milan-footer__cta-primary:hover, .smil-milan-footer__cta-phone:hover, .smil-milan-footer__contact-link:hover, .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus-visible, .smil-back-to-top:hover, .smil-back-to-top:focus-visible { transform: none; } }@media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_9 { box-sizing: border-box; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_1 { box-sizing: border-box; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_23 { box-sizing: border-box; } #imCell_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_2 { box-sizing: border-box; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_3 { box-sizing: border-box; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_5 { box-sizing: border-box; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_6 { box-sizing: border-box; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_7 { box-sizing: border-box; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_8 { box-sizing: border-box; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_10 { box-sizing: border-box; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_11 { box-sizing: border-box; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_12 { box-sizing: border-box; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_13 { box-sizing: border-box; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_14 { box-sizing: border-box; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_15 { box-sizing: border-box; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_16 { box-sizing: border-box; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_17 { box-sizing: border-box; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_18 { box-sizing: border-box; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_19 { box-sizing: border-box; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_20 { box-sizing: border-box; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_21 { box-sizing: border-box; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_22 { box-sizing: border-box; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1720_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_4 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -44.538% 0);clip-path: inset(0 0 -44.538% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { position: absolute; top: 5px; inset-inline-start: 1px; width: 118px; height: 80px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -5.263% 0);clip-path: inset(0 0 -5.263% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { position: absolute; top: 24px; inset-inline-start: 486px; width: 211px; height: 45px; text-align: center; z-index: 1003; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { position: absolute; top: 24px; inset-inline-start: 774px; width: 244px; height: 45px; text-align: center; z-index: 1004; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -42.342% 0);clip-path: inset(0 0 -42.342% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 5.042% 0);clip-path: inset(0 0 5.042% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 6.612% 0);clip-path: inset(0 0 6.612% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 86px; inset-inline-start: 0px; width: 1201px; height: 103px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } /* Level menu background */ #imHeader_imMenuObject_84 ul ul { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 1); } /* Level menu button size and position */ #imHeader_imMenuObject_84 ul ul li {position: relative;margin-bottom: 2px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imHeader_imMenuObject_84 .multiple-column > ul {max-width: 250px;} #imHeader_imMenuObject_84 ul ul li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84 ul ul .label-wrapper { display: block; overflow: hidden; width: 244px; height: 60px; padding-block: 0px; padding-inline: 3px; } #imHeader_imMenuObject_84 ul ul .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imHeader_imMenuObject_84 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul .label-wrapper .label, #imHeader_imMenuObject_84 ul ul .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu hover button style */ #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} /* Level menu separator button style */ #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu separation line style */ #imHeader_imMenuObject_84 ul ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(0, 152, 70, 1); border-style: solid; } /* Level menu current button style */ #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} #imHeader_imMenuObject_84 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imHeader_imMenuObject_84 .multiple-column {position: absolute; z-index: 2;inset-inline-start: 0px; } #imHeader_imMenuObject_84 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imHeader_imMenuObject_84 .multiple-column > ul > li {display: block;} #imHeader_imMenuObject_84_container > ul > li > ul {position: absolute; top: 47px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-bottom { inset-inline-start: 0px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-left { inset-inline-end: 195px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-right { inset-inline-start: 195px; } #imHeader_imMenuObject_84_container > ul > li > ul ul, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imHeader_imMenuObject_84_container > ul > li > ul ul.open-left, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul.open-left{ inset-inline-end: 250px; } #imHeader_imMenuObject_84_container > ul > li > ul ul.open-right, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul.open-right{ inset-inline-start: 250px; } #imHeader_imMenuObject_84 ul > li > ul, #imHeader_imMenuObject_84 .multiple-column { display: none; } #imHeader_imMenuObject_84_container > ul > li:nth-child(6n+1) { margin-inline-start: 0px; clear: left; clear: inline-start; } #imHeader_imMenuObject_84_container > ul > li:nth-child(n+7) { margin-top: 0px; } #imHeader_imMenuObject_84-menu-opened { display: none; } #imHeader_imMenuObject_84 .hamburger-component { display: none; } #imHeader_pluginAppObj_85_wrapper { position: absolute; top: 21px; inset-inline-start: 149px; width: 238px; height: 41px; text-align: center; z-index: 1011; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { position: absolute; top: 30px; inset-inline-start: 1138px; width: 24px; height: 31px; text-align: center; z-index: 1012; overflow: hidden; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { display: none; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { display: none; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { display: none; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { display: none; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -51.754% 0);clip-path: inset(0 0 -51.754% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -5.556% 0);clip-path: inset(0 0 -5.556% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -17.021% 0);clip-path: inset(0 0 -17.021% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 112px; height: 75px; text-align: center; z-index: 1007; overflow: hidden; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 -2.74% 0);clip-path: inset(0 0 -2.74% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 1.724% 0);clip-path: inset(0 0 1.724% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 17px; inset-inline-start: 670px; width: 48px; height: 49px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { position: absolute; top: 27px; inset-inline-start: 615px; width: 24px; height: 31px; text-align: center; z-index: 1012; overflow: hidden; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { position: absolute; top: 13px; inset-inline-start: 123px; width: 228px; height: 47px; text-align: center; z-index: 1013; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { position: absolute; top: 17px; inset-inline-start: 517px; width: 43px; height: 39px; text-align: center; z-index: 1014; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { position: absolute; top: 17px; inset-inline-start: 457px; width: 43px; height: 39px; text-align: center; z-index: 1015; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { display: none; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { display: none; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { display: none; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { display: none; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -52.586% 0);clip-path: inset(0 0 -52.586% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -7.273% 0);clip-path: inset(0 0 -7.273% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -47.297% 0);clip-path: inset(0 0 -47.297% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 -1.724% 0);clip-path: inset(0 0 -1.724% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { position: absolute; top: 46px; inset-inline-start: 3px; width: 95px; height: 65px; text-align: center; z-index: 1010; overflow: hidden; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 -4.839% 0);clip-path: inset(0 0 -4.839% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 62px; inset-inline-start: 422px; width: 48px; height: 46px; text-align: center; z-index: 1012; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { display: none; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { position: absolute; top: 4px; inset-inline-start: 4px; width: 142px; height: 40px; text-align: center; z-index: 1002; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { position: absolute; top: 16px; inset-inline-start: 381px; width: 43px; height: 38px; text-align: center; z-index: 1017; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { position: absolute; top: 16px; inset-inline-start: 337px; width: 43px; height: 39px; text-align: center; z-index: 1018; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { position: absolute; top: 20px; inset-inline-start: 453px; width: 17px; height: 26px; text-align: center; z-index: 1019; overflow: hidden; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { position: absolute; top: 65px; inset-inline-start: 109px; width: 297px; height: 39px; text-align: center; z-index: 1020; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 479.9px) { #imHeader_imObjectImage_63_wrapper { position: absolute; top: 53px; inset-inline-start: 0px; width: 84px; height: 58px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -7.407% 0);clip-path: inset(0 0 -7.407% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_63 { box-sizing: border-box; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 50.476% 0);clip-path: inset(0 0 50.476% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_7 { box-sizing: border-box; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_45 { box-sizing: border-box; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_51 { box-sizing: border-box; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_52 { box-sizing: border-box; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -25.532% 0);clip-path: inset(0 0 -25.532% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_58 { box-sizing: border-box; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 53.153% 0);clip-path: inset(0 0 53.153% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_61 { box-sizing: border-box; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 53.982% 0);clip-path: inset(0 0 53.982% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_62 { box-sizing: border-box; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 63px; inset-inline-start: 275px; width: 42px; height: 46px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_84 { box-sizing: border-box; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_85 { box-sizing: border-box; } #imHeader_imObjectImage_86_wrapper { display: none; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_86 { box-sizing: border-box; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_87 { box-sizing: border-box; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_88 { box-sizing: border-box; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_89 { box-sizing: border-box; } #imHeader_pluginAppObj_90_wrapper { position: absolute; top: 5px; inset-inline-start: 0px; width: 152px; height: 36px; text-align: center; z-index: 1016; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_90 { box-sizing: border-box; } #imHeader_pluginAppObj_91_wrapper { position: absolute; top: 12px; inset-inline-start: 225px; width: 43px; height: 21px; text-align: center; z-index: 1017; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_91 { box-sizing: border-box; } #imHeader_pluginAppObj_92_wrapper { position: absolute; top: 12px; inset-inline-start: 183px; width: 43px; height: 21px; text-align: center; z-index: 1018; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_92 { box-sizing: border-box; } #imHeader_imObjectImage_93_wrapper { position: absolute; top: 19px; inset-inline-start: 291px; width: 17px; height: 26px; text-align: center; z-index: 1019; overflow: hidden; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_93 { box-sizing: border-box; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_94 { box-sizing: border-box; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { position: absolute; top: 68px; inset-inline-start: 98px; width: 168px; height: 39px; text-align: center; z-index: 1021; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_95 { box-sizing: border-box; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (min-width: 1200.0px) { #imFooter_imHTMLObject_24_wrapper { position: absolute; top: 1364px; inset-inline-start: 1px; width: 1201px; height: 412px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { position: absolute; top: 0px; inset-inline-start: 3px; width: 1197px; height: 1360px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 719px; height: 1696px; text-align: center; z-index: 1004; overflow: hidden; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 477px; height: 1888px; text-align: center; z-index: 1005; overflow: hidden; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_24 { box-sizing: border-box; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_25 { box-sizing: border-box; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_26 { box-sizing: border-box; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_27 { box-sizing: border-box; } #imFooter_imHTMLObject_28_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 318px; height: 1848px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_28 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 1px; width: 248px; height: 85px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 7px; width: 242px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 520px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 2px; width: 246px; height: 86px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 5px; width: 244px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 529px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 719.9px) and (min-width: 480.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 479.9px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_19 { box-sizing: border-box; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_21 { box-sizing: border-box; } #imObjectForm_21_1_container { width: 100%; } #imObjectForm_21_2_container { width: 100%; } #imObjectForm_21_3_container { width: 100%; } #imObjectForm_21_4_container { width: 100%; } #imObjectForm_21_5_container { width: 100%; } #imObjectForm_21_6_container { width: 100%; } .imObjectForm_21_6_radiobutton { width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 0; } .imObjectForm_21_6_radiobutton.firstrow.firstcolumn { padding-top: 5px; } #imObjectForm_21_7_container { width: 100%; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (min-width: 1200.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -47.458% 0);clip-path: inset(0 0 -47.458% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { position: absolute; top: 5px; inset-inline-start: 1px; width: 118px; height: 80px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 -5.263% 0);clip-path: inset(0 0 -5.263% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { position: absolute; top: 24px; inset-inline-start: 486px; width: 211px; height: 45px; text-align: center; z-index: 1004; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -59.091% 0);clip-path: inset(0 0 -59.091% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { position: absolute; top: 24px; inset-inline-start: 774px; width: 244px; height: 45px; text-align: center; z-index: 1013; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { position: absolute; top: 21px; inset-inline-start: 149px; width: 238px; height: 41px; text-align: center; z-index: 1014; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { position: absolute; top: 30px; inset-inline-start: 1138px; width: 24px; height: 31px; text-align: center; z-index: 1015; overflow: hidden; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 90px; inset-inline-start: -1px; width: 1203px; height: 96px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } /* Level menu background */ #imStickyBar_imMenuObject_117 ul ul { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 1); } /* Level menu button size and position */ #imStickyBar_imMenuObject_117 ul ul li {position: relative;margin-bottom: 2px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imStickyBar_imMenuObject_117 .multiple-column > ul {max-width: 250px;} #imStickyBar_imMenuObject_117 ul ul li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper { display: block; overflow: hidden; width: 244px; height: 60px; padding-block: 0px; padding-inline: 3px; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imStickyBar_imMenuObject_117 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu hover button style */ #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Level menu separator button style */ #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu separation line style */ #imStickyBar_imMenuObject_117 ul ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(0, 152, 70, 1); border-style: solid; } /* Level menu current button style */ #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imStickyBar_imMenuObject_117 .multiple-column {position: absolute; z-index: 2;inset-inline-start: 0px; } #imStickyBar_imMenuObject_117 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imStickyBar_imMenuObject_117 .multiple-column > ul > li {display: block;} #imStickyBar_imMenuObject_117_container > ul > li > ul {position: absolute; top: 47px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-bottom { inset-inline-start: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-left { inset-inline-end: 195px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-right { inset-inline-start: 195px; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul.open-left, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul.open-left{ inset-inline-end: 250px; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul.open-right, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul.open-right{ inset-inline-start: 250px; } #imStickyBar_imMenuObject_117 ul > li > ul, #imStickyBar_imMenuObject_117 .multiple-column { display: none; } #imStickyBar_imMenuObject_117_container > ul > li:nth-child(6n+1) { margin-inline-start: 0px; clear: left; clear: inline-start; } #imStickyBar_imMenuObject_117_container > ul > li:nth-child(n+7) { margin-top: 0px; } #imStickyBar_imMenuObject_117-menu-opened { display: none; } #imStickyBar_imMenuObject_117 .hamburger-component { display: none; } #imStickyBar_imObjectButton_118_wrapper { display: none; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -48.305% 0);clip-path: inset(0 0 -48.305% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 -5.556% 0);clip-path: inset(0 0 -5.556% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -60% 0);clip-path: inset(0 0 -60% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 74px; height: 49px; text-align: center; z-index: 1009; overflow: hidden; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 -2.083% 0);clip-path: inset(0 0 -2.083% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 5px; inset-inline-start: 669px; width: 48px; height: 49px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { position: absolute; top: 8px; inset-inline-start: 187px; width: 387px; height: 39px; text-align: center; z-index: 1017; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 7.143% 0);clip-path: inset(0 0 7.143% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 11.364% 0);clip-path: inset(0 0 11.364% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 51.724% 0);clip-path: inset(0 0 51.724% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { position: absolute; top: 2px; inset-inline-start: 3px; width: 73px; height: 47px; text-align: center; z-index: 1006; overflow: hidden; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 2.083% 0);clip-path: inset(0 0 2.083% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 52.137% 0);clip-path: inset(0 0 52.137% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 2px; inset-inline-start: 425px; width: 48px; height: 46px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { position: absolute; top: 8px; inset-inline-start: 77px; width: 350px; height: 39px; text-align: center; z-index: 1017; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 479.9px) { #imStickyBar_imObjectImage_100_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 61px; height: 42px; text-align: center; z-index: 1002; overflow: hidden; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -7.692% 0);clip-path: inset(0 0 -7.692% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_100 { box-sizing: border-box; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 2.632% 0);clip-path: inset(0 0 2.632% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_69 { box-sizing: border-box; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 50.495% 0);clip-path: inset(0 0 50.495% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_70 { box-sizing: border-box; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_88 { box-sizing: border-box; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_95 { box-sizing: border-box; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -8.738% 0);clip-path: inset(0 0 -8.738% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_98 { box-sizing: border-box; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_104 { box-sizing: border-box; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 50.495% 0);clip-path: inset(0 0 50.495% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_105 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_106 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_107 { box-sizing: border-box; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_108 { box-sizing: border-box; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_112 { box-sizing: border-box; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_114 { box-sizing: border-box; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_115 { box-sizing: border-box; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: -1px; inset-inline-start: 276px; width: 40px; height: 43px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_117 { box-sizing: border-box; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { display: none; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_118 { box-sizing: border-box; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { position: absolute; top: 4px; inset-inline-start: 81px; width: 168px; height: 39px; text-align: center; z-index: 1018; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_119 { box-sizing: border-box; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } #imPage.without-id_animation-in-progress { overflow: hidden }