#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 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_23 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_22 { 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_4 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #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; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } @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 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_23 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_22 { 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_4 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #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; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } } @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 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_23 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_22 { 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_4 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #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; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } } @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 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_23 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_22 { 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_4 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #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; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } } #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_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= 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; } .smil-pages-menu__link--current .smil-pages-menu__badge { background: var(--smil-orange) !important; } .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); } /* ========================================================= 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_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 1 HERO Palette coordinata con la landing "Insonorizzazione Casa" ========================================================= */ :root { /* BLU SORGEDIL */ --smil-blue-dark: #073b5c; --smil-blue: #075b89; --smil-blue-light: #087ca0; /* TURCHESE */ --smil-teal: #008c83; --smil-teal-light: #12aaa0; /* ARANCIONE */ --smil-orange: #ff8500; --smil-orange-dark: #e87000; --smil-orange-soft: #fff1e2; /* VERDE CONTATTI */ --smil-green: #0db34b; --smil-green-dark: #07933d; --smil-green-soft: #eaf9ef; /* COLORI NEUTRI */ --smil-white: #ffffff; --smil-cream: #fff9e8; --smil-aqua-soft: #e3f5f6; --smil-page-soft: #f4fafb; /* TESTI */ --smil-title: #073b5c; --smil-text: #344653; --smil-muted: #667781; --smil-border: #d9e8ea; /* OMBRE */ --smil-shadow: 0 18px 42px rgba(7, 59, 92, 0.13); --smil-shadow-small: 0 8px 20px rgba(7, 59, 92, 0.11); --smil-orange-shadow: 0 10px 23px rgba(255, 133, 0, 0.31); --smil-green-shadow: 0 10px 23px rgba(13, 179, 75, 0.27); /* RAGGI */ --smil-radius-large: 28px; --smil-radius-medium: 18px; --smil-radius-small: 12px; } /* ========================================================= RESET LIMITATO AL BLOCCO ========================================================= */ .smil-hero, .smil-hero * { box-sizing: border-box; } .smil-hero { position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden; color: var(--smil-text); background: radial-gradient( circle at 10% 20%, rgba(255, 224, 147, 0.38), transparent 33% ), radial-gradient( circle at 93% 20%, rgba(128, 222, 225, 0.35), transparent 36% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 48%, var(--smil-aqua-soft) 100% ); border: 1px solid rgba(7, 91, 137, 0.10); border-radius: var(--smil-radius-large); box-shadow: var(--smil-shadow); isolation: isolate; } /* ========================================================= DECORAZIONE DI SFONDO ========================================================= */ .smil-hero__background { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100% ); opacity: 0.8; } /* ========================================================= BARRA DI AUTOREVOLEZZA Viene spostata graficamente sopra la Hero ========================================================= */ .smil-authority { order: -1; width: min(100% - 48px, 1160px); margin: 28px auto 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-blue-light) 100% ); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; box-shadow: 0 12px 28px rgba(7, 59, 92, 0.19); } .smil-authority__item { position: relative; min-width: 0; min-height: 82px; padding: 18px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; } .smil-authority__item + .smil-authority__item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-authority__value { color: #ffd249; font-size: 0.94rem; font-weight: 850; line-height: 1.25; } .smil-authority__label { color: var(--smil-white); font-size: 0.75rem; font-weight: 650; line-height: 1.38; } /* ========================================================= CONTENITORE PRINCIPALE ========================================================= */ .smil-hero__container { width: min(100% - 48px, 1160px); margin-inline: auto; padding: clamp(36px, 5vw, 64px) 0 clamp(42px, 5vw, 66px); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr); align-items: center; gap: clamp(36px, 5vw, 66px); } .smil-hero__content { min-width: 0; } /* ========================================================= TESTO SOPRA H1 ========================================================= */ .smil-hero__eyebrow { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.90); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.025em; line-height: 1.35; text-align: center; } /* ========================================================= H1 Fascia blu-turchese con testo arancione ========================================================= */ .smil-hero__title { width: 100%; max-width: 760px; margin: 0 0 20px; padding: 14px 22px; color: var(--smil-orange); background: linear-gradient( 90deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 15px; box-shadow: 0 10px 24px rgba(7, 59, 92, 0.18); font-family: inherit; font-size: clamp(1.85rem, 3.5vw, 3.25rem); font-weight: 900; letter-spacing: -0.028em; line-height: 1.08; text-align: center; text-transform: none; text-wrap: balance; } .smil-hero__title strong { color: var(--smil-orange); font-weight: 900; } /* ========================================================= RISPOSTA IMMEDIATA SEO / GEO ========================================================= */ .smil-hero__answer { max-width: 770px; margin: 0 0 15px; color: var(--smil-text); font-size: clamp(1rem, 1.35vw, 1.13rem); font-weight: 450; line-height: 1.67; text-align: center; } .smil-hero__answer strong { color: var(--smil-title); font-weight: 800; } /* ========================================================= TESTO DI SUPPORTO ========================================================= */ .smil-hero__supporting { max-width: 720px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; font-weight: 500; line-height: 1.58; text-align: center; } /* ========================================================= CTA ========================================================= */ .smil-hero__actions { margin-top: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 13px; } .smil-button { min-height: 52px; padding: 13px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 2px solid transparent; border-radius: var(--smil-radius-small); font-family: inherit; font-size: 0.92rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none !important; cursor: pointer; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-button:hover { transform: translateY(-2px); } .smil-button:focus-visible { outline: 3px solid rgba(255, 133, 0, 0.32); outline-offset: 4px; } /* CTA PRINCIPALE ARANCIONE */ .smil-button--primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-color: var(--smil-orange); box-shadow: var(--smil-orange-shadow); } .smil-button--primary:hover { color: var(--smil-white) !important; background: linear-gradient( 135deg, #ff950d 0%, var(--smil-orange-dark) 100% ); border-color: var(--smil-orange-dark); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } /* CTA TELEFONO VERDE */ .smil-button--secondary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ); border-color: var(--smil-green); box-shadow: var(--smil-green-shadow); } .smil-button--secondary:hover { color: var(--smil-white) !important; background: linear-gradient( 135deg, #13c455 0%, var(--smil-green-dark) 100% ); border-color: var(--smil-green-dark); box-shadow: 0 13px 28px rgba(13, 179, 75, 0.33); } .smil-button__arrow { font-size: 1.15rem; line-height: 1; transition: transform 180ms ease; } .smil-button--primary:hover .smil-button__arrow { transform: translateX(4px); } .smil-button__phone { font-size: 1rem; line-height: 1; } /* ========================================================= MICROCOPY SOTTO CTA ========================================================= */ .smil-hero__microcopy { max-width: 670px; margin: 13px auto 0; color: var(--smil-title); font-size: 0.78rem; font-weight: 650; line-height: 1.48; text-align: center; } /* ========================================================= IMMAGINE PRINCIPALE ========================================================= */ .smil-hero__visual { position: relative; min-width: 0; margin: 0; padding: 10px; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(7, 91, 137, 0.10); border-radius: 25px; box-shadow: var(--smil-shadow); } .smil-hero__visual picture { display: block; } .smil-hero__visual img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 17px; } /* DECORAZIONE DIETRO LA FOTO */ .smil-hero__visual::before { content: ""; position: absolute; width: 42%; aspect-ratio: 1; top: -22px; right: -20px; z-index: -1; background: linear-gradient( 135deg, var(--smil-teal-light), var(--smil-blue-light) ); border-radius: 50%; opacity: 0.19; } /* ETICHETTA SULLA FOTO */ .smil-hero__image-label { position: absolute; left: 25px; right: 25px; bottom: 25px; padding: 10px 13px; color: var(--smil-title); background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(7, 91, 137, 0.13); border-radius: 10px; box-shadow: 0 8px 22px rgba(7, 59, 92, 0.13); backdrop-filter: blur(8px); font-size: 0.77rem; font-weight: 800; line-height: 1.35; text-align: center; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-authority { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-authority__item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-authority__item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-hero__container { grid-template-columns: 1fr; gap: 38px; } .smil-hero__content { max-width: 790px; margin-inline: auto; } .smil-hero__visual { width: min(100%, 700px); margin-inline: auto; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 620px) { .smil-hero { border-radius: 18px; } .smil-authority { width: min(100% - 26px, 1160px); margin-top: 16px; grid-template-columns: 1fr; border-radius: 13px; } .smil-authority__item { min-height: auto; padding: 14px 16px; } .smil-authority__item + .smil-authority__item, .smil-authority__item:nth-child(3), .smil-authority__item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-authority__value { font-size: 0.88rem; } .smil-authority__label { font-size: 0.72rem; } .smil-hero__container { width: min(100% - 28px, 1160px); padding: 30px 0 38px; gap: 31px; } .smil-hero__eyebrow { padding: 7px 12px; font-size: 0.67rem; } .smil-hero__title { padding: 13px 14px; border-radius: 12px; font-size: clamp(1.7rem, 8.5vw, 2.45rem); line-height: 1.1; } .smil-hero__answer { font-size: 0.97rem; line-height: 1.57; } .smil-hero__supporting { font-size: 0.88rem; } .smil-hero__actions { display: grid; grid-template-columns: 1fr; } .smil-button { width: 100%; min-height: 51px; } .smil-hero__visual { padding: 7px; border-radius: 19px; } .smil-hero__visual img { border-radius: 13px; } .smil-hero__image-label { left: 17px; right: 17px; bottom: 17px; padding: 8px 10px; font-size: 0.70rem; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-button, .smil-button__arrow { transition: none; } .smil-button:hover { transform: none; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO INDICE SEMANTICO DELLA PAGINA ========================================================= */ .smil-toc, .smil-toc * { box-sizing: border-box; } .smil-toc { position: relative; width: 100%; padding: clamp(52px, 6vw, 82px) 0; color: var(--smil-text); background: radial-gradient( circle at 4% 8%, rgba(255, 133, 0, 0.08), transparent 28% ), radial-gradient( circle at 96% 10%, rgba(18, 170, 160, 0.11), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); border-top: 1px solid var(--smil-border); border-bottom: 1px solid var(--smil-border); } .smil-toc__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-toc__header { margin-bottom: 22px; padding: clamp(24px, 3vw, 34px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: var(--smil-radius-medium); box-shadow: var(--smil-shadow); } .smil-toc__header-content { min-width: 0; } .smil-toc__label { width: fit-content; margin: 0 0 10px; padding: 6px 11px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-toc__title { margin: 0 0 12px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.65rem, 3.2vw, 2.65rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.13; text-wrap: balance; } .smil-toc__title span { color: var(--smil-orange); } .smil-toc__answer { max-width: 790px; margin: 0; color: var(--smil-text); font-size: clamp(0.91rem, 1.2vw, 1.02rem); line-height: 1.66; } .smil-toc__answer strong { color: var(--smil-title); font-weight: 900; } /* AZIONI */ .smil-toc__header-actions { min-width: 235px; display: grid; gap: 10px; } .smil-toc__primary-action, .smil-toc__secondary-action { min-height: 48px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.78rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; } .smil-toc__primary-action { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-toc__secondary-action { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-toc__primary-action:hover, .smil-toc__secondary-action:hover { transform: translateY(-2px); } /* ========================================================= PANORAMICA ========================================================= */ .smil-toc__overview { margin: 0 0 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: var(--smil-radius-medium); box-shadow: var(--smil-shadow-small); } .smil-toc-overview-item { min-width: 0; padding: 20px 18px; } .smil-toc-overview-item + .smil-toc-overview-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-toc-overview-item dt { margin-bottom: 5px; color: var(--smil-orange-soft); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-toc-overview-item dd { margin: 0; color: var(--smil-white); font-size: 0.75rem; font-weight: 750; line-height: 1.48; } /* ========================================================= NAVIGAZIONE ========================================================= */ .smil-toc__navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; } /* ========================================================= GRUPPI ========================================================= */ .smil-toc-group { min-width: 0; padding: 21px; background: rgba(255, 255, 255, 0.96); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: var(--smil-radius-medium); box-shadow: var(--smil-shadow-small); } .smil-toc-group:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-toc-group:nth-child(3) { border-top-color: var(--smil-green); } .smil-toc-group--final { border-top-color: var(--smil-orange); } .smil-toc-group__header { margin-bottom: 15px; padding-bottom: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; border-bottom: 1px solid var(--smil-border); } .smil-toc-group__number { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.75rem; font-weight: 950; } .smil-toc-group__header p { margin: 0 0 3px; color: var(--smil-teal); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-toc-group__header h3 { margin: 0; color: var(--smil-title); font-size: clamp(1rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } /* ========================================================= LINK DELL’INDICE ========================================================= */ .smil-toc-group__list { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-toc-group__list li { min-width: 0; } .smil-toc-group__list a { min-width: 0; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; color: var(--smil-title) !important; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; text-decoration: none !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; } .smil-toc-group__list a:hover { transform: translateX(3px); background: var(--smil-white); border-color: var(--smil-teal-light); box-shadow: var(--smil-shadow-small); } .smil-toc-link__number { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-teal); border-radius: 9px; font-size: 0.65rem; font-weight: 950; line-height: 1; } .smil-toc-group:nth-child(2) .smil-toc-link__number { background: var(--smil-blue-light); } .smil-toc-group:nth-child(3) .smil-toc-link__number { background: var(--smil-green); } .smil-toc-group--final .smil-toc-link__number { background: var(--smil-orange); } .smil-toc-link__content { min-width: 0; } .smil-toc-link__content strong { display: block; margin-bottom: 2px; color: var(--smil-title); font-size: 0.76rem; font-weight: 900; line-height: 1.38; } .smil-toc-link__content small { display: block; color: var(--smil-muted); font-size: 0.67rem; line-height: 1.43; } .smil-toc-link__arrow { color: var(--smil-orange); font-size: 1rem; font-weight: 950; line-height: 1; transition: transform 180ms ease; } .smil-toc-group__list a:hover .smil-toc-link__arrow { transform: translateX(3px); } .smil-toc-group__list .smil-toc-link--contact { background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border-color: var(--smil-green); } /* ========================================================= NOTA ========================================================= */ .smil-toc__note { margin-top: 20px; padding: 19px 21px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--smil-orange); border-radius: 15px; box-shadow: var(--smil-shadow-small); } .smil-toc__note-symbol { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-cream); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 0.9rem; font-weight: 900; } .smil-toc__note h3 { margin: 0 0 5px; color: var(--smil-title); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-toc__note p { margin: 0; color: var(--smil-text); font-size: 0.73rem; line-height: 1.5; } /* ========================================================= POSIZIONAMENTO DEGLI ANCORAGGI ========================================================= */ #soluzioni-isolamento-acustico-milano, #isolamento-acustico-pareti-milano, #isolamento-acustico-soffitto-milano, #isolamento-acustico-calpestio-milano, #finestre-antirumore-milano, #insonorizzazione-stanza-completa-milano, #metodo-sorgedil-isolamento-acustico-milano, #costo-isolamento-acustico-milano, #pannelli-fonoassorbenti-isolamento-acustico, #interventi-isolamento-acustico-milano, #sorgedil-opera-a-milano, #chi-e-sorgedil, #domande-frequenti-isolamento-acustico-milano, #isolamento-acustico-milano-in-sintesi, #richiedi-valutazione { scroll-margin-top: 110px; } /* ========================================================= FOCUS E ACCESSIBILITÀ ========================================================= */ .smil-toc a:focus-visible { outline: 3px solid var(--smil-orange); outline-offset: 3px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-toc__header { grid-template-columns: 1fr; } .smil-toc__header-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-toc__overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-toc-overview-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-toc-overview-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-toc { padding: clamp(45px, 10vw, 62px) 0; } .smil-toc__container { width: min(100% - 28px, 1160px); } .smil-toc__header { padding: 21px 18px; gap: 22px; border-radius: 16px; } .smil-toc__title { font-size: clamp(1.55rem, 7.8vw, 2.2rem); } .smil-toc__answer { font-size: 0.88rem; line-height: 1.6; } .smil-toc__header-actions { grid-template-columns: 1fr; } .smil-toc__overview { grid-template-columns: 1fr; border-radius: 16px; } .smil-toc-overview-item + .smil-toc-overview-item, .smil-toc-overview-item:nth-child(3), .smil-toc-overview-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-toc__navigation { grid-template-columns: 1fr; } .smil-toc-group { padding: 18px; border-radius: 16px; } .smil-toc-group__list a { padding: 11px; } .smil-toc-link__content strong { font-size: 0.74rem; } .smil-toc-link__content small { font-size: 0.65rem; } .smil-toc__note { padding: 18px; grid-template-columns: 1fr; } } /* ========================================================= RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-toc__primary-action, .smil-toc__secondary-action, .smil-toc-group__list a, .smil-toc-link__arrow { transition: none; } .smil-toc__primary-action:hover, .smil-toc__secondary-action:hover, .smil-toc-group__list a:hover, .smil-toc-group__list a:hover .smil-toc-link__arrow { transform: none; } }#imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 2 TABELLA RUMORE / PERCORSO / SOLUZIONE ========================================================= */ .smil-diagnosis, .smil-diagnosis * { box-sizing: border-box; } .smil-diagnosis { position: relative; width: 100%; padding: clamp(64px, 8vw, 105px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-diagnosis__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE DEL BLOCCO ========================================================= */ .smil-diagnosis__header { max-width: 900px; margin: 0 auto clamp(35px, 5vw, 55px); text-align: center; } .smil-section-label { width: fit-content; margin: 0 auto 16px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; text-align: center; } .smil-diagnosis__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-align: center; text-wrap: balance; } .smil-diagnosis__title span { color: var(--smil-orange); } .smil-diagnosis__answer { max-width: 850px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-diagnosis__answer strong { color: var(--smil-title); font-weight: 850; } .smil-diagnosis__supporting { max-width: 800px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= CONTENITORE DELLA TABELLA ========================================================= */ .smil-table-card { width: 100%; overflow-x: auto; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 22px; box-shadow: var(--smil-shadow); scrollbar-width: thin; scrollbar-color: var(--smil-teal) var(--smil-page-soft); } .smil-table-card:focus-visible { outline: 3px solid rgba(0, 140, 131, 0.26); outline-offset: 5px; } /* ========================================================= TABELLA ========================================================= */ .smil-noise-table { width: 100%; min-width: 900px; border-collapse: separate; border-spacing: 0; color: var(--smil-text); background: var(--smil-white); } .smil-noise-table caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* TESTATA */ .smil-noise-table thead { color: var(--smil-white); background: linear-gradient( 95deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); } .smil-noise-table thead th { padding: 21px 24px; border: 0; font-size: 0.87rem; font-weight: 850; letter-spacing: 0.015em; line-height: 1.35; text-align: left; } .smil-noise-table thead th:first-child { width: 34%; border-top-left-radius: 21px; } .smil-noise-table thead th:nth-child(2) { width: 30%; } .smil-noise-table thead th:last-child { width: 36%; border-top-right-radius: 21px; } /* RIGHE */ .smil-noise-table tbody tr { transition: background-color 180ms ease, box-shadow 180ms ease; } .smil-noise-table tbody tr:nth-child(even) { background: rgba(240, 248, 249, 0.68); } .smil-noise-table tbody tr:hover { background: rgba(227, 245, 246, 0.76); } .smil-noise-table tbody td { padding: 23px 24px; border: 0; border-bottom: 1px solid var(--smil-border); vertical-align: middle; font-size: 0.9rem; line-height: 1.56; } .smil-noise-table tbody tr:last-child td { border-bottom: 0; } .smil-noise-table tbody tr:last-child td:first-child { border-bottom-left-radius: 21px; } .smil-noise-table tbody tr:last-child td:last-child { border-bottom-right-radius: 21px; } /* ========================================================= PRIMA COLONNA: PROBLEMA ========================================================= */ .smil-noise-table__problem { display: flex; align-items: flex-start; gap: 14px; } .smil-noise-table__icon { flex: 0 0 40px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.25); font-size: 0.77rem; font-weight: 900; line-height: 1; } .smil-noise-table__problem strong { display: block; margin-bottom: 5px; color: var(--smil-title); font-size: 0.95rem; font-weight: 850; line-height: 1.37; } .smil-noise-table__problem span:not(.smil-noise-table__icon) { display: block; color: var(--smil-muted); font-size: 0.78rem; line-height: 1.45; } /* ========================================================= TERZA COLONNA: LINK ALLA SOLUZIONE ========================================================= */ .smil-solution-link { display: inline-flex; align-items: center; gap: 7px; color: var(--smil-teal) !important; font-size: 0.92rem; font-weight: 850; line-height: 1.4; text-decoration: none !important; transition: color 180ms ease, transform 180ms ease; } .smil-solution-link:hover { color: var(--smil-orange-dark) !important; } .smil-solution-link span { color: var(--smil-orange); font-size: 1.08rem; line-height: 1; transition: transform 180ms ease; } .smil-solution-link:hover span { transform: translateX(4px); } .smil-solution-link:focus-visible { outline: 3px solid rgba(255, 133, 0, 0.25); outline-offset: 4px; border-radius: 4px; } .smil-noise-table td small { display: block; margin-top: 7px; color: var(--smil-muted); font-size: 0.76rem; line-height: 1.46; } /* ========================================================= NOTA INFORMATIVA FINALE ========================================================= */ .smil-diagnosis__note { margin-top: 28px; padding: 23px 26px; display: grid; grid-template-columns: auto 1fr; align-items: flex-start; gap: 17px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-diagnosis__note-icon { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd44f; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 1.1rem; font-weight: 950; line-height: 1; } .smil-diagnosis__note-content h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.02rem, 1.6vw, 1.2rem); font-weight: 900; line-height: 1.3; } .smil-diagnosis__note-content p { margin: 0; color: var(--smil-text); font-size: 0.88rem; line-height: 1.6; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-diagnosis { padding: clamp(55px, 7vw, 80px) 0; } .smil-table-card { border-radius: 18px; } .smil-noise-table thead th { padding: 18px 19px; } .smil-noise-table tbody td { padding: 20px 19px; } } /* ========================================================= SMARTPHONE TABELLA TRASFORMATA IN SCHEDE ========================================================= */ @media (max-width: 720px) { .smil-diagnosis__container { width: min(100% - 28px, 1160px); } .smil-diagnosis__header { margin-bottom: 31px; } .smil-section-label { padding: 7px 12px; font-size: 0.68rem; } .smil-diagnosis__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-diagnosis__answer { font-size: 0.97rem; line-height: 1.62; } .smil-diagnosis__supporting { font-size: 0.87rem; } .smil-table-card { overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .smil-noise-table { min-width: 0; display: block; background: transparent; } .smil-noise-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } .smil-noise-table tbody { display: grid; gap: 17px; } .smil-noise-table tbody tr { display: block; overflow: hidden; background: var(--smil-white) !important; border: 1px solid var(--smil-border); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-noise-table tbody td { display: grid; grid-template-columns: 1fr; gap: 7px; width: 100%; padding: 17px 18px; border: 0; border-bottom: 1px solid var(--smil-border); font-size: 0.86rem; } .smil-noise-table tbody td::before { content: attr(data-label); color: var(--smil-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; } .smil-noise-table tbody td:last-child { border-bottom: 0; } .smil-noise-table tbody tr:last-child td:first-child, .smil-noise-table tbody tr:last-child td:last-child { border-radius: 0; } .smil-noise-table__problem { gap: 12px; } .smil-noise-table__icon { flex-basis: 37px; width: 37px; height: 37px; } .smil-diagnosis__note { margin-top: 21px; padding: 19px 18px; grid-template-columns: 1fr; gap: 12px; } .smil-diagnosis__note-icon { width: 36px; height: 36px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-noise-table tbody tr, .smil-solution-link, .smil-solution-link span { transition: none; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 3 PROBLEMI DI RUMORE NELLE ABITAZIONI ========================================================= */ .smil-problems, .smil-problems * { box-sizing: border-box; } .smil-problems { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 15%, rgba(255, 221, 154, 0.31), transparent 27% ), radial-gradient( circle at 96% 12%, rgba(147, 225, 228, 0.29), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 48%, var(--smil-aqua-soft) 100% ); } .smil-problems__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-problems__header { max-width: 920px; margin: 0 auto clamp(38px, 5vw, 58px); text-align: center; } .smil-problems__label { width: fit-content; margin: 0 auto 16px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-problems__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-problems__title span { display: inline; color: var(--smil-orange); } .smil-problems__answer { max-width: 870px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-problems__answer strong { color: var(--smil-title); font-weight: 850; } .smil-problems__supporting { max-width: 810px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= GRIGLIA DELLE SCHEDE ========================================================= */ .smil-problems__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } /* ========================================================= SCHEDA PROBLEMA ========================================================= */ .smil-problem-card { --smil-card-accent: var(--smil-teal); position: relative; min-width: 0; padding: 27px 27px 25px; display: flex; flex-direction: column; overflow: hidden; background: rgba(255, 255, 255, 0.96); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-card-accent); border-radius: 20px; box-shadow: var(--smil-shadow-small); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .smil-problem-card:nth-child(2) { --smil-card-accent: var(--smil-blue-light); } .smil-problem-card:nth-child(3) { --smil-card-accent: var(--smil-orange); } .smil-problem-card:nth-child(4) { --smil-card-accent: var(--smil-green); } .smil-problem-card:nth-child(5) { --smil-card-accent: var(--smil-blue); } .smil-problem-card:hover { transform: translateY(-4px); border-color: rgba(7, 91, 137, 0.20); box-shadow: 0 19px 40px rgba(7, 59, 92, 0.16); } .smil-problem-card--wide { grid-column: 1 / -1; } /* DECORAZIONE */ .smil-problem-card::after { content: ""; position: absolute; width: 105px; height: 105px; top: -44px; right: -39px; background: var(--smil-card-accent); border-radius: 50%; opacity: 0.08; pointer-events: none; } /* ========================================================= PARTE SUPERIORE DELLA SCHEDA ========================================================= */ .smil-problem-card__top { margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .smil-problem-card__number { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-card-accent); border-radius: 12px; box-shadow: 0 7px 16px rgba(7, 59, 92, 0.16); font-size: 0.79rem; font-weight: 900; line-height: 1; } .smil-problem-card__category { display: inline-flex; align-items: center; padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.69rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.25; text-transform: uppercase; } /* ========================================================= TESTI DELLA SCHEDA ========================================================= */ .smil-problem-card__title { margin: 0 0 13px; color: var(--smil-title); font-size: clamp(1.12rem, 1.8vw, 1.37rem); font-weight: 900; letter-spacing: -0.015em; line-height: 1.3; } .smil-problem-card__answer { margin: 0 0 21px; color: var(--smil-text); font-size: 0.92rem; line-height: 1.62; } /* ========================================================= DETTAGLI SEMANTICI ========================================================= */ .smil-problem-card__details { margin: 0 0 23px; display: grid; gap: 0; } .smil-problem-card__details > div { padding: 13px 0; display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-problem-card__details > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-problem-card__details dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.4; text-transform: uppercase; } .smil-problem-card__details dd { margin: 0; color: var(--smil-muted); font-size: 0.82rem; line-height: 1.52; } /* ========================================================= LINK DI APPROFONDIMENTO ========================================================= */ .smil-problem-card__link { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--smil-card-accent) !important; font-size: 0.86rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; transition: color 180ms ease, transform 180ms ease; } .smil-problem-card__link:hover { color: var(--smil-orange-dark) !important; } .smil-problem-card__link span { color: var(--smil-orange); font-size: 1.08rem; line-height: 1; transition: transform 180ms ease; } .smil-problem-card__link:hover span { transform: translateX(4px); } .smil-problem-card__link:focus-visible { outline: 3px solid rgba(255, 133, 0, 0.24); outline-offset: 4px; border-radius: 4px; } /* ========================================================= CONCLUSIONE E CTA ========================================================= */ .smil-problems__conclusion { margin-top: 29px; padding: 25px 27px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 19px; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-problems__conclusion-icon { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.2rem; font-weight: 950; line-height: 1; } .smil-problems__conclusion-content h3 { margin: 0 0 7px; color: var(--smil-white); font-size: clamp(1.05rem, 1.7vw, 1.26rem); font-weight: 900; line-height: 1.3; } .smil-problems__conclusion-content p { margin: 0; color: rgba(255, 255, 255, 0.88); font-size: 0.86rem; line-height: 1.58; } .smil-problems__cta { min-height: 51px; padding: 13px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 2px solid var(--smil-orange); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.84rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-problems__cta:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } .smil-problems__cta span { font-size: 1.05rem; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-problems__conclusion { grid-template-columns: auto minmax(0, 1fr); } .smil-problems__cta { grid-column: 1 / -1; width: 100%; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-problems { padding: clamp(55px, 12vw, 75px) 0; } .smil-problems__container { width: min(100% - 28px, 1160px); } .smil-problems__header { margin-bottom: 31px; } .smil-problems__label { padding: 7px 12px; font-size: 0.68rem; } .smil-problems__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-problems__answer { font-size: 0.97rem; line-height: 1.62; } .smil-problems__supporting { font-size: 0.87rem; } .smil-problems__grid { grid-template-columns: 1fr; gap: 17px; } .smil-problem-card--wide { grid-column: auto; } .smil-problem-card { padding: 22px 19px 21px; border-radius: 17px; } .smil-problem-card__top { align-items: flex-start; } .smil-problem-card__category { text-align: center; } .smil-problem-card__details > div { grid-template-columns: 1fr; gap: 5px; padding: 12px 0; } .smil-problem-card__details dt { font-size: 0.68rem; } .smil-problem-card__details dd { font-size: 0.80rem; } .smil-problems__conclusion { padding: 21px 19px; grid-template-columns: 1fr; gap: 13px; text-align: left; } .smil-problems__conclusion-icon { width: 40px; height: 40px; } .smil-problems__cta { grid-column: auto; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-problem-card, .smil-problem-card__link, .smil-problem-card__link span, .smil-problems__cta { transition: none; } .smil-problem-card:hover, .smil-problems__cta:hover { transform: none; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 3A RUMORI AEREI ========================================================= */ .smil-airborne, .smil-airborne * { box-sizing: border-box; } .smil-airborne { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-airborne__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-airborne__header { max-width: 920px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-airborne__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; text-align: center; } .smil-airborne__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-align: center; text-wrap: balance; } .smil-airborne__title span { color: var(--smil-orange); } .smil-airborne__answer { max-width: 850px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-airborne__answer strong { color: var(--smil-title); font-weight: 850; } .smil-airborne__supporting { max-width: 810px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-airborne__journey { margin-bottom: 27px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-airborne__journey-step { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-airborne__journey-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-airborne__journey-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-airborne__journey-step span:not(.smil-airborne__journey-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-airborne__journey-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= GRIGLIA ========================================================= */ .smil-airborne__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-airborne-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-airborne-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-airborne-card--solutions { grid-column: 1 / -1; border-top-color: var(--smil-orange); } .smil-airborne-card::after { content: ""; position: absolute; width: 105px; height: 105px; top: -48px; right: -43px; background: var(--smil-teal); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-airborne-card:nth-child(2)::after { background: var(--smil-blue-light); } .smil-airborne-card--solutions::after { background: var(--smil-orange); } /* ========================================================= TITOLI DELLE SCHEDE ========================================================= */ .smil-airborne-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-airborne-card__icon { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-airborne-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; letter-spacing: -0.012em; line-height: 1.3; } .smil-airborne-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } /* ========================================================= ELENCO RUMORI ========================================================= */ .smil-airborne-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-airborne-card__list li { position: relative; min-height: 50px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.79rem; font-weight: 750; line-height: 1.4; } .smil-airborne-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; line-height: 1; } /* ========================================================= PERCORSI DI TRASMISSIONE ========================================================= */ .smil-airborne-card__routes { margin: 0; display: grid; gap: 0; } .smil-airborne-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-airborne-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-airborne-card__routes dt { color: var(--smil-teal); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-airborne-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= SOLUZIONI ========================================================= */ .smil-airborne-solutions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-airborne-solution { position: relative; min-height: 112px; padding: 17px 48px 17px 18px; display: flex; flex-direction: column; justify-content: center; gap: 5px; color: inherit !important; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 14px; text-decoration: none !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-airborne-solution:hover { transform: translateY(-3px); background: var(--smil-white); border-color: rgba(0, 140, 131, 0.34); box-shadow: var(--smil-shadow-small); } .smil-airborne-solution__name { color: var(--smil-title); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-airborne-solution__description { color: var(--smil-muted); font-size: 0.78rem; line-height: 1.48; } .smil-airborne-solution__arrow { position: absolute; top: 50%; right: 18px; color: var(--smil-orange); font-size: 1.2rem; font-weight: 900; transform: translateY(-50%); transition: transform 180ms ease; } .smil-airborne-solution:hover .smil-airborne-solution__arrow { transform: translate(4px, -50%); } /* ========================================================= NOTA TECNICA FINALE ========================================================= */ .smil-airborne__insight { margin-top: 27px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-airborne__insight-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-airborne__insight-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-airborne__insight-content p { margin: 0; color: var(--smil-text); font-size: 0.85rem; line-height: 1.58; } .smil-airborne__cta { min-height: 50px; padding: 13px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 2px solid var(--smil-orange); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.82rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-airborne__cta:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-airborne__journey { grid-template-columns: 1fr; gap: 12px; } .smil-airborne__journey-arrow { display: none; } .smil-airborne__journey-step { padding: 5px 0; } .smil-airborne__insight { grid-template-columns: auto minmax(0, 1fr); } .smil-airborne__cta { grid-column: 1 / -1; width: 100%; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-airborne { padding: clamp(54px, 12vw, 74px) 0; } .smil-airborne__container { width: min(100% - 28px, 1160px); } .smil-airborne__header { margin-bottom: 30px; } .smil-airborne__label { padding: 7px 12px; font-size: 0.67rem; } .smil-airborne__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-airborne__answer { font-size: 0.96rem; line-height: 1.62; } .smil-airborne__supporting { font-size: 0.86rem; } .smil-airborne__journey { padding: 18px; border-radius: 16px; } .smil-airborne__grid { grid-template-columns: 1fr; gap: 17px; } .smil-airborne-card--solutions { grid-column: auto; } .smil-airborne-card { padding: 22px 19px; border-radius: 17px; } .smil-airborne-card__list { grid-template-columns: 1fr; } .smil-airborne-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-airborne-solutions { grid-template-columns: 1fr; } .smil-airborne__insight { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-airborne__cta { grid-column: auto; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-airborne-solution, .smil-airborne-solution__arrow, .smil-airborne__cta { transition: none; } .smil-airborne-solution:hover, .smil-airborne__cta:hover { transform: none; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 3B RUMORI DA IMPATTO ========================================================= */ .smil-impact, .smil-impact * { box-sizing: border-box; } .smil-impact { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: radial-gradient( circle at 6% 14%, rgba(255, 221, 154, 0.29), transparent 27% ), radial-gradient( circle at 95% 15%, rgba(147, 225, 228, 0.27), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-impact__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-impact__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-impact__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; text-align: center; } .smil-impact__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-align: center; text-wrap: balance; } .smil-impact__title span { color: var(--smil-orange); } .smil-impact__answer { max-width: 870px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-impact__answer strong { color: var(--smil-title); font-weight: 850; } .smil-impact__supporting { max-width: 825px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= CONFRONTO SOPRA / SOTTO ========================================================= */ .smil-impact__comparison { margin-bottom: 27px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 17px; } .smil-impact-option { position: relative; padding: 25px 25px 23px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-impact-option--source { border-top: 5px solid var(--smil-green); } .smil-impact-option--below { border-top: 5px solid var(--smil-blue-light); } .smil-impact-option::after { content: ""; position: absolute; width: 100px; height: 100px; top: -47px; right: -40px; border-radius: 50%; opacity: 0.08; pointer-events: none; } .smil-impact-option--source::after { background: var(--smil-green); } .smil-impact-option--below::after { background: var(--smil-blue-light); } .smil-impact-option__badge { display: inline-flex; margin-bottom: 14px; padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.3; text-transform: uppercase; } .smil-impact-option h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.08rem, 1.8vw, 1.32rem); font-weight: 900; line-height: 1.3; } .smil-impact-option p { margin: 0 0 16px; color: var(--smil-text); font-size: 0.88rem; line-height: 1.58; } .smil-impact-option__solution { display: block; color: var(--smil-teal); font-size: 0.82rem; font-weight: 900; line-height: 1.45; } .smil-impact__comparison-symbol { align-self: center; padding: 9px 12px; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 999px; box-shadow: var(--smil-orange-shadow); font-size: 0.69rem; font-weight: 900; line-height: 1.2; text-transform: uppercase; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-impact__journey { margin-bottom: 27px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-impact__journey-step { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-impact__journey-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-impact__journey-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-impact__journey-step span:not(.smil-impact__journey-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-impact__journey-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-impact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-impact-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-orange); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-impact-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-impact-card--solutions { grid-column: 1 / -1; border-top-color: var(--smil-teal); } .smil-impact-card::after { content: ""; position: absolute; width: 105px; height: 105px; top: -48px; right: -43px; background: var(--smil-orange); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-impact-card:nth-child(2)::after { background: var(--smil-blue-light); } .smil-impact-card--solutions::after { background: var(--smil-teal); } /* ========================================================= TITOLI DELLE SCHEDE ========================================================= */ .smil-impact-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-impact-card__icon { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-impact-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; letter-spacing: -0.012em; line-height: 1.3; } .smil-impact-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } /* ========================================================= ELENCO RUMORI ========================================================= */ .smil-impact-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-impact-card__list li { position: relative; min-height: 50px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.79rem; font-weight: 750; line-height: 1.4; } .smil-impact-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; line-height: 1; } /* ========================================================= PERCORSI STRUTTURALI ========================================================= */ .smil-impact-card__routes { margin: 0; display: grid; gap: 0; } .smil-impact-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-impact-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-impact-card__routes dt { color: var(--smil-teal); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-impact-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= SOLUZIONI ========================================================= */ .smil-impact-solutions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .smil-impact-solution { position: relative; min-height: 150px; padding: 18px 47px 18px 18px; display: flex; flex-direction: column; justify-content: center; gap: 6px; color: inherit !important; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 14px; text-decoration: none !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-impact-solution:hover { transform: translateY(-3px); background: var(--smil-white); border-color: rgba(0, 140, 131, 0.34); box-shadow: var(--smil-shadow-small); } .smil-impact-solution__tag { width: fit-content; padding: 5px 8px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.25; text-transform: uppercase; } .smil-impact-solution__name { color: var(--smil-title); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-impact-solution__description { color: var(--smil-muted); font-size: 0.77rem; line-height: 1.47; } .smil-impact-solution__arrow { position: absolute; top: 50%; right: 17px; color: var(--smil-orange); font-size: 1.2rem; font-weight: 900; transform: translateY(-50%); transition: transform 180ms ease; } .smil-impact-solution:hover .smil-impact-solution__arrow { transform: translate(4px, -50%); } /* ========================================================= NOTA TECNICA FINALE ========================================================= */ .smil-impact__insight { margin-top: 27px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-impact__insight-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-impact__insight-content h4 { margin: 0 0 7px; color: var(--smil-white); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-impact__insight-content p { margin: 0; color: rgba(255, 255, 255, 0.87); font-size: 0.85rem; line-height: 1.58; } .smil-impact__cta { min-height: 50px; padding: 13px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 2px solid var(--smil-orange); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.82rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-impact__cta:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-impact__comparison { grid-template-columns: 1fr; } .smil-impact__comparison-symbol { justify-self: center; } .smil-impact__journey { grid-template-columns: 1fr; gap: 12px; } .smil-impact__journey-arrow { display: none; } .smil-impact__journey-step { padding: 5px 0; } .smil-impact-solutions { grid-template-columns: 1fr; } .smil-impact__insight { grid-template-columns: auto minmax(0, 1fr); } .smil-impact__cta { grid-column: 1 / -1; width: 100%; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-impact { padding: clamp(54px, 12vw, 74px) 0; } .smil-impact__container { width: min(100% - 28px, 1160px); } .smil-impact__header { margin-bottom: 30px; } .smil-impact__label { padding: 7px 12px; font-size: 0.67rem; } .smil-impact__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-impact__answer { font-size: 0.96rem; line-height: 1.62; } .smil-impact__supporting { font-size: 0.86rem; } .smil-impact-option { padding: 21px 19px; border-radius: 16px; } .smil-impact__journey { padding: 18px; border-radius: 16px; } .smil-impact__grid { grid-template-columns: 1fr; gap: 17px; } .smil-impact-card--solutions { grid-column: auto; } .smil-impact-card { padding: 22px 19px; border-radius: 17px; } .smil-impact-card__list { grid-template-columns: 1fr; } .smil-impact-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-impact__insight { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-impact__cta { grid-column: auto; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-impact-solution, .smil-impact-solution__arrow, .smil-impact__cta { transition: none; } .smil-impact-solution:hover, .smil-impact__cta:hover { transform: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 3C VIBRAZIONI STRUTTURALI IN CASA ========================================================= */ .smil-vibrations, .smil-vibrations * { box-sizing: border-box; } .smil-vibrations { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-vibrations__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-vibrations__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-vibrations__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; text-align: center; } .smil-vibrations__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-align: center; text-wrap: balance; } .smil-vibrations__title span { color: var(--smil-orange); } .smil-vibrations__answer { max-width: 870px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-vibrations__answer strong { color: var(--smil-title); font-weight: 850; } .smil-vibrations__supporting { max-width: 825px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= CONFRONTO FRA LE TRE TIPOLOGIE ========================================================= */ .smil-vibrations__comparison { margin-bottom: 27px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .smil-vibration-type { position: relative; min-width: 0; padding: 23px 22px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-blue-light); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-vibration-type:nth-child(2) { border-top-color: var(--smil-orange); } .smil-vibration-type--active { border-top-color: var(--smil-teal); background: linear-gradient( 135deg, var(--smil-white) 0%, var(--smil-aqua-soft) 100% ); } .smil-vibration-type__number { width: 39px; height: 39px; margin-bottom: 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-blue) 0%, var(--smil-teal-light) 100% ); border-radius: 11px; font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-vibration-type:nth-child(2) .smil-vibration-type__number { background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); } .smil-vibration-type h4 { margin: 0 0 9px; color: var(--smil-title); font-size: 1.04rem; font-weight: 900; line-height: 1.3; } .smil-vibration-type p { margin: 0 0 14px; color: var(--smil-text); font-size: 0.84rem; line-height: 1.57; } .smil-vibration-type__example { display: block; color: var(--smil-teal); font-size: 0.73rem; font-weight: 850; line-height: 1.4; } /* ========================================================= PERCORSO DELLA VIBRAZIONE ========================================================= */ .smil-vibrations__journey { margin-bottom: 27px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-vibrations__journey-step { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-vibrations__journey-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-vibrations__journey-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-vibrations__journey-step span:not(.smil-vibrations__journey-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-vibrations__journey-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-vibrations__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-vibrations-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-vibrations-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-vibrations-card--checks { border-top-color: var(--smil-orange); } .smil-vibrations-card--solutions { border-top-color: var(--smil-green); } .smil-vibrations-card::after { content: ""; position: absolute; width: 105px; height: 105px; top: -48px; right: -43px; background: var(--smil-teal); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-vibrations-card:nth-child(2)::after { background: var(--smil-blue-light); } .smil-vibrations-card--checks::after { background: var(--smil-orange); } .smil-vibrations-card--solutions::after { background: var(--smil-green); } /* ========================================================= TITOLI DELLE SCHEDE ========================================================= */ .smil-vibrations-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-vibrations-card__icon { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-vibrations-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; letter-spacing: -0.012em; line-height: 1.3; } .smil-vibrations-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } /* ========================================================= ELENCO DEI SEGNALI ========================================================= */ .smil-vibrations-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-vibrations-card__list li { position: relative; min-height: 50px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.79rem; font-weight: 750; line-height: 1.4; } .smil-vibrations-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; line-height: 1; } /* ========================================================= PERCORSI ========================================================= */ .smil-vibrations-card__routes { margin: 0; display: grid; gap: 0; } .smil-vibrations-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-vibrations-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-vibrations-card__routes dt { color: var(--smil-teal); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-vibrations-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= CONTROLLI PRELIMINARI ========================================================= */ .smil-vibrations-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-vibrations-check { padding: 14px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 12px; } .smil-vibrations-check strong { display: block; margin-bottom: 5px; color: var(--smil-title); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-vibrations-check span { display: block; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.48; } /* ========================================================= SOLUZIONI ========================================================= */ .smil-vibrations-solutions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-vibrations-solution { position: relative; min-height: 150px; padding: 18px 47px 18px 18px; display: flex; flex-direction: column; justify-content: center; gap: 6px; color: inherit !important; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 14px; text-decoration: none !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-vibrations-solution:hover { transform: translateY(-3px); background: var(--smil-white); border-color: rgba(0, 140, 131, 0.34); box-shadow: var(--smil-shadow-small); } .smil-vibrations-solution__tag { width: fit-content; padding: 5px 8px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.25; text-transform: uppercase; } .smil-vibrations-solution__name { color: var(--smil-title); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-vibrations-solution__description { color: var(--smil-muted); font-size: 0.77rem; line-height: 1.47; } .smil-vibrations-solution__arrow { position: absolute; top: 50%; right: 17px; color: var(--smil-orange); font-size: 1.2rem; font-weight: 900; transform: translateY(-50%); transition: transform 180ms ease; } .smil-vibrations-solution:hover .smil-vibrations-solution__arrow { transform: translate(4px, -50%); } /* ========================================================= NOTA TECNICA FINALE ========================================================= */ .smil-vibrations__insight { margin-top: 27px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-vibrations__insight-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-vibrations__insight-content h4 { margin: 0 0 7px; color: var(--smil-white); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-vibrations__insight-content p { margin: 0; color: rgba(255, 255, 255, 0.87); font-size: 0.85rem; line-height: 1.58; } .smil-vibrations__cta { min-height: 50px; padding: 13px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 2px solid var(--smil-orange); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.82rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-vibrations__cta:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-vibrations__comparison { grid-template-columns: 1fr; } .smil-vibrations__journey { grid-template-columns: 1fr; gap: 12px; } .smil-vibrations__journey-arrow { display: none; } .smil-vibrations__journey-step { padding: 5px 0; } .smil-vibrations__insight { grid-template-columns: auto minmax(0, 1fr); } .smil-vibrations__cta { grid-column: 1 / -1; width: 100%; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-vibrations { padding: clamp(54px, 12vw, 74px) 0; } .smil-vibrations__container { width: min(100% - 28px, 1160px); } .smil-vibrations__header { margin-bottom: 30px; } .smil-vibrations__label { padding: 7px 12px; font-size: 0.67rem; } .smil-vibrations__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-vibrations__answer { font-size: 0.96rem; line-height: 1.62; } .smil-vibrations__supporting { font-size: 0.86rem; } .smil-vibrations__journey { padding: 18px; border-radius: 16px; } .smil-vibrations__grid { grid-template-columns: 1fr; gap: 17px; } .smil-vibrations-card { padding: 22px 19px; border-radius: 17px; } .smil-vibrations-card__list { grid-template-columns: 1fr; } .smil-vibrations-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-vibrations-checks { grid-template-columns: 1fr; } .smil-vibrations-solutions { grid-template-columns: 1fr; } .smil-vibrations__insight { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-vibrations__cta { grid-column: auto; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-vibrations-solution, .smil-vibrations-solution__arrow, .smil-vibrations__cta { transition: none; } .smil-vibrations-solution:hover, .smil-vibrations__cta:hover { transform: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4 SOLUZIONI DI ISOLAMENTO ACUSTICO ========================================================= */ .smil-solutions, .smil-solutions * { box-sizing: border-box; } .smil-solutions { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 10%, rgba(255, 221, 154, 0.31), transparent 28% ), radial-gradient( circle at 96% 12%, rgba(147, 225, 228, 0.31), transparent 31% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-solutions__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-solutions__header { max-width: 930px; margin: 0 auto clamp(37px, 5vw, 55px); text-align: center; } .smil-solutions__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-solutions__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-solutions__title span { color: var(--smil-orange); } .smil-solutions__answer { max-width: 870px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-solutions__answer strong { color: var(--smil-title); font-weight: 850; } .smil-solutions__supporting { max-width: 810px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= PRINCIPIO DI PROGETTAZIONE ========================================================= */ .smil-solutions__principle { margin-bottom: 28px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-solutions__principle-item { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-solutions__principle-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-solutions__principle-item strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-solutions__principle-item span:not(.smil-solutions__principle-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-solutions__principle-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= GRIGLIA DELLE SOLUZIONI ========================================================= */ .smil-solutions__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } /* ========================================================= SCHEDA SOLUZIONE ========================================================= */ .smil-solution-card { --smil-solution-accent: var(--smil-teal); position: relative; min-width: 0; padding: 27px 27px 25px; display: flex; flex-direction: column; overflow: hidden; background: rgba(255, 255, 255, 0.97); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-solution-accent); border-radius: 20px; box-shadow: var(--smil-shadow-small); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .smil-solution-card:hover { transform: translateY(-4px); border-color: rgba(7, 91, 137, 0.20); box-shadow: 0 20px 42px rgba(7, 59, 92, 0.16); } .smil-solution-card--walls { --smil-solution-accent: var(--smil-teal); } .smil-solution-card--ceiling { --smil-solution-accent: var(--smil-blue-light); } .smil-solution-card--floor { --smil-solution-accent: var(--smil-orange); } .smil-solution-card--windows { --smil-solution-accent: var(--smil-green); } .smil-solution-card--room { --smil-solution-accent: var(--smil-blue); } .smil-solution-card--wide { grid-column: 1 / -1; } .smil-solution-card::after { content: ""; position: absolute; width: 118px; height: 118px; top: -52px; right: -45px; background: var(--smil-solution-accent); border-radius: 50%; opacity: 0.075; pointer-events: none; } /* ========================================================= TESTATA DELLA SCHEDA ========================================================= */ .smil-solution-card__top { margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .smil-solution-card__number { width: 43px; height: 43px; flex: 0 0 43px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-solution-accent); border-radius: 12px; box-shadow: 0 7px 16px rgba(7, 59, 92, 0.16); font-size: 0.78rem; font-weight: 900; line-height: 1; } .smil-solution-card__category { display: inline-flex; align-items: center; padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.67rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.25; text-align: center; text-transform: uppercase; } /* ========================================================= TESTI ========================================================= */ .smil-solution-card__title { margin: 0 0 13px; color: var(--smil-title); font-size: clamp(1.18rem, 1.9vw, 1.45rem); font-weight: 900; letter-spacing: -0.017em; line-height: 1.28; } .smil-solution-card__direct { margin: 0 0 21px; color: var(--smil-text); font-size: 0.91rem; line-height: 1.63; } .smil-solution-card__direct strong { color: var(--smil-title); font-weight: 850; } /* ========================================================= DETTAGLI DELLA SOLUZIONE ========================================================= */ .smil-solution-card__details { margin-bottom: 23px; display: grid; gap: 0; } .smil-solution-card__details > div { padding: 13px 0; display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-solution-card__details > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-solution-card__detail-label { color: var(--smil-teal); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.4; text-transform: uppercase; } .smil-solution-card__details p { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= LINK ========================================================= */ .smil-solution-card__link { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--smil-solution-accent) !important; font-size: 0.86rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; transition: color 180ms ease, transform 180ms ease; } .smil-solution-card__link:hover { color: var(--smil-orange-dark) !important; } .smil-solution-card__link span { color: var(--smil-orange); font-size: 1.08rem; line-height: 1; transition: transform 180ms ease; } .smil-solution-card__link:hover span { transform: translateX(4px); } .smil-solution-card__link:focus-visible { outline: 3px solid rgba(255, 133, 0, 0.24); outline-offset: 4px; border-radius: 4px; } /* ========================================================= STANZA COMPLETA ========================================================= */ .smil-solution-card__wide-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr); align-items: center; gap: 36px; } .smil-solution-card__wide-intro { min-width: 0; } .smil-solution-card__room-surfaces { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-solution-card__room-surfaces > div { min-height: 105px; padding: 16px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-solution-card__room-surfaces strong { color: var(--smil-title); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-solution-card__room-surfaces span { color: var(--smil-muted); font-size: 0.76rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA FINALE ========================================================= */ .smil-solutions__insight { margin-top: 29px; padding: 25px 27px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 19px; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-solutions__insight-symbol { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.2rem; font-weight: 950; line-height: 1; } .smil-solutions__insight-content h3 { margin: 0 0 7px; color: var(--smil-white); font-size: clamp(1.05rem, 1.7vw, 1.25rem); font-weight: 900; line-height: 1.3; } .smil-solutions__insight-content p { margin: 0; color: rgba(255, 255, 255, 0.88); font-size: 0.86rem; line-height: 1.58; } .smil-solutions__cta { min-height: 51px; padding: 13px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 2px solid var(--smil-orange); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.84rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-solutions__cta:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(255, 133, 0, 0.37); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-solutions__principle { grid-template-columns: 1fr; gap: 12px; } .smil-solutions__principle-arrow { display: none; } .smil-solutions__principle-item { padding: 5px 0; } .smil-solution-card__wide-layout { grid-template-columns: 1fr; gap: 25px; } .smil-solutions__insight { grid-template-columns: auto minmax(0, 1fr); } .smil-solutions__cta { grid-column: 1 / -1; width: 100%; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-solutions { padding: clamp(55px, 12vw, 75px) 0; } .smil-solutions__container { width: min(100% - 28px, 1160px); } .smil-solutions__header { margin-bottom: 31px; } .smil-solutions__label { padding: 7px 12px; font-size: 0.68rem; } .smil-solutions__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-solutions__answer { font-size: 0.97rem; line-height: 1.62; } .smil-solutions__supporting { font-size: 0.87rem; } .smil-solutions__principle { padding: 18px; border-radius: 16px; } .smil-solutions__grid { grid-template-columns: 1fr; gap: 17px; } .smil-solution-card--wide { grid-column: auto; } .smil-solution-card { padding: 22px 19px 21px; border-radius: 17px; } .smil-solution-card__top { align-items: flex-start; } .smil-solution-card__category { max-width: 68%; } .smil-solution-card__details > div { grid-template-columns: 1fr; gap: 5px; padding: 12px 0; } .smil-solution-card__room-surfaces { grid-template-columns: 1fr; } .smil-solution-card__room-surfaces > div { min-height: auto; } .smil-solutions__insight { padding: 21px 19px; grid-template-columns: 1fr; gap: 13px; } .smil-solutions__cta { grid-column: auto; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-solution-card, .smil-solution-card__link, .smil-solution-card__link span, .smil-solutions__cta { transition: none; } .smil-solution-card:hover, .smil-solutions__cta:hover { transform: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4A ISOLAMENTO ACUSTICO DELLE PARETI ========================================================= */ .smil-walls, .smil-walls * { box-sizing: border-box; } .smil-walls { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-walls__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-walls__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-walls__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-walls__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-wrap: balance; } .smil-walls__title span { color: var(--smil-orange); } .smil-walls__answer { max-width: 875px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-walls__answer strong { color: var(--smil-title); font-weight: 850; } .smil-walls__supporting { max-width: 825px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= SCHEDA RAPIDA ========================================================= */ .smil-walls__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-walls__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-walls__summary-item + .smil-walls__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-walls__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-walls__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-walls__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= PRIME DUE SCHEDE ========================================================= */ .smil-walls__content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-walls-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-walls-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-walls-card::after { content: ""; position: absolute; width: 108px; height: 108px; top: -49px; right: -44px; background: var(--smil-teal); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-walls-card:nth-child(2)::after { background: var(--smil-blue-light); } .smil-walls-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-walls-card__number { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-walls-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; letter-spacing: -0.012em; line-height: 1.3; } .smil-walls-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } /* ========================================================= ELENCO DEI RUMORI ========================================================= */ .smil-walls-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-walls-card__list li { position: relative; min-height: 53px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.78rem; font-weight: 750; line-height: 1.4; } .smil-walls-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; line-height: 1; } /* ========================================================= PERCORSI LATERALI ========================================================= */ .smil-walls-card__routes { margin: 0; display: grid; } .smil-walls-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-walls-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-walls-card__routes dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-walls-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= SISTEMA CONTROPARETE ========================================================= */ .smil-walls__system { margin-top: 22px; padding: 29px 28px; background: radial-gradient( circle at 92% 10%, rgba(147, 225, 228, 0.27), transparent 32% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-walls__system-header { max-width: 850px; margin-bottom: 24px; } .smil-walls__system-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-walls__system-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-walls__system-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-walls__layers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-walls-layer { min-width: 0; min-height: 190px; padding: 17px 15px; display: flex; flex-direction: column; gap: 7px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-walls-layer__number { width: 34px; height: 34px; margin-bottom: 3px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.73rem; font-weight: 900; } .smil-walls-layer strong { color: var(--smil-title); font-size: 0.84rem; font-weight: 900; line-height: 1.35; } .smil-walls-layer p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= FATTORI CHE DETERMINANO IL RISULTATO ========================================================= */ .smil-walls__factors { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-walls__factors-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-walls__factors-intro h4 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-walls__factors-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-walls__factors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-walls-factor { min-width: 0; padding: 13px 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-walls-factor strong { display: block; margin-bottom: 4px; color: #ffd34d; font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-walls-factor span { display: block; color: rgba(255, 255, 255, 0.84); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA STANZA COMPLETA ========================================================= */ .smil-walls__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-walls__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-walls__warning-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-walls__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-walls__warning-link { min-height: 48px; padding: 12px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: var(--smil-teal); border-radius: 11px; font-size: 0.8rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, background-color 180ms ease; } .smil-walls__warning-link:hover { transform: translateY(-2px); background: var(--smil-blue); } /* ========================================================= CTA FINALE ========================================================= */ .smil-walls__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-walls__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-walls__cta-content h4 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-walls__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-walls__cta-actions { min-width: 260px; display: grid; gap: 10px; } .smil-walls__cta-primary, .smil-walls__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-walls__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-walls__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-walls__cta-primary:hover, .smil-walls__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-walls__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-walls__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-walls__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-walls__layers { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-walls-layer:last-child { grid-column: 1 / -1; min-height: auto; } .smil-walls__factors { grid-template-columns: 1fr; } .smil-walls__warning { grid-template-columns: auto minmax(0, 1fr); } .smil-walls__warning-link { grid-column: 1 / -1; width: 100%; } .smil-walls__cta-box { grid-template-columns: 1fr; } .smil-walls__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-walls { padding: clamp(54px, 12vw, 74px) 0; } .smil-walls__container { width: min(100% - 28px, 1160px); } .smil-walls__header { margin-bottom: 30px; } .smil-walls__label { padding: 7px 12px; font-size: 0.67rem; } .smil-walls__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-walls__answer { font-size: 0.96rem; line-height: 1.62; } .smil-walls__supporting { font-size: 0.86rem; } .smil-walls__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-walls__summary-item + .smil-walls__summary-item, .smil-walls__summary-item:nth-child(3), .smil-walls__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-walls__content-grid { grid-template-columns: 1fr; gap: 17px; } .smil-walls-card { padding: 22px 19px; border-radius: 17px; } .smil-walls-card__list { grid-template-columns: 1fr; } .smil-walls-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-walls__system { padding: 22px 19px; border-radius: 17px; } .smil-walls__layers { grid-template-columns: 1fr; } .smil-walls-layer, .smil-walls-layer:last-child { grid-column: auto; min-height: auto; } .smil-walls__factors { padding: 22px 19px; border-radius: 17px; } .smil-walls__factors-grid { grid-template-columns: 1fr; } .smil-walls__warning { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-walls__warning-link { grid-column: auto; } .smil-walls__cta-box { padding: 22px 19px; gap: 21px; } .smil-walls__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-walls__warning-link, .smil-walls__cta-primary, .smil-walls__cta-secondary { transition: none; } .smil-walls__warning-link:hover, .smil-walls__cta-primary:hover, .smil-walls__cta-secondary:hover { transform: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4B ISOLAMENTO ACUSTICO DEL SOFFITTO ========================================================= */ .smil-ceiling, .smil-ceiling * { box-sizing: border-box; } .smil-ceiling { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 12%, rgba(255, 221, 154, 0.29), transparent 27% ), radial-gradient( circle at 96% 13%, rgba(147, 225, 228, 0.29), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-ceiling__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-ceiling__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-ceiling__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-ceiling__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-wrap: balance; } .smil-ceiling__title span { color: var(--smil-orange); } .smil-ceiling__answer { max-width: 875px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-ceiling__answer strong { color: var(--smil-title); font-weight: 850; } .smil-ceiling__supporting { max-width: 825px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= SINTESI RAPIDA ========================================================= */ .smil-ceiling__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-ceiling__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-ceiling__summary-item + .smil-ceiling__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-ceiling__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-ceiling__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-ceiling__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= CONFRONTO TIPOLOGIE DI RUMORE ========================================================= */ .smil-ceiling__noise-comparison { margin-bottom: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-ceiling-noise { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-blue-light); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-ceiling-noise--impact { border-top-color: var(--smil-orange); } .smil-ceiling-noise::after { content: ""; position: absolute; width: 108px; height: 108px; top: -49px; right: -44px; background: var(--smil-blue-light); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-ceiling-noise--impact::after { background: var(--smil-orange); } .smil-ceiling-noise__top { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; } .smil-ceiling-noise__number { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-blue-light); border-radius: 12px; font-size: 0.77rem; font-weight: 900; line-height: 1; } .smil-ceiling-noise--impact .smil-ceiling-noise__number { background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); } .smil-ceiling-noise__category { padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.25; text-transform: uppercase; } .smil-ceiling-noise h4 { margin: 0 0 11px; color: var(--smil-title); font-size: clamp(1.08rem, 1.8vw, 1.32rem); font-weight: 900; line-height: 1.3; } .smil-ceiling-noise > p { margin: 0 0 17px; color: var(--smil-text); font-size: 0.88rem; line-height: 1.6; } .smil-ceiling-noise__list { margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; list-style: none; } .smil-ceiling-noise__list li { position: relative; min-height: 48px; padding: 10px 10px 10px 35px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.76rem; font-weight: 750; line-height: 1.4; } .smil-ceiling-noise__list li::before { content: "✓"; position: absolute; left: 11px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.67rem; font-weight: 950; } .smil-ceiling-noise__solution { padding: 14px; background: linear-gradient( 110deg, var(--smil-page-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-left: 4px solid var(--smil-teal); border-radius: 11px; } .smil-ceiling-noise--impact .smil-ceiling-noise__solution { border-left-color: var(--smil-orange); } .smil-ceiling-noise__solution span { display: block; margin-bottom: 5px; color: var(--smil-teal); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-ceiling-noise--impact .smil-ceiling-noise__solution span { color: var(--smil-orange-dark); } .smil-ceiling-noise__solution strong { display: block; color: var(--smil-title); font-size: 0.8rem; font-weight: 850; line-height: 1.48; } /* ========================================================= SCHEDE QUANDO SERVE / TRASMISSIONI ========================================================= */ .smil-ceiling__content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-ceiling-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-ceiling-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-ceiling-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-ceiling-card__number { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-ceiling-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; line-height: 1.3; } .smil-ceiling-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } .smil-ceiling-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-ceiling-card__list li { position: relative; min-height: 53px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.78rem; font-weight: 750; line-height: 1.4; } .smil-ceiling-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; } .smil-ceiling-card__routes { margin: 0; display: grid; } .smil-ceiling-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-ceiling-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-ceiling-card__routes dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-ceiling-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= SISTEMA AUTOPORTANTE ========================================================= */ .smil-ceiling__system { margin-top: 22px; padding: 29px 28px; background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-ceiling__system-header { max-width: 850px; margin-bottom: 24px; } .smil-ceiling__system-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-ceiling__system-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-ceiling__system-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-ceiling__layers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-ceiling-layer { min-width: 0; min-height: 205px; padding: 17px 15px; display: flex; flex-direction: column; gap: 7px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-ceiling-layer__number { width: 34px; height: 34px; margin-bottom: 3px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.73rem; font-weight: 900; } .smil-ceiling-layer strong { color: var(--smil-title); font-size: 0.84rem; font-weight: 900; line-height: 1.35; } .smil-ceiling-layer p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= INTERVENTO ALL’ORIGINE O DAL BASSO ========================================================= */ .smil-ceiling__origin { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 31px; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-ceiling__origin-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-ceiling__origin-intro h4 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-ceiling__origin-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-ceiling__origin-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-ceiling-origin-option { padding: 16px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 13px; } .smil-ceiling-origin-option--preferred { background: rgba(255, 255, 255, 0.17); } .smil-ceiling-origin-option__tag { display: inline-flex; margin-bottom: 9px; padding: 5px 8px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.25; text-transform: uppercase; } .smil-ceiling-origin-option strong { display: block; margin-bottom: 7px; color: var(--smil-white); font-size: 0.84rem; font-weight: 900; line-height: 1.4; } .smil-ceiling-origin-option p { margin: 0 0 10px; color: rgba(255, 255, 255, 0.82); font-size: 0.73rem; line-height: 1.48; } .smil-ceiling-origin-option a { display: inline-flex; align-items: center; gap: 7px; color: #ffd34d !important; font-size: 0.72rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; } .smil-ceiling-origin-option a span { color: var(--smil-orange); } /* ========================================================= FATTORI DA VERIFICARE ========================================================= */ .smil-ceiling__factors { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-ceiling__factors-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; 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-ceiling__factors-intro h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-ceiling__factors-intro > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-ceiling__factors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-ceiling-factor { min-width: 0; padding: 13px 14px; background: rgba(255, 255, 255, 0.86); border: 1px solid var(--smil-border); border-radius: 12px; } .smil-ceiling-factor strong { display: block; margin-bottom: 4px; color: var(--smil-title); font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-ceiling-factor span { display: block; color: var(--smil-muted); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-ceiling__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-ceiling__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-ceiling__warning-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-ceiling__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= STANZA COMPLETA ========================================================= */ .smil-ceiling__room-note { margin-top: 22px; padding: 24px 26px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 25px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-teal); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-ceiling__room-note-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; 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-ceiling__room-note-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.02rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } .smil-ceiling__room-note-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-ceiling__room-link { min-height: 48px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-teal) 0%, var(--smil-blue) 100% ); border-radius: 11px; font-size: 0.8rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-ceiling__room-link:hover { transform: translateY(-2px); box-shadow: var(--smil-shadow-small); } /* ========================================================= CTA FINALE ========================================================= */ .smil-ceiling__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-ceiling__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-ceiling__cta-content h4 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-ceiling__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-ceiling__cta-actions { min-width: 270px; display: grid; gap: 10px; } .smil-ceiling__cta-primary, .smil-ceiling__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-ceiling__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-ceiling__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-ceiling__cta-primary:hover, .smil-ceiling__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-ceiling__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-ceiling__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-ceiling__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-ceiling__layers { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-ceiling-layer:last-child { grid-column: 1 / -1; min-height: auto; } .smil-ceiling__origin, .smil-ceiling__factors { grid-template-columns: 1fr; } .smil-ceiling__room-note { grid-template-columns: 1fr; } .smil-ceiling__room-link { width: 100%; } .smil-ceiling__cta-box { grid-template-columns: 1fr; } .smil-ceiling__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-ceiling { padding: clamp(54px, 12vw, 74px) 0; } .smil-ceiling__container { width: min(100% - 28px, 1160px); } .smil-ceiling__header { margin-bottom: 30px; } .smil-ceiling__label { padding: 7px 12px; font-size: 0.67rem; } .smil-ceiling__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-ceiling__answer { font-size: 0.96rem; line-height: 1.62; } .smil-ceiling__supporting { font-size: 0.86rem; } .smil-ceiling__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-ceiling__summary-item + .smil-ceiling__summary-item, .smil-ceiling__summary-item:nth-child(3), .smil-ceiling__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-ceiling__noise-comparison, .smil-ceiling__content-grid { grid-template-columns: 1fr; gap: 17px; } .smil-ceiling-noise, .smil-ceiling-card { padding: 22px 19px; border-radius: 17px; } .smil-ceiling-noise__list, .smil-ceiling-card__list { grid-template-columns: 1fr; } .smil-ceiling-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-ceiling__system { padding: 22px 19px; border-radius: 17px; } .smil-ceiling__layers { grid-template-columns: 1fr; } .smil-ceiling-layer, .smil-ceiling-layer:last-child { grid-column: auto; min-height: auto; } .smil-ceiling__origin, .smil-ceiling__factors { padding: 22px 19px; border-radius: 17px; } .smil-ceiling__origin-options, .smil-ceiling__factors-grid { grid-template-columns: 1fr; } .smil-ceiling__warning, .smil-ceiling__room-note { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-ceiling__cta-box { padding: 22px 19px; gap: 21px; } .smil-ceiling__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-ceiling__room-link, .smil-ceiling__cta-primary, .smil-ceiling__cta-secondary { transition: none; } .smil-ceiling__room-link:hover, .smil-ceiling__cta-primary:hover, .smil-ceiling__cta-secondary:hover { transform: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4C ISOLAMENTO ACUSTICO DAL CALPESTIO ========================================================= */ .smil-footfall, .smil-footfall * { box-sizing: border-box; } .smil-footfall { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-footfall__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-footfall__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-footfall__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-footfall__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-wrap: balance; } .smil-footfall__title span { color: var(--smil-orange); } .smil-footfall__answer { max-width: 880px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-footfall__answer strong { color: var(--smil-title); font-weight: 850; } .smil-footfall__supporting { max-width: 825px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= SINTESI RAPIDA ========================================================= */ .smil-footfall__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-footfall__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-footfall__summary-item + .smil-footfall__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-footfall__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-footfall__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-footfall__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-footfall__journey { margin-bottom: 27px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-footfall__journey-step { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-footfall__journey-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-footfall__journey-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-footfall__journey-step span:not(.smil-footfall__journey-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-footfall__journey-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= CONFRONTO ALL’ORIGINE / DAL BASSO ========================================================= */ .smil-footfall__comparison { margin-bottom: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-footfall-option { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-green); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-footfall-option--below { border-top-color: var(--smil-blue-light); } .smil-footfall-option::after { content: ""; position: absolute; width: 110px; height: 110px; top: -49px; right: -44px; background: var(--smil-green); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-footfall-option--below::after { background: var(--smil-blue-light); } .smil-footfall-option__top { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; } .smil-footfall-option__number { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 12px; font-size: 0.77rem; font-weight: 900; line-height: 1; } .smil-footfall-option--below .smil-footfall-option__number { background: var(--smil-blue-light); } .smil-footfall-option__badge { padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.025em; line-height: 1.25; text-align: center; text-transform: uppercase; } .smil-footfall-option h4 { margin: 0 0 11px; color: var(--smil-title); font-size: clamp(1.08rem, 1.8vw, 1.32rem); font-weight: 900; line-height: 1.3; } .smil-footfall-option > p { margin: 0 0 17px; color: var(--smil-text); font-size: 0.88rem; line-height: 1.6; } .smil-footfall-option__list { margin: 0 0 18px; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-footfall-option__list li { position: relative; min-height: 43px; padding: 10px 11px 10px 36px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.77rem; font-weight: 750; line-height: 1.4; } .smil-footfall-option__list li::before { content: "✓"; position: absolute; left: 11px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.67rem; font-weight: 950; } .smil-footfall-option__result { padding: 14px; background: linear-gradient( 110deg, var(--smil-page-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-left: 4px solid var(--smil-green); border-radius: 11px; } .smil-footfall-option--below .smil-footfall-option__result { border-left-color: var(--smil-blue-light); } .smil-footfall-option__result span { display: block; margin-bottom: 5px; color: var(--smil-teal); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-footfall-option__result strong { display: block; color: var(--smil-title); font-size: 0.8rem; font-weight: 850; line-height: 1.48; } /* ========================================================= SCHEDE DI APPROFONDIMENTO ========================================================= */ .smil-footfall__content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-footfall-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-orange); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-footfall-card:nth-child(2) { border-top-color: var(--smil-teal); } .smil-footfall-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-footfall-card__number { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-footfall-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; line-height: 1.3; } .smil-footfall-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } .smil-footfall-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-footfall-card__list li { position: relative; min-height: 53px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.78rem; font-weight: 750; line-height: 1.4; } .smil-footfall-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; } .smil-footfall-card__routes { margin: 0; display: grid; } .smil-footfall-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-footfall-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-footfall-card__routes dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-footfall-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= SISTEMA ANTICALPESTIO ========================================================= */ .smil-footfall__system { margin-top: 22px; padding: 29px 28px; background: radial-gradient( circle at 92% 10%, rgba(147, 225, 228, 0.26), transparent 32% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-footfall__system-header { max-width: 850px; margin-bottom: 24px; } .smil-footfall__system-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-footfall__system-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-footfall__system-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-footfall__layers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-footfall-layer { min-width: 0; min-height: 198px; padding: 17px 15px; display: flex; flex-direction: column; gap: 7px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-footfall-layer__number { width: 34px; height: 34px; margin-bottom: 3px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.73rem; font-weight: 900; } .smil-footfall-layer strong { color: var(--smil-title); font-size: 0.84rem; font-weight: 900; line-height: 1.35; } .smil-footfall-layer p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= FATTORI DA VERIFICARE ========================================================= */ .smil-footfall__factors { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-footfall__factors-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-footfall__factors-intro h4 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-footfall__factors-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-footfall__factors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-footfall-factor { min-width: 0; padding: 13px 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-footfall-factor strong { display: block; margin-bottom: 4px; color: #ffd34d; font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-footfall-factor span { display: block; color: rgba(255, 255, 255, 0.84); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-footfall__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-footfall__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-footfall__warning-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-footfall__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= STANZA COMPLETA ========================================================= */ .smil-footfall__room-note { margin-top: 22px; padding: 24px 26px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 25px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-teal); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-footfall__room-note-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; 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-footfall__room-note-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.02rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } .smil-footfall__room-note-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-footfall__room-link { min-height: 48px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-teal) 0%, var(--smil-blue) 100% ); border-radius: 11px; font-size: 0.8rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-footfall__room-link:hover { transform: translateY(-2px); box-shadow: var(--smil-shadow-small); } /* ========================================================= CTA FINALE ========================================================= */ .smil-footfall__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-footfall__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-footfall__cta-content h4 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-footfall__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-footfall__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-footfall__cta-primary, .smil-footfall__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-footfall__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-footfall__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-footfall__cta-primary:hover, .smil-footfall__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-footfall__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-footfall__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-footfall__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-footfall__journey { grid-template-columns: 1fr; gap: 12px; } .smil-footfall__journey-arrow { display: none; } .smil-footfall__layers { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-footfall-layer:last-child { grid-column: 1 / -1; min-height: auto; } .smil-footfall__factors { grid-template-columns: 1fr; } .smil-footfall__room-note { grid-template-columns: 1fr; } .smil-footfall__room-link { width: 100%; } .smil-footfall__cta-box { grid-template-columns: 1fr; } .smil-footfall__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-footfall { padding: clamp(54px, 12vw, 74px) 0; } .smil-footfall__container { width: min(100% - 28px, 1160px); } .smil-footfall__header { margin-bottom: 30px; } .smil-footfall__label { padding: 7px 12px; font-size: 0.67rem; } .smil-footfall__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-footfall__answer { font-size: 0.96rem; line-height: 1.62; } .smil-footfall__supporting { font-size: 0.86rem; } .smil-footfall__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-footfall__summary-item + .smil-footfall__summary-item, .smil-footfall__summary-item:nth-child(3), .smil-footfall__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-footfall__journey { padding: 18px; border-radius: 16px; } .smil-footfall__comparison, .smil-footfall__content-grid { grid-template-columns: 1fr; gap: 17px; } .smil-footfall-option, .smil-footfall-card { padding: 22px 19px; border-radius: 17px; } .smil-footfall-option__top { align-items: flex-start; } .smil-footfall-option__badge { max-width: 72%; } .smil-footfall-card__list { grid-template-columns: 1fr; } .smil-footfall-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-footfall__system { padding: 22px 19px; border-radius: 17px; } .smil-footfall__layers { grid-template-columns: 1fr; } .smil-footfall-layer, .smil-footfall-layer:last-child { grid-column: auto; min-height: auto; } .smil-footfall__factors { padding: 22px 19px; border-radius: 17px; } .smil-footfall__factors-grid { grid-template-columns: 1fr; } .smil-footfall__warning, .smil-footfall__room-note { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-footfall__cta-box { padding: 22px 19px; gap: 21px; } .smil-footfall__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-footfall__room-link, .smil-footfall__cta-primary, .smil-footfall__cta-secondary { transition: none; } .smil-footfall__room-link:hover, .smil-footfall__cta-primary:hover, .smil-footfall__cta-secondary:hover { transform: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4D FINESTRE ANTIRUMORE ========================================================= */ .smil-windows, .smil-windows * { box-sizing: border-box; } .smil-windows { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 12%, rgba(255, 221, 154, 0.29), transparent 27% ), radial-gradient( circle at 96% 13%, rgba(147, 225, 228, 0.29), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-windows__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-windows__header { max-width: 930px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-windows__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-windows__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-wrap: balance; } .smil-windows__title span { color: var(--smil-orange); } .smil-windows__answer { max-width: 885px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-windows__answer strong { color: var(--smil-title); font-weight: 850; } .smil-windows__supporting { max-width: 835px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= SINTESI RAPIDA ========================================================= */ .smil-windows__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-windows__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-windows__summary-item + .smil-windows__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-windows__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-windows__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-windows__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-windows__journey { margin-bottom: 27px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 15px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-windows__journey-step { min-width: 0; display: flex; align-items: flex-start; gap: 12px; } .smil-windows__journey-number { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-windows__journey-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-windows__journey-step span:not(.smil-windows__journey-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.74rem; line-height: 1.45; } .smil-windows__journey-arrow { color: #ffd34d; font-size: 1.35rem; font-weight: 900; line-height: 1; } /* ========================================================= PUNTI DEBOLI ========================================================= */ .smil-windows__weak-points { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .smil-window-point { position: relative; min-width: 0; min-height: 245px; padding: 20px 17px; display: flex; flex-direction: column; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 16px; box-shadow: var(--smil-shadow-small); } .smil-window-point:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-window-point:nth-child(3) { border-top-color: var(--smil-orange); } .smil-window-point:nth-child(4) { border-top-color: var(--smil-green); } .smil-window-point__number { width: 38px; height: 38px; margin-bottom: 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 11px; font-size: 0.74rem; font-weight: 900; } .smil-window-point h4 { margin: 0 0 9px; color: var(--smil-title); font-size: 1rem; font-weight: 900; line-height: 1.3; } .smil-window-point p { margin: 0 0 14px; color: var(--smil-text); font-size: 0.81rem; line-height: 1.55; } .smil-window-point__note { margin-top: auto; padding-top: 13px; color: var(--smil-teal); border-top: 1px solid var(--smil-border); font-size: 0.72rem; font-weight: 800; line-height: 1.47; } /* ========================================================= SCHEDE DI APPROFONDIMENTO ========================================================= */ .smil-windows__content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-windows-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-green); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-windows-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-windows-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-windows-card__number { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-windows-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; line-height: 1.3; } .smil-windows-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } .smil-windows-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-windows-card__list li { position: relative; min-height: 53px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.78rem; font-weight: 750; line-height: 1.4; } .smil-windows-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; } .smil-windows-card__routes { margin: 0; display: grid; } .smil-windows-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-windows-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-windows-card__routes dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-windows-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= CONFIGURAZIONI DISPONIBILI ========================================================= */ .smil-windows__systems { margin-top: 22px; padding: 29px 28px; background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-windows__systems-header { max-width: 850px; margin-bottom: 24px; } .smil-windows__systems-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-windows__systems-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-windows__systems-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-windows__systems-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-window-system { min-width: 0; min-height: 245px; padding: 20px; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 15px; } .smil-window-system--double { border-top-color: var(--smil-blue-light); } .smil-window-system--external { border-top-color: var(--smil-orange); } .smil-window-system--complete { border-top-color: var(--smil-green); } .smil-window-system__tag { display: inline-flex; margin-bottom: 13px; padding: 6px 9px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.61rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.25; text-transform: uppercase; } .smil-window-system--double .smil-window-system__tag { background: var(--smil-blue-light); } .smil-window-system--external .smil-window-system__tag { background: var(--smil-orange); } .smil-window-system--complete .smil-window-system__tag { background: var(--smil-green); } .smil-window-system h5 { margin: 0 0 9px; color: var(--smil-title); font-size: 1rem; font-weight: 900; line-height: 1.3; } .smil-window-system > p { margin: 0 0 14px; color: var(--smil-text); font-size: 0.8rem; line-height: 1.55; } .smil-window-system ul { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; } .smil-window-system li { position: relative; padding-left: 22px; color: var(--smil-muted); font-size: 0.74rem; line-height: 1.45; } .smil-window-system li::before { content: "✓"; position: absolute; left: 0; top: 1px; color: var(--smil-green); font-weight: 950; } /* ========================================================= SISTEMA COMPLETO ========================================================= */ .smil-windows__complete-system { margin-top: 22px; padding: 29px 28px; background: radial-gradient( circle at 92% 10%, rgba(147, 225, 228, 0.26), transparent 32% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-windows__complete-header { max-width: 850px; margin-bottom: 24px; } .smil-windows__complete-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-windows__complete-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-windows__complete-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-windows__layers { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-windows-layer { min-width: 0; min-height: 198px; padding: 17px 15px; display: flex; flex-direction: column; gap: 7px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-windows-layer__number { width: 34px; height: 34px; margin-bottom: 3px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.73rem; font-weight: 900; } .smil-windows-layer strong { color: var(--smil-title); font-size: 0.84rem; font-weight: 900; line-height: 1.35; } .smil-windows-layer p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= FATTORI DA VERIFICARE ========================================================= */ .smil-windows__factors { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-windows__factors-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-windows__factors-intro h4 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-windows__factors-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-windows__factors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-windows-factor { min-width: 0; padding: 13px 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-windows-factor strong { display: block; margin-bottom: 4px; color: #ffd34d; font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-windows-factor span { display: block; color: rgba(255, 255, 255, 0.84); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-windows__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-windows__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-windows__warning-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-windows__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= STANZA COMPLETA ========================================================= */ .smil-windows__room-note { margin-top: 22px; padding: 24px 26px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 25px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-teal); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-windows__room-note-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; 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-windows__room-note-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.02rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } .smil-windows__room-note-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-windows__room-link { min-height: 48px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-teal) 0%, var(--smil-blue) 100% ); border-radius: 11px; font-size: 0.8rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-windows__room-link:hover { transform: translateY(-2px); box-shadow: var(--smil-shadow-small); } /* ========================================================= CTA FINALE ========================================================= */ .smil-windows__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-windows__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-windows__cta-content h4 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-windows__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-windows__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-windows__cta-primary, .smil-windows__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-windows__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-windows__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-windows__cta-primary:hover, .smil-windows__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-windows__summary, .smil-windows__weak-points { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-windows__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-windows__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-windows__journey { grid-template-columns: 1fr; gap: 12px; } .smil-windows__journey-arrow { display: none; } .smil-windows__layers { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-windows-layer:last-child { grid-column: 1 / -1; min-height: auto; } .smil-windows__factors { grid-template-columns: 1fr; } .smil-windows__room-note { grid-template-columns: 1fr; } .smil-windows__room-link { width: 100%; } .smil-windows__cta-box { grid-template-columns: 1fr; } .smil-windows__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-windows { padding: clamp(54px, 12vw, 74px) 0; } .smil-windows__container { width: min(100% - 28px, 1160px); } .smil-windows__header { margin-bottom: 30px; } .smil-windows__label { padding: 7px 12px; font-size: 0.67rem; } .smil-windows__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-windows__answer { font-size: 0.96rem; line-height: 1.62; } .smil-windows__supporting { font-size: 0.86rem; } .smil-windows__summary, .smil-windows__weak-points, .smil-windows__content-grid, .smil-windows__systems-grid { grid-template-columns: 1fr; } .smil-windows__summary { border-radius: 16px; } .smil-windows__summary-item + .smil-windows__summary-item, .smil-windows__summary-item:nth-child(3), .smil-windows__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-windows__journey { padding: 18px; border-radius: 16px; } .smil-window-point { min-height: auto; } .smil-windows-card { padding: 22px 19px; border-radius: 17px; } .smil-windows-card__list { grid-template-columns: 1fr; } .smil-windows-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-windows__systems, .smil-windows__complete-system { padding: 22px 19px; border-radius: 17px; } .smil-window-system { min-height: auto; } .smil-windows__layers { grid-template-columns: 1fr; } .smil-windows-layer, .smil-windows-layer:last-child { grid-column: auto; min-height: auto; } .smil-windows__factors { padding: 22px 19px; border-radius: 17px; } .smil-windows__factors-grid { grid-template-columns: 1fr; } .smil-windows__warning, .smil-windows__room-note { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-windows__cta-box { padding: 22px 19px; gap: 21px; } .smil-windows__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-windows__room-link, .smil-windows__cta-primary, .smil-windows__cta-secondary { transition: none; } .smil-windows__room-link:hover, .smil-windows__cta-primary:hover, .smil-windows__cta-secondary:hover { transform: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 4E INSONORIZZAZIONE COMPLETA DELLA STANZA ========================================================= */ .smil-room, .smil-room * { box-sizing: border-box; } .smil-room { position: relative; width: 100%; padding: clamp(62px, 8vw, 100px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-room__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-room__header { max-width: 940px; margin: 0 auto clamp(35px, 5vw, 52px); text-align: center; } .smil-room__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-room__title { margin: 0 0 19px; color: var(--smil-title); font-family: inherit; font-size: clamp(1.75rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.12; text-wrap: balance; } .smil-room__title span { color: var(--smil-orange); } .smil-room__answer { max-width: 890px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.7; } .smil-room__answer strong { color: var(--smil-title); font-weight: 850; } .smil-room__supporting { max-width: 835px; margin: 0 auto; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.62; } /* ========================================================= SINTESI RAPIDA ========================================================= */ .smil-room__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-room__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-room__summary-item + .smil-room__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-room__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-room__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-room__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= SCHEDE INTRODUTTIVE ========================================================= */ .smil-room__content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-room-card { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-room-card:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-room-card::after { content: ""; position: absolute; width: 108px; height: 108px; top: -49px; right: -44px; background: var(--smil-teal); border-radius: 50%; opacity: 0.07; pointer-events: none; } .smil-room-card:nth-child(2)::after { background: var(--smil-blue-light); } .smil-room-card__heading { margin-bottom: 15px; display: flex; align-items: center; gap: 13px; } .smil-room-card__number { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: 0 7px 16px rgba(255, 133, 0, 0.24); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-room-card__heading h4 { margin: 0; color: var(--smil-title); font-size: clamp(1.05rem, 1.7vw, 1.27rem); font-weight: 900; line-height: 1.3; } .smil-room-card > p { margin: 0 0 18px; color: var(--smil-text); font-size: 0.89rem; line-height: 1.6; } .smil-room-card__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-room-card__list li { position: relative; min-height: 53px; padding: 11px 12px 11px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; font-size: 0.78rem; font-weight: 750; line-height: 1.4; } .smil-room-card__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.68rem; font-weight: 950; } .smil-room-card__routes { margin: 0; display: grid; } .smil-room-card__routes > div { padding: 12px 0; display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 15px; border-top: 1px solid var(--smil-border); } .smil-room-card__routes > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-room-card__routes dt { color: var(--smil-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-room-card__routes dd { margin: 0; color: var(--smil-muted); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= MAPPA DELLE SUPERFICI ========================================================= */ .smil-room__surfaces { margin-top: 22px; padding: 29px 28px; background: radial-gradient( circle at 92% 10%, rgba(147, 225, 228, 0.26), transparent 32% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-room__surfaces-header { max-width: 860px; margin-bottom: 24px; } .smil-room__surfaces-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-room__surfaces-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-room__surfaces-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-room__surfaces-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-room-surface { position: relative; min-width: 0; min-height: 125px; padding: 17px 49px 17px 17px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 13px; color: inherit !important; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-left: 5px solid var(--smil-teal); border-radius: 14px; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } a.smil-room-surface:hover { transform: translateY(-3px); box-shadow: var(--smil-shadow-small); } .smil-room-surface--ceiling { border-left-color: var(--smil-blue-light); } .smil-room-surface--floor { border-left-color: var(--smil-orange); } .smil-room-surface--windows { border-left-color: var(--smil-green); } .smil-room-surface--weak { grid-column: 1 / -1; border-left-color: var(--smil-blue); } .smil-room-surface__number { width: 40px; height: 40px; flex: 0 0 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-room-surface strong { display: block; margin-bottom: 5px; color: var(--smil-title); font-size: 0.9rem; font-weight: 900; line-height: 1.35; } .smil-room-surface p { margin: 0; color: var(--smil-muted); font-size: 0.77rem; line-height: 1.48; } .smil-room-surface__arrow { position: absolute; right: 18px; top: 50%; color: var(--smil-orange); font-size: 1.18rem; font-weight: 900; transform: translateY(-50%); transition: transform 180ms ease; } a.smil-room-surface:hover .smil-room-surface__arrow { transform: translate(4px, -50%); } /* ========================================================= METODO DI PROGETTAZIONE ========================================================= */ .smil-room__method { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-room__method-header { max-width: 850px; margin-bottom: 24px; } .smil-room__method-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-room__method-header h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-room__method-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } .smil-room__method-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-room-method-step { min-width: 0; min-height: 195px; padding: 17px 15px; display: flex; flex-direction: column; gap: 7px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-room-method-step__number { width: 34px; height: 34px; margin-bottom: 3px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.73rem; font-weight: 900; } .smil-room-method-step strong { color: var(--smil-title); font-size: 0.84rem; font-weight: 900; line-height: 1.35; } .smil-room-method-step p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= PARZIALE / COMPLETO ========================================================= */ .smil-room__comparison { margin-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-room-option { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-blue-light); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-room-option--complete { border-top-color: var(--smil-green); background: linear-gradient( 135deg, var(--smil-white) 0%, var(--smil-green-soft) 100% ); } .smil-room-option__top { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; } .smil-room-option__number { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-blue-light); border-radius: 12px; font-size: 0.77rem; font-weight: 900; } .smil-room-option--complete .smil-room-option__number { background: var(--smil-green); } .smil-room-option__badge { padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.25; text-transform: uppercase; } .smil-room-option h4 { margin: 0 0 11px; color: var(--smil-title); font-size: clamp(1.08rem, 1.8vw, 1.32rem); font-weight: 900; line-height: 1.3; } .smil-room-option > p { margin: 0 0 17px; color: var(--smil-text); font-size: 0.88rem; line-height: 1.6; } .smil-room-option__list { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-room-option__list li { position: relative; min-height: 43px; padding: 10px 11px 10px 36px; display: flex; align-items: center; color: var(--smil-title); background: rgba(255, 255, 255, 0.78); border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.77rem; font-weight: 750; line-height: 1.4; } .smil-room-option__list li::before { content: "✓"; position: absolute; left: 11px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.67rem; font-weight: 950; } /* ========================================================= FATTORI DA VERIFICARE ========================================================= */ .smil-room__factors { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-room__factors-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-room__factors-intro h4 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-room__factors-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-room__factors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-room-factor { min-width: 0; padding: 13px 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-room-factor strong { display: block; margin-bottom: 4px; color: #ffd34d; font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-room-factor span { display: block; color: rgba(255, 255, 255, 0.84); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-room__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-room__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-room__warning-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-room__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= GARANZIA / APPROCCIO COMPLETO ========================================================= */ .smil-room__guarantee { margin-top: 22px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.28); border-left: 6px solid var(--smil-green); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-room__guarantee-badge { min-width: 115px; min-height: 88px; padding: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ); border-radius: 14px; box-shadow: var(--smil-green-shadow); } .smil-room__guarantee-badge span { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: var(--smil-green-dark); background: var(--smil-white); border-radius: 50%; font-size: 0.9rem; font-weight: 950; } .smil-room__guarantee-badge strong { font-size: 0.72rem; font-weight: 900; line-height: 1.3; text-align: center; text-transform: uppercase; } .smil-room__guarantee-content h4 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } .smil-room__guarantee-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= CTA FINALE ========================================================= */ .smil-room__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-room__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-room__cta-content h4 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-room__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-room__cta-actions { min-width: 290px; display: grid; gap: 10px; } .smil-room__cta-primary, .smil-room__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-room__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-room__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-room__cta-primary:hover, .smil-room__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-room__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-room__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-room__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-room__method-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-room-method-step:last-child { grid-column: 1 / -1; min-height: auto; } .smil-room__factors { grid-template-columns: 1fr; } .smil-room__cta-box { grid-template-columns: 1fr; } .smil-room__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-room { padding: clamp(54px, 12vw, 74px) 0; } .smil-room__container { width: min(100% - 28px, 1160px); } .smil-room__header { margin-bottom: 30px; } .smil-room__label { padding: 7px 12px; font-size: 0.67rem; } .smil-room__title { font-size: clamp(1.65rem, 8.2vw, 2.4rem); } .smil-room__answer { font-size: 0.96rem; line-height: 1.62; } .smil-room__supporting { font-size: 0.86rem; } .smil-room__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-room__summary-item + .smil-room__summary-item, .smil-room__summary-item:nth-child(3), .smil-room__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-room__content-grid, .smil-room__surfaces-grid, .smil-room__comparison { grid-template-columns: 1fr; gap: 17px; } .smil-room-card, .smil-room-option { padding: 22px 19px; border-radius: 17px; } .smil-room-card__list { grid-template-columns: 1fr; } .smil-room-card__routes > div { grid-template-columns: 1fr; gap: 5px; } .smil-room__surfaces, .smil-room__method { padding: 22px 19px; border-radius: 17px; } .smil-room-surface--weak { grid-column: auto; } .smil-room-surface { min-height: auto; } .smil-room__method-steps { grid-template-columns: 1fr; } .smil-room-method-step, .smil-room-method-step:last-child { grid-column: auto; min-height: auto; } .smil-room__factors { padding: 22px 19px; border-radius: 17px; } .smil-room__factors-grid { grid-template-columns: 1fr; } .smil-room__warning, .smil-room__guarantee { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-room__guarantee-badge { min-width: 0; min-height: auto; width: 100%; } .smil-room__cta-box { padding: 22px 19px; gap: 21px; } .smil-room__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-room-surface, .smil-room-surface__arrow, .smil-room__cta-primary, .smil-room__cta-secondary { transition: none; } a.smil-room-surface:hover, .smil-room__cta-primary:hover, .smil-room__cta-secondary:hover { transform: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 5 METODO DI PROGETTAZIONE SORGEDIL ========================================================= */ .smil-method, .smil-method * { box-sizing: border-box; } .smil-method { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 4% 8%, rgba(255, 221, 154, 0.30), transparent 27% ), radial-gradient( circle at 96% 11%, rgba(147, 225, 228, 0.30), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 49%, var(--smil-aqua-soft) 100% ); } .smil-method__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-method__header { max-width: 950px; margin: 0 auto clamp(37px, 5vw, 55px); text-align: center; } .smil-method__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-method__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-method__title span { color: var(--smil-orange); } .smil-method__answer { max-width: 890px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-method__answer strong { color: var(--smil-title); font-weight: 850; } .smil-method__supporting { max-width: 835px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= SINTESI DEL METODO ========================================================= */ .smil-method__summary { margin-bottom: 30px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-method__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-method__summary-item + .smil-method__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-method__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-method__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-method__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= ELENCO DELLE FASI ========================================================= */ .smil-method__steps { position: relative; margin: 0; padding: 0; display: grid; gap: 20px; list-style: none; } .smil-method__steps::before { content: ""; position: absolute; top: 25px; bottom: 25px; left: 47px; width: 3px; background: linear-gradient( 180deg, var(--smil-orange) 0%, var(--smil-teal) 45%, var(--smil-blue) 100% ); border-radius: 999px; } /* ========================================================= SINGOLA FASE ========================================================= */ .smil-method-step { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 20px; } .smil-method-step__side { position: relative; z-index: 2; padding-top: 19px; display: flex; flex-direction: column; align-items: center; gap: 9px; } .smil-method-step__number { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 5px solid var(--smil-white); border-radius: 17px; box-shadow: 0 8px 20px rgba(255, 133, 0, 0.27); font-size: 0.82rem; font-weight: 950; line-height: 1; } .smil-method-step:nth-child(even) .smil-method-step__number { background: linear-gradient( 135deg, var(--smil-teal) 0%, var(--smil-blue) 100% ); box-shadow: 0 8px 20px rgba(0, 140, 131, 0.24); } .smil-method-step__phase { max-width: 90px; color: var(--smil-teal); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-align: center; text-transform: uppercase; } /* ========================================================= SCHEDA DELLA FASE ========================================================= */ .smil-method-step__card { position: relative; min-width: 0; padding: 25px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(235px, 0.75fr); gap: 24px; overflow: hidden; background: rgba(255, 255, 255, 0.97); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 19px; box-shadow: var(--smil-shadow-small); } .smil-method-step:nth-child(even) .smil-method-step__card { border-top-color: var(--smil-blue-light); } .smil-method-step__card::after { content: ""; position: absolute; width: 110px; height: 110px; top: -51px; right: -45px; background: var(--smil-teal); border-radius: 50%; opacity: 0.065; pointer-events: none; } .smil-method-step:nth-child(even) .smil-method-step__card::after { background: var(--smil-blue-light); } .smil-method-step__content h3 { margin: 0 0 12px; color: var(--smil-title); font-size: clamp(1.12rem, 1.9vw, 1.42rem); font-weight: 900; letter-spacing: -0.016em; line-height: 1.28; } .smil-method-step__content p { margin: 0 0 11px; color: var(--smil-text); font-size: 0.86rem; line-height: 1.6; } .smil-method-step__content p:last-child { margin-bottom: 0; } .smil-method-step__direct strong { color: var(--smil-title); font-weight: 850; } /* DATI DELLA FASE */ .smil-method-step__data { align-self: start; padding: 16px; background: linear-gradient( 135deg, var(--smil-page-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-method-step__data-title { display: block; margin-bottom: 10px; color: var(--smil-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-method-step__data ul { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; } .smil-method-step__data li { position: relative; padding-left: 23px; color: var(--smil-muted); font-size: 0.76rem; line-height: 1.45; } .smil-method-step__data li::before { content: "✓"; position: absolute; top: 0; left: 0; color: var(--smil-green); font-weight: 950; } /* RISULTATO DELLA FASE */ .smil-method-step__output { grid-column: 1 / -1; padding: 13px 15px; display: grid; grid-template-columns: 145px minmax(0, 1fr); align-items: center; gap: 15px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.24); border-left: 4px solid var(--smil-orange); border-radius: 11px; } .smil-method-step__output span { color: var(--smil-orange-dark); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.35; text-transform: uppercase; } .smil-method-step__output strong { color: var(--smil-title); font-size: 0.8rem; font-weight: 850; line-height: 1.48; } /* ========================================================= PERCORSI DI VALUTAZIONE ========================================================= */ .smil-method__paths { margin-top: 29px; padding: 29px 28px; background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-method__paths-header { max-width: 850px; margin-bottom: 23px; } .smil-method__paths-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-method__paths-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-method__paths-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.89rem; line-height: 1.62; } .smil-method__paths-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } .smil-method-path { min-width: 0; padding: 21px; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-blue-light); border-radius: 15px; } .smil-method-path--analytic { border-top-color: var(--smil-orange); } .smil-method-path__tag { display: inline-flex; margin-bottom: 13px; padding: 6px 9px; color: var(--smil-white); background: var(--smil-blue-light); border-radius: 999px; font-size: 0.61rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.25; text-transform: uppercase; } .smil-method-path--analytic .smil-method-path__tag { background: var(--smil-orange); } .smil-method-path h4 { margin: 0 0 9px; color: var(--smil-title); font-size: 1rem; font-weight: 900; line-height: 1.32; } .smil-method-path > p { margin: 0 0 14px; color: var(--smil-text); font-size: 0.81rem; line-height: 1.56; } .smil-method-path ul { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; } .smil-method-path li { position: relative; padding-left: 22px; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.45; } .smil-method-path li::before { content: "✓"; position: absolute; left: 0; color: var(--smil-green); font-weight: 950; } /* ========================================================= CONTENUTO DEL PROGETTO ========================================================= */ .smil-method__project { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-method__project-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-method__project-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-method__project-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-method__project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-method-project-item { min-width: 0; padding: 13px 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-method-project-item > span { width: 29px; height: 29px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border-radius: 8px; font-size: 0.65rem; font-weight: 950; } .smil-method-project-item strong { display: block; margin-bottom: 3px; color: var(--smil-white); font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-method-project-item p { grid-column: 2; margin: -5px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.71rem; line-height: 1.44; } /* ========================================================= ERRORI EVITATI ========================================================= */ .smil-method__errors { margin-top: 22px; padding: 29px 28px; background: radial-gradient( circle at 92% 10%, rgba(147, 225, 228, 0.26), transparent 32% ), linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-method__errors-header { max-width: 830px; margin-bottom: 22px; } .smil-method__errors-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-method__errors-header h3 { margin: 0; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-method__errors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .smil-method-error { position: relative; min-width: 0; min-height: 145px; padding: 17px 16px 16px 46px; background: rgba(255, 255, 255, 0.92); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-method-error::before { content: "!"; position: absolute; top: 17px; left: 15px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 1px solid var(--smil-orange); border-radius: 7px; font-size: 0.72rem; font-weight: 950; } .smil-method-error strong { display: block; margin-bottom: 6px; color: var(--smil-title); font-size: 0.81rem; font-weight: 900; line-height: 1.4; } .smil-method-error p { margin: 0; color: var(--smil-muted); font-size: 0.73rem; line-height: 1.48; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-method__warning { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-method__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-method__warning-content h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-method__warning-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= CTA FINALE ========================================================= */ .smil-method__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-method__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-method__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-method__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-method__cta-actions { min-width: 270px; display: grid; gap: 10px; } .smil-method__cta-primary, .smil-method__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-method__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-method__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-method__cta-primary:hover, .smil-method__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-method__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-method__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-method__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-method-step__card { grid-template-columns: 1fr; } .smil-method-step__output { grid-column: auto; } .smil-method__project { grid-template-columns: 1fr; } .smil-method__errors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-method__cta-box { grid-template-columns: 1fr; } .smil-method__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-method { padding: clamp(55px, 12vw, 75px) 0; } .smil-method__container { width: min(100% - 28px, 1160px); } .smil-method__header { margin-bottom: 31px; } .smil-method__label { padding: 7px 12px; font-size: 0.68rem; } .smil-method__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-method__answer { font-size: 0.97rem; line-height: 1.62; } .smil-method__supporting { font-size: 0.87rem; } .smil-method__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-method__summary-item + .smil-method__summary-item, .smil-method__summary-item:nth-child(3), .smil-method__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-method__steps { gap: 17px; } .smil-method__steps::before { display: none; } .smil-method-step { grid-template-columns: 1fr; gap: 9px; } .smil-method-step__side { padding-top: 0; flex-direction: row; justify-content: flex-start; } .smil-method-step__number { width: 48px; height: 48px; border-width: 3px; border-radius: 14px; } .smil-method-step__phase { max-width: none; text-align: left; } .smil-method-step__card { padding: 21px 18px; border-radius: 17px; gap: 18px; } .smil-method-step__output { grid-template-columns: 1fr; gap: 5px; } .smil-method__paths, .smil-method__errors { padding: 22px 19px; border-radius: 17px; } .smil-method__paths-grid, .smil-method__errors-grid { grid-template-columns: 1fr; } .smil-method__project { padding: 22px 19px; border-radius: 17px; } .smil-method__project-grid { grid-template-columns: 1fr; } .smil-method-error { min-height: auto; } .smil-method__warning { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-method__cta-box { padding: 22px 19px; gap: 21px; } .smil-method__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-method__cta-primary, .smil-method__cta-secondary { transition: none; } .smil-method__cta-primary:hover, .smil-method__cta-secondary:hover { transform: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 6 INTERVENTI REALIZZATI A MILANO E PROVINCIA ========================================================= */ .smil-cases, .smil-cases * { box-sizing: border-box; } .smil-cases { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-cases__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-cases__header { max-width: 950px; margin: 0 auto clamp(37px, 5vw, 55px); text-align: center; } .smil-cases__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-cases__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-cases__title span { color: var(--smil-orange); } .smil-cases__answer { max-width: 895px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-cases__answer strong { color: var(--smil-title); font-weight: 850; } .smil-cases__supporting { max-width: 835px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= SINTESI DEI CASI ========================================================= */ .smil-cases__summary { margin-bottom: 29px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-cases__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-cases__summary-item + .smil-cases__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-cases__summary-label { color: #ffd34d; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-cases__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-cases__summary-item p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= GRIGLIA DEI CASI ========================================================= */ .smil-cases__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } /* ========================================================= SINGOLO CASO ========================================================= */ .smil-case { --smil-case-accent: var(--smil-teal); position: relative; min-width: 0; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-case:hover { transform: translateY(-4px); box-shadow: 0 20px 42px rgba(7, 59, 92, 0.16); } .smil-case--featured, .smil-case--wide { grid-column: 1 / -1; grid-template-columns: minmax(250px, 0.39fr) minmax(0, 1fr); grid-template-rows: 1fr; } .smil-case:nth-child(2) { --smil-case-accent: var(--smil-blue-light); } .smil-case:nth-child(3) { --smil-case-accent: var(--smil-green); } .smil-case:nth-child(4) { --smil-case-accent: var(--smil-orange); } .smil-case:nth-child(5) { --smil-case-accent: var(--smil-blue); } /* ========================================================= AREA VISIVA ========================================================= */ .smil-case__visual { position: relative; min-height: 190px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; color: var(--smil-white); background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue) 55%, var(--smil-teal-light) 100% ); } .smil-case--featured .smil-case__visual, .smil-case--wide .smil-case__visual { min-height: 100%; } .smil-case__visual--ceiling { background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue-light) 100% ); } .smil-case__visual--room { background: linear-gradient( 145deg, var(--smil-green-dark) 0%, var(--smil-teal) 100% ); } .smil-case__visual--combined { background: linear-gradient( 145deg, var(--smil-orange-dark) 0%, var(--smil-orange) 48%, var(--smil-teal) 100% ); } .smil-case__visual--wall { background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue) 100% ); } .smil-case__visual::before, .smil-case__visual::after { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; pointer-events: none; } .smil-case__visual::before { width: 190px; height: 190px; top: -88px; right: -65px; } .smil-case__visual::after { width: 125px; height: 125px; top: -47px; right: -25px; } .smil-case__visual-label { position: relative; z-index: 2; width: fit-content; margin-bottom: auto; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-case__visual strong { position: relative; z-index: 2; display: block; margin-bottom: 4px; color: var(--smil-white); font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 900; line-height: 1.25; } .smil-case__visual > span:not(.smil-case__visual-label) { position: relative; z-index: 2; color: rgba(255, 255, 255, 0.82); font-size: 0.78rem; line-height: 1.4; } .smil-case__visual-symbol { position: absolute; right: 17px; bottom: 3px; color: rgba(255, 255, 255, 0.08); font-size: clamp(5rem, 9vw, 8rem); font-weight: 950; line-height: 1; letter-spacing: -0.08em; pointer-events: none; } /* ========================================================= CORPO DEL CASO ========================================================= */ .smil-case__body { min-width: 0; padding: 25px 25px 24px; display: flex; flex-direction: column; } .smil-case__top { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .smil-case__location { display: inline-flex; align-items: center; gap: 7px; color: var(--smil-teal); font-size: 0.72rem; font-weight: 850; line-height: 1.35; } .smil-case__location span { color: var(--smil-green); font-size: 0.66rem; } .smil-case__category { padding: 7px 10px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.25; text-align: center; text-transform: uppercase; } .smil-case__title { margin: 0 0 11px; color: var(--smil-title); font-size: clamp(1.12rem, 1.9vw, 1.42rem); font-weight: 900; letter-spacing: -0.016em; line-height: 1.28; } .smil-case__intro { margin: 0 0 18px; color: var(--smil-text); font-size: 0.87rem; line-height: 1.6; } .smil-case__intro strong { color: var(--smil-title); font-weight: 850; } /* ========================================================= DETTAGLI DEL CASO ========================================================= */ .smil-case__details { margin: 0 0 18px; display: grid; } .smil-case__details > div { padding: 11px 0; display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 14px; border-top: 1px solid var(--smil-border); } .smil-case__details > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-case__details dt { color: var(--smil-case-accent); font-size: 0.69rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.4; text-transform: uppercase; } .smil-case__details dd { margin: 0; color: var(--smil-muted); font-size: 0.79rem; line-height: 1.5; } /* ========================================================= ESITO DOCUMENTATO ========================================================= */ .smil-case__outcome { margin-bottom: 18px; padding: 13px 14px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.22); border-left: 4px solid var(--smil-green); border-radius: 11px; } .smil-case__outcome-label { display: block; margin-bottom: 5px; color: var(--smil-green-dark); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-case__outcome p { margin: 0; color: var(--smil-text); font-size: 0.76rem; line-height: 1.48; } /* ========================================================= LINK ALLA TESTIMONIANZA ========================================================= */ .smil-case__link { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--smil-case-accent) !important; font-size: 0.82rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; transition: color 180ms ease, transform 180ms ease; } .smil-case__link:hover { color: var(--smil-orange-dark) !important; } .smil-case__link span { color: var(--smil-orange); font-size: 1.08rem; line-height: 1; transition: transform 180ms ease; } .smil-case__link:hover span { transform: translateX(4px); } .smil-case__link:focus-visible { outline: 3px solid rgba(255, 133, 0, 0.24); outline-offset: 4px; border-radius: 4px; } /* ========================================================= LEZIONE DEI CASI ========================================================= */ .smil-cases__lesson { margin-top: 28px; padding: 25px 27px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 19px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-cases__lesson-symbol { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border: 3px solid rgba(255, 255, 255, 0.65); border-radius: 50%; font-size: 1.15rem; font-weight: 950; } .smil-cases__lesson-label { width: fit-content; margin: 0 0 7px; padding: 5px 8px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-cases__lesson-content h3 { margin: 0 0 7px; color: var(--smil-white); font-size: clamp(1.05rem, 1.8vw, 1.3rem); font-weight: 900; line-height: 1.3; } .smil-cases__lesson-content > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.87); font-size: 0.85rem; line-height: 1.58; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-cases__transparency { margin-top: 22px; padding: 22px 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 17px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-cases__transparency-symbol { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 1rem; font-weight: 900; line-height: 1; } .smil-cases__transparency-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.17rem); font-weight: 900; line-height: 1.3; } .smil-cases__transparency-content p { margin: 0; color: var(--smil-text); font-size: 0.83rem; line-height: 1.57; } /* ========================================================= CTA FINALE ========================================================= */ .smil-cases__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-cases__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-cases__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-cases__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-cases__cta-actions { min-width: 270px; display: grid; gap: 10px; } .smil-cases__cta-primary, .smil-cases__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-cases__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-cases__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-cases__cta-primary:hover, .smil-cases__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-cases__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-cases__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-cases__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-case--featured, .smil-case--wide { grid-template-columns: minmax(210px, 0.34fr) minmax(0, 1fr); } .smil-case__details > div { grid-template-columns: 125px minmax(0, 1fr); } .smil-cases__cta-box { grid-template-columns: 1fr; } .smil-cases__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-cases { padding: clamp(55px, 12vw, 75px) 0; } .smil-cases__container { width: min(100% - 28px, 1160px); } .smil-cases__header { margin-bottom: 31px; } .smil-cases__label { padding: 7px 12px; font-size: 0.68rem; } .smil-cases__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-cases__answer { font-size: 0.97rem; line-height: 1.62; } .smil-cases__supporting { font-size: 0.87rem; } .smil-cases__summary { grid-template-columns: 1fr; border-radius: 16px; } .smil-cases__summary-item + .smil-cases__summary-item, .smil-cases__summary-item:nth-child(3), .smil-cases__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-cases__grid { grid-template-columns: 1fr; gap: 17px; } .smil-case, .smil-case--featured, .smil-case--wide { grid-column: auto; grid-template-columns: 1fr; grid-template-rows: auto 1fr; border-radius: 17px; } .smil-case__visual, .smil-case--featured .smil-case__visual, .smil-case--wide .smil-case__visual { min-height: 180px; } .smil-case__body { padding: 21px 18px; } .smil-case__top { align-items: flex-start; } .smil-case__category { max-width: 55%; } .smil-case__details > div { grid-template-columns: 1fr; gap: 5px; } .smil-cases__lesson, .smil-cases__transparency { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-cases__cta-box { padding: 22px 19px; gap: 21px; } .smil-cases__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-case, .smil-case__link, .smil-case__link span, .smil-cases__cta-primary, .smil-cases__cta-secondary { transition: none; } .smil-case:hover, .smil-cases__cta-primary:hover, .smil-cases__cta-secondary:hover { transform: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 7 CORRETTO COSTI SENZA PREZZI O LISTINI ONLINE ========================================================= */ .smil-costs, .smil-costs * { box-sizing: border-box; } .smil-costs { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 4% 8%, rgba(255, 221, 154, 0.30), transparent 27% ), radial-gradient( circle at 96% 11%, rgba(147, 225, 228, 0.30), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 49%, var(--smil-aqua-soft) 100% ); } .smil-costs__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-costs__header { max-width: 950px; margin: 0 auto clamp(37px, 5vw, 55px); text-align: center; } .smil-costs__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-costs__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-costs__title span { color: var(--smil-orange); } .smil-costs__answer { max-width: 900px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-costs__answer strong, .smil-costs__supporting strong { color: var(--smil-title); font-weight: 850; } .smil-costs__supporting { max-width: 845px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } .smil-costs__updated { width: fit-content; margin: 20px auto 0; padding: 9px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--smil-green-dark); background: var(--smil-green-soft); border: 1px solid rgba(13, 179, 75, 0.25); border-radius: 999px; font-size: 0.73rem; font-weight: 850; line-height: 1.4; } .smil-costs__updated > span { width: 19px; height: 19px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 50%; font-size: 0.67rem; font-weight: 950; } /* ========================================================= PROCESSO ========================================================= */ .smil-costs__process { margin-bottom: 29px; padding: 22px 23px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-costs__process-item { min-width: 0; display: flex; align-items: flex-start; gap: 11px; } .smil-costs__process-number { width: 35px; height: 35px; flex: 0 0 35px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 10px; font-size: 0.79rem; font-weight: 950; } .smil-costs__process-item strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-costs__process-item span:not(.smil-costs__process-number) { display: block; color: rgba(255, 255, 255, 0.82); font-size: 0.7rem; line-height: 1.44; } .smil-costs__process-arrow { color: #ffd34d; font-size: 1.2rem; font-weight: 900; } /* ========================================================= TESTATE INTERNE ========================================================= */ .smil-costs__section-header, .smil-costs__quote-header { max-width: 860px; margin-bottom: 24px; } .smil-costs__section-kicker, .smil-costs__quote-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-costs__section-header h3, .smil-costs__quote-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-costs__section-header > p:last-child, .smil-costs__quote-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } /* ========================================================= VARIABILI ========================================================= */ .smil-costs__variables { padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-costs__variables-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .smil-cost-variable { min-width: 0; min-height: 180px; padding: 18px 17px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 14px; } .smil-cost-variable:nth-child(2), .smil-cost-variable:nth-child(6) { border-top-color: var(--smil-blue-light); } .smil-cost-variable:nth-child(3), .smil-cost-variable:nth-child(7) { border-top-color: var(--smil-orange); } .smil-cost-variable:nth-child(4), .smil-cost-variable:nth-child(8) { border-top-color: var(--smil-green); } .smil-cost-variable__number { width: 34px; height: 34px; margin-bottom: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-cost-variable h4 { margin: 0 0 8px; color: var(--smil-title); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-cost-variable p { margin: 0; color: var(--smil-muted); font-size: 0.76rem; line-height: 1.5; } /* ========================================================= SCENARI QUALITATIVI ========================================================= */ .smil-costs__examples { margin-top: 22px; padding: 29px 28px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-costs__examples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } .smil-cost-scenario { min-width: 0; padding: 21px; background: rgba(255, 255, 255, 0.96); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 16px; } .smil-cost-scenario:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-cost-scenario:nth-child(3) { border-top-color: var(--smil-green); } .smil-cost-scenario:nth-child(4) { border-top-color: var(--smil-orange); } .smil-cost-scenario__top { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 13px; } .smil-cost-scenario__number { width: 39px; height: 39px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 11px; font-size: 0.73rem; font-weight: 900; } .smil-cost-scenario__category { padding: 6px 10px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.63rem; font-weight: 900; text-transform: uppercase; } .smil-cost-scenario h4 { margin: 0 0 9px; color: var(--smil-title); font-size: 1.03rem; font-weight: 900; line-height: 1.32; } .smil-cost-scenario > p { margin: 0 0 14px; color: var(--smil-text); font-size: 0.81rem; line-height: 1.56; } .smil-cost-scenario ul { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; } .smil-cost-scenario li { position: relative; padding-left: 22px; color: var(--smil-muted); font-size: 0.74rem; line-height: 1.45; } .smil-cost-scenario li::before { content: "✓"; position: absolute; left: 0; color: var(--smil-green); font-weight: 950; } /* ========================================================= NESSUN PREZZO STANDARD ========================================================= */ .smil-costs__standard { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); align-items: center; gap: 31px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-costs__standard-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: #ffd34d; border-radius: 999px; font-size: 0.62rem; font-weight: 900; text-transform: uppercase; } .smil-costs__standard-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-costs__standard-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.85); font-size: 0.84rem; line-height: 1.58; } .smil-costs__standard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-costs-standard-item { padding: 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 12px; } .smil-costs-standard-item strong { display: block; margin-bottom: 5px; color: #ffd34d; font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-costs-standard-item span { display: block; color: rgba(255, 255, 255, 0.84); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= CONTENUTO DEL PREVENTIVO ========================================================= */ .smil-costs__quote { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-costs__quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .smil-costs-quote-item { min-width: 0; min-height: 145px; padding: 16px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-costs-quote-item > span { width: 31px; height: 31px; margin-bottom: 11px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 9px; font-size: 0.67rem; font-weight: 900; } .smil-costs-quote-item strong { display: block; margin-bottom: 5px; color: var(--smil-title); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-costs-quote-item p { margin: 0; color: var(--smil-muted); font-size: 0.73rem; line-height: 1.47; } /* ========================================================= SOPRALLUOGO ========================================================= */ .smil-costs__survey { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); align-items: center; gap: 31px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-costs__survey-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; text-transform: uppercase; } .smil-costs__survey-content h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-costs__survey-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-costs__survey-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-costs__survey-points > div { padding: 14px; background: rgba(255, 255, 255, 0.88); border: 1px solid var(--smil-border); border-radius: 12px; } .smil-costs__survey-points strong { display: block; margin-bottom: 5px; color: var(--smil-title); font-size: 0.77rem; font-weight: 900; } .smil-costs__survey-points span { display: block; color: var(--smil-muted); font-size: 0.72rem; line-height: 1.45; } /* ========================================================= AVVERTENZA E AGGIORNAMENTO ========================================================= */ .smil-costs__warning, .smil-costs__validity { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-costs__warning { background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); } .smil-costs__warning-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: #ffd34d; border: 2px solid var(--smil-orange); border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-costs__warning-content h3, .smil-costs__validity-content h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-costs__warning-content p, .smil-costs__validity-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-costs__validity { background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.27); border-left: 6px solid var(--smil-green); } .smil-costs__validity-badge { min-width: 105px; min-height: 82px; padding: 13px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ); border-radius: 13px; box-shadow: var(--smil-green-shadow); } .smil-costs__validity-badge span { width: 29px; height: 29px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-green-dark); background: var(--smil-white); border-radius: 50%; font-size: 0.88rem; font-weight: 950; } .smil-costs__validity-badge strong { font-size: 0.69rem; font-weight: 900; text-transform: uppercase; } /* ========================================================= CTA ========================================================= */ .smil-costs__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-costs__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; text-transform: uppercase; } .smil-costs__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-costs__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-costs__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-costs__cta-primary, .smil-costs__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-costs__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-costs__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-costs__cta-primary:hover, .smil-costs__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-costs__process { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-costs__process-arrow { display: none; } .smil-costs__variables-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-costs__standard, .smil-costs__survey { grid-template-columns: 1fr; } .smil-costs__quote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-costs__cta-box { grid-template-columns: 1fr; } .smil-costs__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-costs { padding: clamp(55px, 12vw, 75px) 0; } .smil-costs__container { width: min(100% - 28px, 1160px); } .smil-costs__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-costs__answer { font-size: 0.97rem; line-height: 1.62; } .smil-costs__supporting { font-size: 0.87rem; } .smil-costs__process, .smil-costs__variables-grid, .smil-costs__examples-grid, .smil-costs__standard-grid, .smil-costs__quote-grid, .smil-costs__survey-points { grid-template-columns: 1fr; } .smil-costs__process { padding: 18px; border-radius: 16px; } .smil-costs__variables, .smil-costs__examples, .smil-costs__quote { padding: 22px 19px; border-radius: 17px; } .smil-cost-variable { min-height: auto; } .smil-costs__standard, .smil-costs__survey { padding: 22px 19px; border-radius: 17px; } .smil-costs__warning, .smil-costs__validity { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-costs__validity-badge { width: 100%; min-width: 0; min-height: auto; } .smil-costs__cta-box { padding: 22px 19px; gap: 21px; } .smil-costs__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-costs__cta-primary, .smil-costs__cta-secondary { transition: none; } .smil-costs__cta-primary:hover, .smil-costs__cta-secondary:hover { transform: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 8 FONOASSORBIMENTO E ISOLAMENTO ACUSTICO ========================================================= */ .smil-absorption, .smil-absorption * { box-sizing: border-box; } .smil-absorption { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-absorption__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-absorption__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-absorption__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-absorption__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-absorption__title span { color: var(--smil-orange); } .smil-absorption__answer { max-width: 900px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-absorption__answer strong { color: var(--smil-title); font-weight: 900; } .smil-absorption__supporting { max-width: 850px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= RISPOSTA RAPIDA ========================================================= */ .smil-absorption__quick-answer { margin-bottom: 27px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-absorption__quick-symbol { width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border: 3px solid var(--smil-orange-soft); border-radius: 14px; font-size: 1.35rem; font-weight: 950; line-height: 1; } .smil-absorption__quick-label { display: block; margin-bottom: 5px; color: var(--smil-orange-soft); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-absorption__quick-content strong { display: block; color: var(--smil-white); font-size: clamp(0.98rem, 1.7vw, 1.2rem); font-weight: 900; line-height: 1.42; } /* ========================================================= TESTATE INTERNE ========================================================= */ .smil-absorption__section-header { max-width: 860px; margin-bottom: 24px; } .smil-absorption__section-kicker, .smil-absorption__system-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-absorption__section-header h3, .smil-absorption__system-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-absorption__section-header > p:last-child, .smil-absorption__system-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } /* ========================================================= TABELLA COMPARATIVA ========================================================= */ .smil-absorption__comparison { padding: 29px 28px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 55%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-absorption__table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--smil-border); border-radius: 15px; background: var(--smil-white); } .smil-absorption__table { width: 100%; min-width: 780px; border-collapse: collapse; border-spacing: 0; color: var(--smil-text); } .smil-absorption__table caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .smil-absorption__table thead th { padding: 17px 18px; color: var(--smil-white); background: var(--smil-blue-dark); border-right: 1px solid rgba(255, 255, 255, 0.17); font-size: 0.82rem; font-weight: 900; line-height: 1.4; text-align: left; } .smil-absorption__table thead th:nth-child(2) { background: var(--smil-teal); } .smil-absorption__table thead th:nth-child(3) { background: var(--smil-blue); } .smil-absorption__table thead th:last-child { border-right: 0; } .smil-absorption__table tbody th, .smil-absorption__table tbody td { padding: 15px 18px; border-right: 1px solid var(--smil-border); border-bottom: 1px solid var(--smil-border); font-size: 0.79rem; line-height: 1.52; text-align: left; vertical-align: top; } .smil-absorption__table tbody th { width: 23%; color: var(--smil-title); background: var(--smil-page-soft); font-weight: 900; } .smil-absorption__table tbody td { width: 38.5%; color: var(--smil-muted); } .smil-absorption__table tbody td:last-child, .smil-absorption__table tbody th:last-child { border-right: 0; } .smil-absorption__table tbody tr:last-child th, .smil-absorption__table tbody tr:last-child td { border-bottom: 0; } .smil-absorption__table tbody tr:nth-child(even) td { background: var(--smil-page-soft); } /* ========================================================= DUE FUNZIONI ========================================================= */ .smil-absorption__functions { margin-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-absorption-function { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-absorption-function--isolation { border-top-color: var(--smil-orange); } .smil-absorption-function__top { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 13px; } .smil-absorption-function__number { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-teal); border-radius: 12px; font-size: 0.76rem; font-weight: 900; } .smil-absorption-function--isolation .smil-absorption-function__number { background: var(--smil-orange); } .smil-absorption-function__category { padding: 7px 11px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.03em; text-transform: uppercase; } .smil-absorption-function h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.08rem, 1.8vw, 1.34rem); font-weight: 900; line-height: 1.3; } .smil-absorption-function > p { margin: 0 0 17px; color: var(--smil-text); font-size: 0.87rem; line-height: 1.6; } .smil-absorption-function__list { margin: 0 0 18px; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-absorption-function__list li { position: relative; min-height: 43px; padding: 10px 11px 10px 37px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.77rem; font-weight: 750; line-height: 1.4; } .smil-absorption-function__list li::before { content: "✓"; position: absolute; left: 12px; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 4px; font-size: 0.67rem; font-weight: 950; } .smil-absorption-function__result { padding: 14px; background: linear-gradient( 110deg, var(--smil-page-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-left: 4px solid var(--smil-teal); border-radius: 11px; } .smil-absorption-function--isolation .smil-absorption-function__result { border-left-color: var(--smil-orange); } .smil-absorption-function__result span { display: block; margin-bottom: 5px; color: var(--smil-teal); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-absorption-function__result strong { display: block; color: var(--smil-title); font-size: 0.8rem; font-weight: 850; line-height: 1.48; } /* ========================================================= DIAGNOSI ========================================================= */ .smil-absorption__diagnosis { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-absorption__diagnosis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-absorption-scenario { min-width: 0; padding: 20px; display: flex; flex-direction: column; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-left: 5px solid var(--smil-teal); border-radius: 14px; } .smil-absorption-scenario:nth-child(2) { border-left-color: var(--smil-blue-light); } .smil-absorption-scenario:nth-child(3) { border-left-color: var(--smil-orange); } .smil-absorption-scenario:nth-child(4) { border-left-color: var(--smil-green); } .smil-absorption-scenario__number { width: 35px; height: 35px; margin-bottom: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-absorption-scenario h4 { margin: 0 0 8px; color: var(--smil-title); font-size: 0.95rem; font-weight: 900; line-height: 1.35; } .smil-absorption-scenario p { margin: 0 0 10px; color: var(--smil-muted); font-size: 0.77rem; line-height: 1.52; } .smil-absorption-scenario > strong { display: block; margin-bottom: 10px; color: var(--smil-title); font-size: 0.78rem; font-weight: 900; line-height: 1.45; } .smil-absorption-scenario a { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 7px; color: var(--smil-teal) !important; font-size: 0.74rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; } .smil-absorption-scenario a span { color: var(--smil-orange); } /* ========================================================= MATERIALE ASSORBENTE NEL SISTEMA ========================================================= */ .smil-absorption__nuance { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); align-items: center; gap: 31px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 60%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-absorption__nuance-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-absorption__nuance-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-absorption__nuance-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.85); font-size: 0.84rem; line-height: 1.58; } .smil-absorption__nuance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-absorption-nuance-item { min-width: 0; padding: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 12px; } .smil-absorption-nuance-item > span { width: 29px; height: 29px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.65rem; font-weight: 950; } .smil-absorption-nuance-item strong { color: var(--smil-white); font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-absorption-nuance-item p { grid-column: 2; margin: -4px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.71rem; line-height: 1.44; } /* ========================================================= SISTEMA COMPLETO ========================================================= */ .smil-absorption__system { margin-top: 22px; padding: 29px 28px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-absorption__system-header { max-width: 860px; margin-bottom: 24px; } .smil-absorption__system-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .smil-absorption-system-item { min-width: 0; min-height: 180px; padding: 17px 15px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 14px; } .smil-absorption-system-item > span { width: 34px; height: 34px; margin-bottom: 11px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.72rem; font-weight: 900; } .smil-absorption-system-item strong { display: block; margin-bottom: 6px; color: var(--smil-title); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-absorption-system-item p { margin: 0; color: var(--smil-muted); font-size: 0.73rem; line-height: 1.48; } /* ========================================================= AVVERTENZA E CONCLUSIONE ========================================================= */ .smil-absorption__warning, .smil-absorption__conclusion { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-absorption__warning { background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.28); } .smil-absorption__warning-symbol, .smil-absorption__conclusion-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 1.15rem; font-weight: 950; } .smil-absorption__warning-symbol { color: var(--smil-title); background: var(--smil-orange-soft); border: 2px solid var(--smil-orange); } .smil-absorption__warning-content h3, .smil-absorption__conclusion-content h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.18rem); font-weight: 900; line-height: 1.3; } .smil-absorption__warning-content p, .smil-absorption__conclusion-content p { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-absorption__conclusion { background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.27); border-left: 6px solid var(--smil-green); } .smil-absorption__conclusion-symbol { color: var(--smil-white); background: var(--smil-green); border: 2px solid var(--smil-green-soft); } /* ========================================================= CTA ========================================================= */ .smil-absorption__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-absorption__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-absorption__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-absorption__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-absorption__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-absorption__cta-primary, .smil-absorption__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-absorption__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-absorption__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-absorption__cta-primary:hover, .smil-absorption__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-absorption__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-absorption-system-item:last-child { grid-column: 1 / -1; min-height: auto; } .smil-absorption__nuance { grid-template-columns: 1fr; } .smil-absorption__cta-box { grid-template-columns: 1fr; } .smil-absorption__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-absorption { padding: clamp(55px, 12vw, 75px) 0; } .smil-absorption__container { width: min(100% - 28px, 1160px); } .smil-absorption__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-absorption__answer { font-size: 0.97rem; line-height: 1.62; } .smil-absorption__supporting { font-size: 0.87rem; } .smil-absorption__quick-answer { padding: 20px 18px; grid-template-columns: 1fr; } .smil-absorption__comparison, .smil-absorption__diagnosis, .smil-absorption__system { padding: 22px 19px; border-radius: 17px; } .smil-absorption__table-wrap { overflow: visible; border: 0; background: transparent; } .smil-absorption__table { min-width: 0; border-collapse: separate; } .smil-absorption__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .smil-absorption__table, .smil-absorption__table tbody, .smil-absorption__table tr, .smil-absorption__table th, .smil-absorption__table td { display: block; width: 100%; } .smil-absorption__table tbody tr { margin-bottom: 13px; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-absorption__table tbody tr:last-child { margin-bottom: 0; } .smil-absorption__table tbody th { padding: 13px 15px; border: 0; border-bottom: 1px solid var(--smil-border); font-size: 0.8rem; } .smil-absorption__table tbody td { position: relative; padding: 39px 15px 14px; border: 0; border-bottom: 1px solid var(--smil-border); background: var(--smil-white) !important; font-size: 0.77rem; } .smil-absorption__table tbody td:last-child { border-bottom: 0; } .smil-absorption__table tbody td::before { content: attr(data-label); position: absolute; top: 12px; left: 15px; color: var(--smil-teal); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-absorption__functions, .smil-absorption__diagnosis-grid, .smil-absorption__nuance-grid, .smil-absorption__system-grid { grid-template-columns: 1fr; } .smil-absorption-function { padding: 22px 19px; border-radius: 17px; } .smil-absorption__nuance { padding: 22px 19px; border-radius: 17px; } .smil-absorption-system-item, .smil-absorption-system-item:last-child { grid-column: auto; min-height: auto; } .smil-absorption__warning, .smil-absorption__conclusion { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-absorption__cta-box { padding: 22px 19px; gap: 21px; } .smil-absorption__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-absorption__cta-primary, .smil-absorption__cta-secondary { transition: none; } .smil-absorption__cta-primary:hover, .smil-absorption__cta-secondary:hover { transform: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 9 PROVE LOCALI, VIDEO E LAVORI DOCUMENTATI ========================================================= */ .smil-localproof, .smil-localproof * { box-sizing: border-box; } .smil-localproof { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 4% 8%, rgba(255, 133, 0, 0.08), transparent 27% ), radial-gradient( circle at 96% 11%, rgba(18, 170, 160, 0.11), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 49%, var(--smil-aqua-soft) 100% ); } .smil-localproof__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-localproof__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-localproof__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(0, 140, 131, 0.20); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-localproof__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-localproof__title span { color: var(--smil-orange); } .smil-localproof__answer { max-width: 900px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-localproof__answer strong { color: var(--smil-title); font-weight: 900; } .smil-localproof__supporting { max-width: 850px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-localproof__direct { margin-bottom: 24px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 19px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: 0 14px 32px rgba(7, 59, 92, 0.20); } .smil-localproof__direct-symbol { width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border: 3px solid var(--smil-green-soft); border-radius: 14px; font-size: 1.15rem; font-weight: 950; } .smil-localproof__direct-label { display: block; margin-bottom: 5px; color: var(--smil-orange-soft); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__direct-content strong { display: block; color: var(--smil-white); font-size: clamp(0.98rem, 1.7vw, 1.18rem); font-weight: 900; line-height: 1.42; } .smil-localproof__direct-link { min-height: 45px; padding: 11px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-title) !important; background: var(--smil-orange-soft); border-radius: 11px; font-size: 0.75rem; font-weight: 900; line-height: 1.3; text-decoration: none !important; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-localproof__direct-link:hover { transform: translateY(-2px); box-shadow: var(--smil-orange-shadow); } /* ========================================================= SINTESI ========================================================= */ .smil-localproof__summary { margin-bottom: 27px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-localproof__summary-item { min-width: 0; padding: 21px 19px; display: flex; flex-direction: column; gap: 5px; } .smil-localproof__summary-item + .smil-localproof__summary-item { border-left: 1px solid var(--smil-border); } .smil-localproof__summary-label { color: var(--smil-orange-dark); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__summary-item strong { color: var(--smil-title); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-localproof__summary-item p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= TESTATE DELLE SOTTOSEZIONI ========================================================= */ .smil-localproof__section-header { max-width: 860px; margin-bottom: 24px; } .smil-localproof__section-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__section-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-localproof__section-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } /* ========================================================= CASI LOCALI ========================================================= */ .smil-localproof__cases { padding: 29px 28px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-localproof__cases-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .smil-local-case { --smil-local-accent: var(--smil-teal); min-width: 0; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 17px; box-shadow: var(--smil-shadow-small); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-local-case:hover { transform: translateY(-3px); box-shadow: var(--smil-shadow); } .smil-local-case--featured, .smil-local-case--wide { grid-column: 1 / -1; grid-template-columns: minmax(225px, 0.34fr) minmax(0, 1fr); grid-template-rows: 1fr; } .smil-local-case__location { position: relative; min-height: 175px; padding: 21px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; color: var(--smil-white); background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-teal) 100% ); } .smil-local-case--featured .smil-local-case__location, .smil-local-case--wide .smil-local-case__location { min-height: 100%; } .smil-local-case__location--blue { background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue-light) 100% ); } .smil-local-case__location--green { background: linear-gradient( 145deg, var(--smil-green-dark) 0%, var(--smil-teal) 100% ); } .smil-local-case__location--orange { background: linear-gradient( 145deg, var(--smil-orange-dark) 0%, var(--smil-orange) 55%, var(--smil-blue) 100% ); } .smil-local-case__location--teal { background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue) 52%, var(--smil-teal-light) 100% ); } .smil-local-case__location::before, .smil-local-case__location::after { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; pointer-events: none; } .smil-local-case__location::before { width: 175px; height: 175px; top: -83px; right: -58px; } .smil-local-case__location::after { width: 112px; height: 112px; top: -40px; right: -19px; } .smil-local-case__proof { position: relative; z-index: 2; width: fit-content; margin-bottom: auto; padding: 6px 9px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.61rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-local-case__location strong { position: relative; z-index: 2; display: block; margin-bottom: 4px; color: var(--smil-white); font-size: clamp(1.1rem, 1.9vw, 1.4rem); font-weight: 900; line-height: 1.25; } .smil-local-case__location > span:not(.smil-local-case__proof) { position: relative; z-index: 2; color: rgba(255, 255, 255, 0.82); font-size: 0.76rem; line-height: 1.4; } .smil-local-case__location-number { position: absolute; right: 14px; bottom: 0; color: rgba(255, 255, 255, 0.09); font-size: clamp(4.8rem, 8vw, 7rem); font-weight: 950; letter-spacing: -0.08em; line-height: 1; pointer-events: none; } /* CORPO CASO */ .smil-local-case__body { min-width: 0; padding: 22px; display: flex; flex-direction: column; } .smil-local-case__top { margin-bottom: 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .smil-local-case__category { padding: 6px 9px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.3; text-transform: uppercase; } .smil-local-case__status { display: inline-flex; align-items: center; gap: 6px; color: var(--smil-green-dark); font-size: 0.65rem; font-weight: 850; line-height: 1.35; } .smil-local-case__status span { color: var(--smil-green); font-size: 0.62rem; } .smil-local-case__body h4 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.04rem, 1.7vw, 1.27rem); font-weight: 900; line-height: 1.3; } .smil-local-case__body > p { margin: 0 0 15px; color: var(--smil-text); font-size: 0.82rem; line-height: 1.57; } .smil-local-case__details { margin: 0 0 16px; display: grid; } .smil-local-case__details > div { padding: 9px 0; display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 12px; border-top: 1px solid var(--smil-border); } .smil-local-case__details > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-local-case__details dt { color: var(--smil-teal); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.4; text-transform: uppercase; } .smil-local-case__details dd { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.47; } .smil-local-case__link { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--smil-teal) !important; font-size: 0.78rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; } .smil-local-case__link span { color: var(--smil-orange); font-size: 1rem; transition: transform 180ms ease; } .smil-local-case__link:hover span { transform: translateX(4px); } /* ========================================================= TIPI DI PROVA ========================================================= */ .smil-localproof__evidence { margin-top: 22px; padding: 29px 28px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-localproof__evidence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .smil-local-evidence { min-width: 0; min-height: 175px; padding: 17px 15px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 14px; } .smil-local-evidence:nth-child(2) { border-top-color: var(--smil-blue-light); } .smil-local-evidence:nth-child(3) { border-top-color: var(--smil-orange); } .smil-local-evidence:nth-child(4) { border-top-color: var(--smil-green); } .smil-local-evidence__number { width: 34px; height: 34px; margin-bottom: 11px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-local-evidence h4 { margin: 0 0 7px; color: var(--smil-title); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-local-evidence p { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.49; } /* ========================================================= VERIFICA DELLE FONTI ========================================================= */ .smil-localproof__verify { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 31px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 59%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: 0 15px 35px rgba(7, 59, 92, 0.21); } .smil-localproof__verify-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__verify-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-localproof__verify-intro > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.84rem; line-height: 1.58; } .smil-localproof__verify-links { display: grid; gap: 9px; } .smil-localproof-source { min-width: 0; padding: 11px 13px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; color: var(--smil-white) !important; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 11px; text-decoration: none !important; transition: background 180ms ease, transform 180ms ease; } .smil-localproof-source:hover { background: rgba(255, 255, 255, 0.17); transform: translateX(3px); } .smil-localproof-source__symbol { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 9px; font-size: 0.67rem; font-weight: 950; } .smil-localproof-source--youtube .smil-localproof-source__symbol { color: var(--smil-white); background: var(--smil-orange); } .smil-localproof-source strong { display: block; margin-bottom: 2px; color: var(--smil-white); font-size: 0.76rem; font-weight: 900; line-height: 1.35; } .smil-localproof-source small { display: block; color: rgba(255, 255, 255, 0.76); font-size: 0.68rem; line-height: 1.4; } .smil-localproof-source__arrow { color: var(--smil-orange-soft); font-size: 1rem; font-weight: 900; } /* ========================================================= TERRITORIO ========================================================= */ .smil-localproof__territory { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-localproof__territory-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__territory-intro h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-localproof__territory-intro > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-localproof__territory-list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; list-style: none; } .smil-localproof__territory-list li { position: relative; min-height: 43px; padding: 10px 12px 10px 36px; display: flex; align-items: center; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.76rem; font-weight: 850; line-height: 1.4; } .smil-localproof__territory-list li::before { content: "●"; position: absolute; left: 13px; color: var(--smil-green); font-size: 0.72rem; } /* ========================================================= COLLEGAMENTO AI CASI ========================================================= */ .smil-localproof__cases-link { margin-top: 22px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.27); border-left: 6px solid var(--smil-green); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-localproof__cases-link-symbol { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 12px; font-size: 1rem; font-weight: 950; } .smil-localproof__cases-link-label { width: fit-content; margin: 0 0 6px; padding: 5px 8px; color: var(--smil-green-dark); background: var(--smil-white); border-radius: 999px; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-localproof__cases-link-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.7vw, 1.2rem); font-weight: 900; line-height: 1.3; } .smil-localproof__cases-link-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.81rem; line-height: 1.55; } .smil-localproof__cases-link-button { min-height: 46px; padding: 11px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ); border-radius: 11px; font-size: 0.76rem; font-weight: 900; text-decoration: none !important; white-space: nowrap; box-shadow: var(--smil-green-shadow); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-localproof__transparency { margin-top: 22px; padding: 22px 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 17px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-localproof__transparency-symbol { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-cream); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 1rem; font-weight: 900; } .smil-localproof__transparency-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.17rem); font-weight: 900; line-height: 1.3; } .smil-localproof__transparency-content p { margin: 0; color: var(--smil-text); font-size: 0.83rem; line-height: 1.57; } /* ========================================================= CTA ========================================================= */ .smil-localproof__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-localproof__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-localproof__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-localproof__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-localproof__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-localproof__cta-primary, .smil-localproof__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-localproof__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-localproof__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-localproof__cta-primary:hover, .smil-localproof__cta-secondary:hover { transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-localproof__summary, .smil-localproof__evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-localproof__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid var(--smil-border); } .smil-localproof__summary-item:nth-child(4) { border-top: 1px solid var(--smil-border); } .smil-local-case--featured, .smil-local-case--wide { grid-template-columns: minmax(205px, 0.32fr) minmax(0, 1fr); } .smil-localproof__verify, .smil-localproof__territory { grid-template-columns: 1fr; } .smil-localproof__cta-box { grid-template-columns: 1fr; } .smil-localproof__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-localproof { padding: clamp(55px, 12vw, 75px) 0; } .smil-localproof__container { width: min(100% - 28px, 1160px); } .smil-localproof__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-localproof__answer { font-size: 0.97rem; line-height: 1.62; } .smil-localproof__supporting { font-size: 0.87rem; } .smil-localproof__direct { padding: 20px 18px; grid-template-columns: 1fr; } .smil-localproof__direct-link { width: 100%; } .smil-localproof__summary { grid-template-columns: 1fr; } .smil-localproof__summary-item + .smil-localproof__summary-item, .smil-localproof__summary-item:nth-child(3), .smil-localproof__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid var(--smil-border); } .smil-localproof__cases, .smil-localproof__evidence { padding: 22px 19px; border-radius: 17px; } .smil-localproof__cases-grid, .smil-localproof__evidence-grid { grid-template-columns: 1fr; } .smil-local-case, .smil-local-case--featured, .smil-local-case--wide { grid-column: auto; grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .smil-local-case__location, .smil-local-case--featured .smil-local-case__location, .smil-local-case--wide .smil-local-case__location { min-height: 170px; } .smil-local-case__top { align-items: flex-start; } .smil-local-case__details > div { grid-template-columns: 1fr; gap: 4px; } .smil-local-evidence { min-height: auto; } .smil-localproof__verify, .smil-localproof__territory { padding: 22px 19px; border-radius: 17px; } .smil-localproof__territory-list { grid-template-columns: 1fr; } .smil-localproof__cases-link { padding: 20px 18px; grid-template-columns: 1fr; } .smil-localproof__cases-link-button { width: 100%; } .smil-localproof__transparency { padding: 20px 18px; grid-template-columns: 1fr; } .smil-localproof__cta-box { padding: 22px 19px; gap: 21px; } .smil-localproof__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-localproof__direct-link, .smil-local-case, .smil-local-case__link span, .smil-localproof-source, .smil-localproof__cta-primary, .smil-localproof__cta-secondary { transition: none; } .smil-localproof__direct-link:hover, .smil-local-case:hover, .smil-localproof-source:hover, .smil-localproof__cta-primary:hover, .smil-localproof__cta-secondary:hover { transform: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 10 CORRETTO AZIENDA, SPECIALIZZAZIONE E CREDENZIALI ========================================================= */ .smil-about, .smil-about * { box-sizing: border-box; } .smil-about { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: linear-gradient( 180deg, var(--smil-white) 0%, var(--smil-page-soft) 100% ); } .smil-about__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-about__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-about__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-about__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-about__title span { color: var(--smil-orange); } .smil-about__answer { max-width: 905px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-about__answer strong, .smil-about__supporting strong { color: var(--smil-title); font-weight: 900; } .smil-about__supporting { max-width: 860px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= SINTESI ========================================================= */ .smil-about__summary { margin-bottom: 26px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: var(--smil-shadow); } .smil-about__summary-item { min-width: 0; padding: 22px 20px; display: flex; flex-direction: column; gap: 5px; } .smil-about__summary-item + .smil-about__summary-item { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-about__summary-label { color: var(--smil-orange-soft); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-about__summary-item strong { color: var(--smil-white); font-size: 0.91rem; font-weight: 900; line-height: 1.35; } .smil-about__summary-item p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= TESTATE INTERNE ========================================================= */ .smil-about__section-header { max-width: 860px; margin-bottom: 24px; } .smil-about__section-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-about__section-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-about__section-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } /* ========================================================= PROFILO AZIENDALE ========================================================= */ .smil-about__company { padding: 29px 28px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); gap: 28px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-about__company-main h3 { margin: 0 0 11px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; line-height: 1.25; } .smil-about__company-main p { margin: 0 0 11px; color: var(--smil-text); font-size: 0.87rem; line-height: 1.62; } .smil-about__company-main p:last-child { margin-bottom: 0; } .smil-about__company-answer { color: var(--smil-title) !important; font-weight: 800; } .smil-about__company-data { align-self: start; padding: 20px; background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-orange); border-radius: 15px; } .smil-about__company-data-title { display: block; margin-bottom: 12px; color: var(--smil-title); font-size: 0.83rem; font-weight: 900; line-height: 1.4; } .smil-about__company-data dl { margin: 0; display: grid; } .smil-about__company-data dl > div { padding: 10px 0; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 11px; border-top: 1px solid var(--smil-border); } .smil-about__company-data dl > div:last-child { border-bottom: 1px solid var(--smil-border); } .smil-about__company-data dt { color: var(--smil-teal); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; } .smil-about__company-data dd { margin: 0; color: var(--smil-muted); font-size: 0.74rem; line-height: 1.48; } /* ========================================================= SERVIZI ========================================================= */ .smil-about__services { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-about__services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .smil-about-service { min-width: 0; min-height: 205px; padding: 18px 17px; display: flex; flex-direction: column; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 14px; } .smil-about-service:nth-child(2), .smil-about-service:nth-child(6) { border-top-color: var(--smil-blue-light); } .smil-about-service:nth-child(3) { border-top-color: var(--smil-orange); } .smil-about-service:nth-child(4) { border-top-color: var(--smil-green); } .smil-about-service:nth-child(5) { border-top-color: var(--smil-blue); } .smil-about-service__number { width: 35px; height: 35px; margin-bottom: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-about-service h4 { margin: 0 0 8px; color: var(--smil-title); font-size: 0.92rem; font-weight: 900; line-height: 1.35; } .smil-about-service p { margin: 0 0 12px; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } .smil-about-service a { width: fit-content; margin-top: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--smil-teal) !important; font-size: 0.72rem; font-weight: 900; line-height: 1.4; text-decoration: none !important; } .smil-about-service a span { color: var(--smil-orange); } /* ========================================================= METODO ========================================================= */ .smil-about__method { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 31px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: var(--smil-shadow); } .smil-about__method-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-about__method-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-about__method-intro > p:last-child { margin: 0; color: var(--smil-aqua-soft); font-size: 0.84rem; line-height: 1.58; } .smil-about__method-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; } .smil-about-method-step { min-width: 0; padding: 13px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 12px; } .smil-about-method-step > span { width: 29px; height: 29px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.65rem; font-weight: 950; } .smil-about-method-step strong { display: block; margin-bottom: 3px; color: var(--smil-white); font-size: 0.76rem; font-weight: 900; line-height: 1.35; } .smil-about-method-step p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.7rem; line-height: 1.44; } /* ========================================================= COMPETENZA TECNICA ========================================================= */ .smil-about__technical { margin-top: 22px; padding: 29px 28px; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; gap: 29px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-about__technical-main h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 900; line-height: 1.25; } .smil-about__technical-main p { margin: 0 0 10px; color: var(--smil-text); font-size: 0.84rem; line-height: 1.6; } .smil-about__technical-main p:last-child { margin-bottom: 0; } .smil-about__technical-answer { color: var(--smil-title) !important; font-weight: 750; } .smil-about__technical-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-about-technical-item { min-width: 0; min-height: 135px; padding: 14px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 12px; } .smil-about-technical-item > span { width: 30px; height: 30px; margin-bottom: 9px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.65rem; font-weight: 900; } .smil-about-technical-item strong { display: block; margin-bottom: 4px; color: var(--smil-title); font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-about-technical-item p { margin: 0; color: var(--smil-muted); font-size: 0.71rem; line-height: 1.45; } /* ========================================================= CREDENZIALI ========================================================= */ .smil-about__credentials { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-about__credentials-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .smil-about-credential { min-width: 0; min-height: 180px; padding: 17px 15px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 14px; } .smil-about-credential:nth-child(2), .smil-about-credential:nth-child(6) { border-top-color: var(--smil-blue-light); } .smil-about-credential:nth-child(3), .smil-about-credential:nth-child(7) { border-top-color: var(--smil-orange); } .smil-about-credential:nth-child(4), .smil-about-credential:nth-child(8) { border-top-color: var(--smil-green); } .smil-about-credential__number { width: 34px; height: 34px; margin-bottom: 11px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-about-credential h4 { margin: 0 0 7px; color: var(--smil-title); font-size: 0.87rem; font-weight: 900; line-height: 1.35; } .smil-about-credential p { margin: 0; color: var(--smil-muted); font-size: 0.73rem; line-height: 1.49; } /* ========================================================= VERIFICA ========================================================= */ .smil-about__verification { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); align-items: center; gap: 30px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-about__verification-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-about__verification-intro h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-about__verification-intro > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-about__verification-links { display: grid; gap: 9px; } .smil-about__verification-links a { min-width: 0; padding: 12px 13px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; color: var(--smil-title) !important; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 11px; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-about__verification-links a:hover { transform: translateX(3px); box-shadow: var(--smil-shadow-small); } .smil-about__verification-links a > span { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 9px; font-size: 0.67rem; font-weight: 950; } .smil-about__verification-links strong { display: block; margin-bottom: 2px; color: var(--smil-title); font-size: 0.76rem; font-weight: 900; line-height: 1.35; } .smil-about__verification-links small { display: block; color: var(--smil-muted); font-size: 0.68rem; line-height: 1.4; } .smil-about__verification-links b { color: var(--smil-teal); font-size: 0.95rem; } /* ========================================================= TRASPARENZA ========================================================= */ .smil-about__transparency { margin-top: 22px; padding: 22px 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 17px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.26); border-left: 5px solid var(--smil-orange); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-about__transparency-symbol { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-cream); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 1rem; font-weight: 900; } .smil-about__transparency-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.17rem); font-weight: 900; line-height: 1.3; } .smil-about__transparency-content p { margin: 0; color: var(--smil-text); font-size: 0.83rem; line-height: 1.57; } /* ========================================================= CTA ========================================================= */ .smil-about__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-about__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-about__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-about__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-about__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-about__cta-primary, .smil-about__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-about__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-about__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-about__cta-primary:hover, .smil-about__cta-secondary:hover { transform: translateY(-2px); } .smil-about a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-about__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-about__summary-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-about__summary-item:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-about__company, .smil-about__technical { grid-template-columns: 1fr; } .smil-about__services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-about__method, .smil-about__verification { grid-template-columns: 1fr; } .smil-about__credentials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-about__cta-box { grid-template-columns: 1fr; } .smil-about__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-about { padding: clamp(55px, 12vw, 75px) 0; } .smil-about__container { width: min(100% - 28px, 1160px); } .smil-about__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-about__answer { font-size: 0.97rem; line-height: 1.62; } .smil-about__supporting { font-size: 0.87rem; } .smil-about__summary { grid-template-columns: 1fr; } .smil-about__summary-item + .smil-about__summary-item, .smil-about__summary-item:nth-child(3), .smil-about__summary-item:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-about__company, .smil-about__services, .smil-about__technical, .smil-about__credentials { padding: 22px 19px; border-radius: 17px; } .smil-about__company-data dl > div { grid-template-columns: 1fr; gap: 4px; } .smil-about__services-grid, .smil-about__method-steps, .smil-about__technical-grid, .smil-about__credentials-grid { grid-template-columns: 1fr; } .smil-about-service, .smil-about-credential { min-height: auto; } .smil-about__method, .smil-about__verification { padding: 22px 19px; border-radius: 17px; } .smil-about__transparency { padding: 20px 18px; grid-template-columns: 1fr; } .smil-about__cta-box { padding: 22px 19px; gap: 21px; } .smil-about__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-about__verification-links a, .smil-about__cta-primary, .smil-about__cta-secondary { transition: none; } .smil-about__verification-links a:hover, .smil-about__cta-primary:hover, .smil-about__cta-secondary:hover { transform: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 11 DOMANDE FREQUENTI ========================================================= */ .smil-faq, .smil-faq * { box-sizing: border-box; } .smil-faq { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 7%, rgba(255, 133, 0, 0.08), transparent 27% ), radial-gradient( circle at 95% 10%, rgba(18, 170, 160, 0.12), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-faq__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-faq__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-faq__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-faq__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-faq__title span { color: var(--smil-orange); } .smil-faq__answer { max-width: 905px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-faq__answer strong { color: var(--smil-title); font-weight: 900; } .smil-faq__supporting { max-width: 850px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= INTRODUZIONE IN EVIDENZA ========================================================= */ .smil-faq__intro { margin-bottom: 26px; padding: 23px 25px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: var(--smil-shadow); } .smil-faq__intro-symbol { width: 49px; height: 49px; flex: 0 0 49px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border: 3px solid var(--smil-orange-soft); border-radius: 14px; font-size: 1.25rem; font-weight: 950; line-height: 1; } .smil-faq__intro-label { display: block; margin-bottom: 5px; color: var(--smil-orange-soft); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; } .smil-faq__intro-content strong { display: block; color: var(--smil-white); font-size: clamp(0.98rem, 1.7vw, 1.18rem); font-weight: 900; line-height: 1.42; } /* ========================================================= GRIGLIA FAQ ========================================================= */ .smil-faq__list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 20px; list-style: none; } .smil-faq-item { min-width: 0; } .smil-faq-item article { position: relative; min-height: 100%; padding: 24px; display: flex; flex-direction: column; overflow: hidden; background: rgba(255, 255, 255, 0.97); border: 1px solid var(--smil-border); border-top: 5px solid var(--smil-teal); border-radius: 18px; box-shadow: var(--smil-shadow-small); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-faq-item:nth-child(4n + 2) article { border-top-color: var(--smil-blue-light); } .smil-faq-item:nth-child(4n + 3) article { border-top-color: var(--smil-orange); } .smil-faq-item:nth-child(4n + 4) article { border-top-color: var(--smil-green); } .smil-faq-item article:hover { transform: translateY(-3px); box-shadow: var(--smil-shadow); } .smil-faq-item article::after { content: "?"; position: absolute; top: -27px; right: 10px; color: var(--smil-aqua-soft); font-size: 7rem; font-weight: 950; line-height: 1; opacity: 0.7; pointer-events: none; } /* ========================================================= TESTATA SINGOLA FAQ ========================================================= */ .smil-faq-item__top { position: relative; z-index: 2; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; gap: 13px; } .smil-faq-item__number { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border-radius: 12px; box-shadow: var(--smil-orange-shadow); font-size: 0.75rem; font-weight: 950; line-height: 1; } .smil-faq-item__category { max-width: 68%; padding: 7px 10px; color: var(--smil-teal); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-align: center; text-transform: uppercase; } /* ========================================================= CONTENUTO SINGOLA FAQ ========================================================= */ .smil-faq-item h3 { position: relative; z-index: 2; margin: 0 0 12px; color: var(--smil-title); font-size: clamp(1.05rem, 1.75vw, 1.3rem); font-weight: 900; letter-spacing: -0.012em; line-height: 1.3; } .smil-faq-item p { position: relative; z-index: 2; margin: 0 0 11px; color: var(--smil-muted); font-size: 0.82rem; line-height: 1.59; } .smil-faq-item__direct { color: var(--smil-text) !important; } .smil-faq-item__direct strong { color: var(--smil-title); font-weight: 900; } /* ========================================================= RISPOSTA ESSENZIALE ========================================================= */ .smil-faq-item__takeaway { position: relative; z-index: 2; margin-top: auto; padding: 14px; background: linear-gradient( 110deg, var(--smil-page-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-left: 4px solid var(--smil-teal); border-radius: 11px; } .smil-faq-item:nth-child(4n + 2) .smil-faq-item__takeaway { border-left-color: var(--smil-blue-light); } .smil-faq-item:nth-child(4n + 3) .smil-faq-item__takeaway { border-left-color: var(--smil-orange); } .smil-faq-item:nth-child(4n + 4) .smil-faq-item__takeaway { border-left-color: var(--smil-green); } .smil-faq-item__takeaway span { display: block; margin-bottom: 5px; color: var(--smil-teal); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-faq-item__takeaway strong { display: block; color: var(--smil-title); font-size: 0.77rem; font-weight: 850; line-height: 1.48; } /* ========================================================= CONCLUSIONE ========================================================= */ .smil-faq__conclusion { margin-top: 25px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 19px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-green); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-faq__conclusion-symbol { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border: 3px solid var(--smil-green-soft); border-radius: 14px; font-size: 1.05rem; font-weight: 950; } .smil-faq__conclusion-label { width: fit-content; margin: 0 0 7px; padding: 5px 9px; color: var(--smil-green-dark); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-faq__conclusion-content h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.05rem, 1.8vw, 1.3rem); font-weight: 900; line-height: 1.3; } .smil-faq__conclusion-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } /* ========================================================= CTA FINALE ========================================================= */ .smil-faq__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-faq__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-faq__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-faq__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-faq__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-faq__cta-primary, .smil-faq__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-faq__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-faq__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-faq__cta-primary:hover, .smil-faq__cta-secondary:hover { transform: translateY(-2px); } .smil-faq a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-faq__list { gap: 17px; } .smil-faq-item article { padding: 21px; } .smil-faq__cta-box { grid-template-columns: 1fr; } .smil-faq__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-faq { padding: clamp(55px, 12vw, 75px) 0; } .smil-faq__container { width: min(100% - 28px, 1160px); } .smil-faq__header { margin-bottom: 31px; } .smil-faq__label { padding: 7px 12px; font-size: 0.68rem; } .smil-faq__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-faq__answer { font-size: 0.97rem; line-height: 1.62; } .smil-faq__supporting { font-size: 0.87rem; } .smil-faq__intro { padding: 20px 18px; grid-template-columns: 1fr; border-radius: 16px; } .smil-faq__list { grid-template-columns: 1fr; } .smil-faq-item article { padding: 21px 18px; border-radius: 16px; } .smil-faq-item article::after { top: -18px; right: 5px; font-size: 5.8rem; } .smil-faq-item__category { max-width: 65%; font-size: 0.59rem; } .smil-faq__conclusion { padding: 20px 18px; grid-template-columns: 1fr; gap: 13px; } .smil-faq__cta-box { padding: 22px 19px; gap: 21px; } .smil-faq__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-faq-item article, .smil-faq__cta-primary, .smil-faq__cta-secondary { transition: none; } .smil-faq-item article:hover, .smil-faq__cta-primary:hover, .smil-faq__cta-secondary:hover { transform: none; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO — BLOCCO 12 RIASSUNTO CITABILE ========================================================= */ .smil-recap, .smil-recap * { box-sizing: border-box; } .smil-recap { position: relative; width: 100%; padding: clamp(66px, 8vw, 108px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 8%, rgba(255, 133, 0, 0.08), transparent 27% ), radial-gradient( circle at 95% 10%, rgba(18, 170, 160, 0.12), transparent 30% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 50%, var(--smil-aqua-soft) 100% ); } .smil-recap__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-recap__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-recap__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-recap__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-recap__title span { color: var(--smil-orange); } .smil-recap__answer { max-width: 905px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-recap__answer strong, .smil-recap__supporting strong { color: var(--smil-title); font-weight: 900; } .smil-recap__supporting { max-width: 860px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= RIASSUNTO CITABILE ========================================================= */ .smil-recap__citation { margin-bottom: 25px; padding: 27px 29px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 21px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: var(--smil-shadow); } .smil-recap__citation-symbol { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border: 3px solid var(--smil-green-soft); border-radius: 15px; font-size: 1.18rem; font-weight: 950; } .smil-recap__citation-label { width: fit-content; margin: 0 0 7px; padding: 5px 9px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-recap__citation-content h3 { margin: 0 0 9px; color: var(--smil-white); font-size: clamp(1.08rem, 1.9vw, 1.4rem); font-weight: 900; line-height: 1.3; } .smil-recap__citation-content > p:last-child { margin: 0; color: var(--smil-aqua-soft); font-size: 0.88rem; line-height: 1.62; } /* ========================================================= TESTATE INTERNE ========================================================= */ .smil-recap__section-header { max-width: 860px; margin-bottom: 24px; } .smil-recap__section-kicker { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-recap__section-header h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.25; } .smil-recap__section-header > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.9rem; line-height: 1.62; } /* ========================================================= PUNTI ESSENZIALI ========================================================= */ .smil-recap__essentials { padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-recap__facts { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-recap-fact { min-width: 0; padding: 17px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-left: 5px solid var(--smil-teal); border-radius: 13px; } .smil-recap-fact:nth-child(4n + 2) { border-left-color: var(--smil-blue-light); } .smil-recap-fact:nth-child(4n + 3) { border-left-color: var(--smil-orange); } .smil-recap-fact:nth-child(4n + 4) { border-left-color: var(--smil-green); } .smil-recap-fact dt { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; color: var(--smil-title); font-size: 0.88rem; font-weight: 900; line-height: 1.4; } .smil-recap-fact__number { width: 31px; height: 31px; flex: 0 0 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 9px; font-size: 0.66rem; font-weight: 950; } .smil-recap-fact dd { margin: 0; color: var(--smil-muted); font-size: 0.75rem; line-height: 1.5; } /* ========================================================= MAPPA RUMORE / SOLUZIONE ========================================================= */ .smil-recap__noise-map { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(270px, 0.7fr) minmax(0, 1.3fr); align-items: start; gap: 30px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-recap__noise-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-recap__noise-intro h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-recap__noise-intro > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-recap__noise-grid { display: grid; gap: 9px; } .smil-recap-noise { min-width: 0; padding: 13px 14px; display: grid; grid-template-columns: minmax(165px, 0.7fr) minmax(125px, 0.5fr) minmax(0, 1fr) auto; align-items: center; gap: 13px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 11px; } .smil-recap-noise__problem { color: var(--smil-muted); font-size: 0.72rem; font-weight: 750; line-height: 1.42; } .smil-recap-noise strong { color: var(--smil-title); font-size: 0.75rem; font-weight: 900; line-height: 1.4; } .smil-recap-noise p { margin: 0; color: var(--smil-muted); font-size: 0.69rem; line-height: 1.44; } .smil-recap-noise a { display: inline-flex; align-items: center; gap: 5px; color: var(--smil-teal) !important; font-size: 0.68rem; font-weight: 900; line-height: 1.4; text-align: right; text-decoration: none !important; white-space: nowrap; } .smil-recap-noise a span { color: var(--smil-orange); } /* ========================================================= METODO ========================================================= */ .smil-recap__method { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.68fr) minmax(0, 1.32fr); align-items: center; gap: 31px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 20px; box-shadow: var(--smil-shadow); } .smil-recap__method-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-recap__method-intro h3 { margin: 0 0 10px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-recap__method-intro > p:last-child { margin: 0; color: var(--smil-aqua-soft); font-size: 0.84rem; line-height: 1.58; } .smil-recap__method-steps { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; } .smil-recap-method-step { min-width: 0; padding: 11px 13px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 11px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 11px; } .smil-recap-method-step > span { width: 30px; height: 30px; 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-recap-method-step strong { display: block; margin-bottom: 2px; color: var(--smil-white); font-size: 0.76rem; font-weight: 900; line-height: 1.35; } .smil-recap-method-step p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.69rem; line-height: 1.43; } /* ========================================================= CHIAREZZA ========================================================= */ .smil-recap__clarity { margin-top: 22px; padding: 29px 28px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-recap__clarity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-recap-clarity { min-width: 0; padding: 16px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 13px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 13px; } .smil-recap-clarity__symbol { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: var(--smil-orange-dark); background: var(--smil-orange-soft); border: 1px solid var(--smil-orange); border-radius: 10px; font-size: 1rem; font-weight: 950; } .smil-recap-clarity strong { display: block; margin-bottom: 4px; color: var(--smil-title); font-size: 0.79rem; font-weight: 900; line-height: 1.4; } .smil-recap-clarity p { margin: 0; color: var(--smil-muted); font-size: 0.71rem; line-height: 1.46; } /* ========================================================= AZIENDA ========================================================= */ .smil-recap__company { margin-top: 22px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 19px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.27); border-left: 6px solid var(--smil-green); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-recap__company-symbol { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 13px; font-size: 1rem; font-weight: 950; } .smil-recap__company-label { width: fit-content; margin: 0 0 6px; padding: 5px 9px; color: var(--smil-green-dark); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-recap__company-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.7vw, 1.22rem); font-weight: 900; line-height: 1.3; } .smil-recap__company-content > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.82rem; line-height: 1.57; } .smil-recap__company-link { min-height: 46px; padding: 11px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ); border-radius: 11px; box-shadow: var(--smil-green-shadow); font-size: 0.74rem; font-weight: 900; line-height: 1.3; text-decoration: none !important; white-space: nowrap; } /* ========================================================= NAVIGAZIONE INTERNA ========================================================= */ .smil-recap__navigation { margin-top: 22px; padding: 28px; display: grid; grid-template-columns: minmax(260px, 0.68fr) minmax(0, 1.32fr); align-items: center; gap: 30px; background: linear-gradient( 110deg, var(--smil-cream) 0%, var(--smil-white) 56%, var(--smil-aqua-soft) 100% ); border: 1px solid var(--smil-border); border-radius: 20px; box-shadow: var(--smil-shadow-small); } .smil-recap__navigation-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-recap__navigation-intro h3 { margin: 0 0 10px; color: var(--smil-title); font-size: clamp(1.2rem, 2.3vw, 1.65rem); font-weight: 900; line-height: 1.25; } .smil-recap__navigation-intro > p:last-child { margin: 0; color: var(--smil-text); font-size: 0.84rem; line-height: 1.58; } .smil-recap__navigation-links { display: grid; gap: 8px; } .smil-recap__navigation-links a { min-width: 0; padding: 11px 13px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; color: var(--smil-title) !important; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 11px; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-recap__navigation-links a:hover { transform: translateX(3px); box-shadow: var(--smil-shadow-small); } .smil-recap__navigation-links a > span { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 9px; font-size: 0.66rem; font-weight: 950; } .smil-recap__navigation-links strong { display: block; margin-bottom: 2px; color: var(--smil-title); font-size: 0.75rem; font-weight: 900; line-height: 1.35; } .smil-recap__navigation-links small { display: block; color: var(--smil-muted); font-size: 0.67rem; line-height: 1.4; } .smil-recap__navigation-links b { color: var(--smil-teal); } /* ========================================================= TRASPARENZA ========================================================= */ .smil-recap__transparency { margin-top: 22px; padding: 22px 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 17px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--smil-orange); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-recap__transparency-symbol { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-cream); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 1rem; font-weight: 900; } .smil-recap__transparency-content h3 { margin: 0 0 6px; color: var(--smil-title); font-size: clamp(1rem, 1.6vw, 1.17rem); font-weight: 900; line-height: 1.3; } .smil-recap__transparency-content p { margin: 0; color: var(--smil-text); font-size: 0.83rem; line-height: 1.57; } /* ========================================================= AGGIORNAMENTO ========================================================= */ .smil-recap__updated { width: fit-content; margin: 20px auto 0; padding: 9px 14px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--smil-green-dark); background: var(--smil-green-soft); border: 1px solid rgba(13, 179, 75, 0.25); border-radius: 999px; font-size: 0.72rem; font-weight: 850; line-height: 1.4; } .smil-recap__updated > span { width: 19px; height: 19px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 50%; font-size: 0.66rem; font-weight: 950; } /* ========================================================= CTA FINALE ========================================================= */ .smil-recap__cta-box { margin-top: 22px; padding: 27px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 6px solid var(--smil-orange); border-radius: 18px; box-shadow: var(--smil-shadow-small); } .smil-recap__cta-label { width: fit-content; margin: 0 0 8px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-orange); border-radius: 999px; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-recap__cta-content h3 { margin: 0 0 8px; color: var(--smil-title); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; line-height: 1.28; } .smil-recap__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.84rem; line-height: 1.58; } .smil-recap__cta-actions { min-width: 280px; display: grid; gap: 10px; } .smil-recap__cta-primary, .smil-recap__cta-secondary { min-height: 49px; padding: 12px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-size: 0.81rem; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-recap__cta-primary { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); } .smil-recap__cta-secondary { color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-recap__cta-primary:hover, .smil-recap__cta-secondary:hover { transform: translateY(-2px); } .smil-recap a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-recap__noise-map, .smil-recap__method, .smil-recap__navigation { grid-template-columns: 1fr; } .smil-recap-noise { grid-template-columns: minmax(150px, 0.75fr) minmax(120px, 0.55fr) minmax(0, 1fr); } .smil-recap-noise a { grid-column: 1 / -1; justify-self: start; } .smil-recap__company { grid-template-columns: auto minmax(0, 1fr); } .smil-recap__company-link { grid-column: 2; justify-self: start; } .smil-recap__cta-box { grid-template-columns: 1fr; } .smil-recap__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-recap { padding: clamp(55px, 12vw, 75px) 0; } .smil-recap__container { width: min(100% - 28px, 1160px); } .smil-recap__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-recap__answer { font-size: 0.97rem; line-height: 1.62; } .smil-recap__supporting { font-size: 0.87rem; } .smil-recap__citation { padding: 21px 18px; grid-template-columns: 1fr; border-radius: 17px; } .smil-recap__essentials, .smil-recap__clarity { padding: 22px 19px; border-radius: 17px; } .smil-recap__facts, .smil-recap__clarity-grid { grid-template-columns: 1fr; } .smil-recap__noise-map, .smil-recap__method, .smil-recap__navigation { padding: 22px 19px; border-radius: 17px; } .smil-recap-noise { grid-template-columns: 1fr; gap: 6px; } .smil-recap-noise a { grid-column: auto; } .smil-recap__company { padding: 20px 18px; grid-template-columns: 1fr; } .smil-recap__company-link { grid-column: auto; width: 100%; } .smil-recap__transparency { padding: 20px 18px; grid-template-columns: 1fr; } .smil-recap__updated { align-items: flex-start; border-radius: 14px; text-align: left; } .smil-recap__cta-box { padding: 22px 19px; gap: 21px; } .smil-recap__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-recap__navigation-links a, .smil-recap__cta-primary, .smil-recap__cta-secondary { transition: none; } .smil-recap__navigation-links a:hover, .smil-recap__cta-primary:hover, .smil-recap__cta-secondary:hover { transform: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_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; } /* ========================================================= SORGEDIL MILANO MODULO FINALE E CTA ========================================================= */ .smil-contact, .smil-contact * { box-sizing: border-box; } .smil-contact { position: relative; width: 100%; padding: clamp(68px, 8vw, 110px) 0; color: var(--smil-text); background: radial-gradient( circle at 5% 7%, rgba(255, 133, 0, 0.10), transparent 28% ), radial-gradient( circle at 95% 9%, rgba(18, 170, 160, 0.14), transparent 31% ), linear-gradient( 115deg, var(--smil-cream) 0%, var(--smil-white) 49%, var(--smil-aqua-soft) 100% ); } .smil-contact__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-contact__header { max-width: 950px; margin: 0 auto clamp(36px, 5vw, 54px); text-align: center; } .smil-contact__label { width: fit-content; margin: 0 auto 15px; padding: 8px 16px; color: var(--smil-teal); background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 999px; box-shadow: var(--smil-shadow-small); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.025em; line-height: 1.3; } .smil-contact__title { margin: 0 0 20px; color: var(--smil-title); font-family: inherit; font-size: clamp(2rem, 4.5vw, 3.65rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance; } .smil-contact__title span { color: var(--smil-orange); } .smil-contact__answer { max-width: 905px; margin: 0 auto 14px; color: var(--smil-text); font-size: clamp(1rem, 1.45vw, 1.16rem); line-height: 1.7; } .smil-contact__answer strong, .smil-contact__supporting strong { color: var(--smil-title); font-weight: 900; } .smil-contact__supporting { max-width: 860px; margin: 0 auto; color: var(--smil-muted); font-size: 0.94rem; line-height: 1.62; } /* ========================================================= PERCORSO ========================================================= */ .smil-contact__steps { margin: 0 0 25px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: var(--smil-shadow); list-style: none; } .smil-contact-step { min-width: 0; padding: 21px 19px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 11px; } .smil-contact-step + .smil-contact-step { border-left: 1px solid rgba(255, 255, 255, 0.20); } .smil-contact-step__number { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border: 2px solid var(--smil-orange-soft); border-radius: 10px; font-size: 0.73rem; font-weight: 950; line-height: 1; } .smil-contact-step strong { display: block; margin-bottom: 4px; color: var(--smil-white); font-size: 0.79rem; font-weight: 900; line-height: 1.35; } .smil-contact-step p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.7rem; line-height: 1.44; } /* ========================================================= AREA PRINCIPALE ========================================================= */ .smil-contact__main { display: grid; grid-template-columns: minmax(0, 0.83fr) minmax(390px, 1.17fr); align-items: start; gap: 24px; } .smil-contact__information { min-width: 0; display: grid; gap: 17px; } /* ========================================================= SCHEDA INTRODUTTIVA ========================================================= */ .smil-contact__intro-card { padding: 25px 24px; color: var(--smil-white); background: linear-gradient( 145deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: var(--smil-shadow); } .smil-contact__section-label { width: fit-content; margin: 0 0 10px; padding: 6px 10px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-contact__intro-card h3 { margin: 0 0 11px; color: var(--smil-white); font-size: clamp(1.2rem, 2.3vw, 1.6rem); font-weight: 900; line-height: 1.28; } .smil-contact__intro-card > p:last-child { margin: 0; color: var(--smil-aqua-soft); font-size: 0.85rem; line-height: 1.61; } /* ========================================================= INFORMAZIONI UTILI ========================================================= */ .smil-contact__help { padding: 23px; background: var(--smil-white); border: 1px solid var(--smil-border); border-radius: 17px; box-shadow: var(--smil-shadow-small); } .smil-contact__help h3 { margin: 0 0 15px; color: var(--smil-title); font-size: clamp(1rem, 1.7vw, 1.2rem); font-weight: 900; line-height: 1.32; } .smil-contact__help ul { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-contact__help li { min-width: 0; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 11px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; } .smil-contact__help li > span { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 9px; font-size: 0.65rem; font-weight: 950; } .smil-contact__help strong { display: block; margin-bottom: 3px; color: var(--smil-title); font-size: 0.77rem; font-weight: 900; line-height: 1.35; } .smil-contact__help p { margin: 0; color: var(--smil-muted); font-size: 0.7rem; line-height: 1.45; } /* ========================================================= TELEFONO ========================================================= */ .smil-contact__phone-card { padding: 21px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 15px; background: linear-gradient( 110deg, var(--smil-green-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(13, 179, 75, 0.27); border-left: 5px solid var(--smil-green); border-radius: 16px; box-shadow: var(--smil-shadow-small); } .smil-contact__phone-symbol { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-green); border-radius: 13px; font-size: 1rem; font-weight: 950; box-shadow: var(--smil-green-shadow); } .smil-contact__phone-label { width: fit-content; margin: 0 0 5px; padding: 4px 8px; color: var(--smil-green-dark); background: var(--smil-white); border-radius: 999px; font-size: 0.58rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-contact__phone-content h3 { margin: 0 0 4px; color: var(--smil-title); font-size: 0.9rem; font-weight: 900; line-height: 1.35; } .smil-contact__phone-content a { display: inline-block; margin-bottom: 4px; color: var(--smil-green-dark) !important; font-size: clamp(1.25rem, 2.4vw, 1.65rem); font-weight: 950; letter-spacing: -0.025em; line-height: 1.1; text-decoration: none !important; } .smil-contact__phone-content > p:last-child { margin: 0; color: var(--smil-muted); font-size: 0.69rem; line-height: 1.45; } /* ========================================================= CHIAREZZA ========================================================= */ .smil-contact__clarity { padding: 19px 20px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; background: linear-gradient( 110deg, var(--smil-orange-soft) 0%, var(--smil-white) 100% ); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--smil-orange); border-radius: 15px; box-shadow: var(--smil-shadow-small); } .smil-contact__clarity-symbol { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 11px; font-size: 0.9rem; font-weight: 950; } .smil-contact__clarity h3 { margin: 0 0 5px; color: var(--smil-title); font-size: 0.88rem; font-weight: 900; line-height: 1.35; } .smil-contact__clarity p { margin: 0; color: var(--smil-text); font-size: 0.72rem; line-height: 1.48; } /* ========================================================= MODULO ========================================================= */ .smil-contact__form-column { min-width: 0; } .smil-contact__form { position: relative; padding: clamp(23px, 3vw, 32px); background: var(--smil-white); border: 1px solid var(--smil-border); border-top: 7px solid var(--smil-orange); border-radius: 20px; box-shadow: var(--smil-shadow); } .smil-contact__form-header { margin-bottom: 23px; padding-bottom: 19px; border-bottom: 1px solid var(--smil-border); } .smil-contact__form-kicker { width: fit-content; margin: 0 0 9px; padding: 6px 10px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-contact__form-header h3 { margin: 0 0 7px; color: var(--smil-title); font-size: clamp(1.25rem, 2.4vw, 1.7rem); font-weight: 900; line-height: 1.27; } .smil-contact__form-header > p:last-child { margin: 0; color: var(--smil-muted); font-size: 0.72rem; line-height: 1.45; } .smil-contact__form-header > p:last-child span { color: var(--smil-orange-dark); font-weight: 950; } /* FIELDSET */ .smil-contact__fieldset { min-width: 0; margin: 0 0 21px; padding: 0; border: 0; } .smil-contact__fieldset legend { width: 100%; margin-bottom: 12px; padding: 0 0 7px; color: var(--smil-title); border-bottom: 1px solid var(--smil-border); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.02em; line-height: 1.4; } .smil-contact__fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } /* CAMPI */ .smil-contact-field { min-width: 0; } .smil-contact-field--full { grid-column: 1 / -1; } .smil-contact-field label { display: block; margin-bottom: 7px; color: var(--smil-title); font-size: 0.72rem; font-weight: 850; line-height: 1.4; } .smil-contact-field label span { color: var(--smil-orange-dark); font-weight: 950; } .smil-contact-field input, .smil-contact-field select, .smil-contact-field textarea { width: 100%; color: var(--smil-text); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; font-family: inherit; font-size: 0.8rem; line-height: 1.4; outline: none; transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; } .smil-contact-field input, .smil-contact-field select { min-height: 48px; padding: 11px 13px; } .smil-contact-field textarea { min-height: 132px; padding: 12px 13px; resize: vertical; } .smil-contact-field select { cursor: pointer; } .smil-contact-field input::placeholder, .smil-contact-field textarea::placeholder { color: var(--smil-muted); opacity: 0.78; } .smil-contact-field input:hover, .smil-contact-field select:hover, .smil-contact-field textarea:hover { border-color: var(--smil-teal-light); } .smil-contact-field input:focus, .smil-contact-field select:focus, .smil-contact-field textarea:focus { background: var(--smil-white); border-color: var(--smil-teal); box-shadow: 0 0 0 4px rgba(0, 140, 131, 0.12); } .smil-contact-field input:user-invalid, .smil-contact-field select:user-invalid, .smil-contact-field textarea:user-invalid { border-color: var(--smil-orange); } .smil-contact-field small { display: block; margin-top: 6px; color: var(--smil-muted); font-size: 0.66rem; line-height: 1.42; } /* RADIO */ .smil-contact__choice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .smil-contact__choice label { min-width: 0; min-height: 46px; padding: 10px 11px; display: flex; align-items: center; gap: 8px; color: var(--smil-title); background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 10px; cursor: pointer; font-size: 0.7rem; font-weight: 800; line-height: 1.35; } .smil-contact__choice input { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; accent-color: var(--smil-teal); } /* PRIVACY */ .smil-contact__privacy { margin-bottom: 15px; padding: 14px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 11px; } .smil-contact__privacy label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; cursor: pointer; } .smil-contact__privacy input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--smil-teal); } .smil-contact__privacy span { color: var(--smil-muted); font-size: 0.68rem; line-height: 1.5; } .smil-contact__privacy a { color: var(--smil-teal) !important; font-weight: 900; } .smil-contact__privacy b { color: var(--smil-orange-dark); } /* ========================================================= GOOGLE RECAPTCHA ========================================================= */ .smil-contact__recaptcha { margin-bottom: 16px; padding: 15px; display: grid; gap: 12px; background: var(--smil-page-soft); border: 1px solid var(--smil-border); border-radius: 12px; } .smil-contact__recaptcha-copy strong { display: block; margin-bottom: 4px; color: var(--smil-title); font-size: 0.76rem; font-weight: 900; line-height: 1.35; } .smil-contact__recaptcha-copy p { margin: 0; color: var(--smil-muted); font-size: 0.67rem; line-height: 1.45; } .smil-contact__recaptcha-widget { min-width: 0; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .smil-contact__recaptcha-widget .g-recaptcha { max-width: 100%; } /* MESSAGGI DI STATO */ .smil-contact__status { display: none; margin: 0 0 15px; padding: 12px 13px; border: 1px solid var(--smil-border); border-radius: 10px; font-size: 0.7rem; font-weight: 800; line-height: 1.45; } .smil-contact__status:not(:empty) { display: block; } .smil-contact__status--loading { color: var(--smil-title); background: var(--smil-aqua-soft); border-color: rgba(0, 140, 131, 0.28); } .smil-contact__status--success { color: var(--smil-green-dark); background: var(--smil-green-soft); border-color: rgba(13, 179, 75, 0.30); } .smil-contact__status--error { color: var(--smil-orange-dark); background: var(--smil-orange-soft); border-color: rgba(255, 133, 0, 0.32); } /* NOTA MODULO */ .smil-contact__form-note { margin-bottom: 16px; padding: 13px 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; background: var(--smil-orange-soft); border: 1px solid rgba(255, 133, 0, 0.26); border-radius: 11px; } .smil-contact__form-note > span { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-cream); border: 1px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 0.76rem; font-weight: 900; } .smil-contact__form-note p { margin: 0; color: var(--smil-text); font-size: 0.68rem; line-height: 1.48; } /* PULSANTE */ .smil-contact__submit { width: 100%; min-height: 54px; padding: 13px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: var(--smil-white); background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); border: 0; border-radius: 12px; box-shadow: var(--smil-orange-shadow); cursor: pointer; font-family: inherit; font-size: 0.84rem; font-weight: 900; line-height: 1.3; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-contact__submit:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(255, 133, 0, 0.36); } .smil-contact__submit:disabled { cursor: wait; opacity: 0.72; transform: none; box-shadow: none; } .smil-contact__submit[aria-busy="true"] { pointer-events: none; } .smil-contact__submit:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } .smil-contact__submit span { font-size: 1.05rem; line-height: 1; } .smil-contact__required-note { margin: 9px 0 0; color: var(--smil-muted); font-size: 0.63rem; line-height: 1.4; text-align: center; } .smil-contact__required-note span { color: var(--smil-orange-dark); font-weight: 950; } /* HONEYPOT */ .smil-contact__honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* ========================================================= CHIUSURA ========================================================= */ .smil-contact__final-note { margin-top: 24px; padding: 24px 26px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 19px; color: var(--smil-white); background: linear-gradient( 100deg, var(--smil-blue-dark) 0%, var(--smil-blue) 58%, var(--smil-teal-light) 100% ); border-radius: 18px; box-shadow: var(--smil-shadow); } .smil-contact__final-symbol { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border: 3px solid var(--smil-orange-soft); border-radius: 14px; font-size: 1rem; font-weight: 950; } .smil-contact__final-label { width: fit-content; margin: 0 0 6px; padding: 5px 9px; color: var(--smil-title); background: var(--smil-orange-soft); border-radius: 999px; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.035em; text-transform: uppercase; } .smil-contact__final-content h3 { margin: 0 0 6px; color: var(--smil-white); font-size: clamp(1rem, 1.7vw, 1.23rem); font-weight: 900; line-height: 1.3; } .smil-contact__final-content > p:last-child { margin: 0; color: var(--smil-aqua-soft); font-size: 0.79rem; line-height: 1.54; } .smil-contact__final-phone { min-width: 165px; min-height: 58px; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); border-radius: 12px; box-shadow: var(--smil-green-shadow); text-decoration: none !important; } .smil-contact__final-phone small { margin-bottom: 2px; color: var(--smil-teal); font-size: 0.59rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .smil-contact__final-phone strong { color: var(--smil-green-dark); font-size: 1rem; font-weight: 950; line-height: 1.2; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-contact__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-contact-step:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-contact-step:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-contact__main { grid-template-columns: 1fr; } .smil-contact__information { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .smil-contact__intro-card, .smil-contact__help, .smil-contact__phone-card, .smil-contact__clarity { min-height: 100%; } .smil-contact__final-note { grid-template-columns: auto minmax(0, 1fr); } .smil-contact__final-phone { grid-column: 2; justify-self: start; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-contact { padding: clamp(55px, 12vw, 76px) 0; } .smil-contact__container { width: min(100% - 28px, 1160px); } .smil-contact__header { margin-bottom: 31px; } .smil-contact__label { padding: 7px 12px; font-size: 0.68rem; } .smil-contact__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-contact__answer { font-size: 0.97rem; line-height: 1.62; } .smil-contact__supporting { font-size: 0.87rem; } .smil-contact__steps { grid-template-columns: 1fr; border-radius: 16px; } .smil-contact-step + .smil-contact-step, .smil-contact-step:nth-child(3), .smil-contact-step:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.20); } .smil-contact__information { grid-template-columns: 1fr; } .smil-contact__intro-card, .smil-contact__help { padding: 21px 18px; border-radius: 16px; } .smil-contact__phone-card, .smil-contact__clarity { padding: 18px; grid-template-columns: 1fr; } .smil-contact__form { padding: 22px 18px; border-radius: 17px; } .smil-contact__fields-grid, .smil-contact__choice { grid-template-columns: 1fr; } .smil-contact__recaptcha { padding: 14px 12px; } .smil-contact__recaptcha-widget { justify-content: center; } .smil-contact-field--full { grid-column: auto; } .smil-contact__final-note { padding: 20px 18px; grid-template-columns: 1fr; gap: 14px; border-radius: 16px; } .smil-contact__final-phone { grid-column: auto; width: 100%; min-width: 0; } } /* ========================================================= RECAPTCHA SU SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 360px) { .smil-contact__recaptcha-widget .g-recaptcha { width: 304px; transform: scale(0.88); transform-origin: center top; margin-bottom: -9px; } } @media (max-width: 330px) { .smil-contact__recaptcha-widget .g-recaptcha { transform: scale(0.82); margin-bottom: -14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-contact-field input, .smil-contact-field select, .smil-contact-field textarea, .smil-contact__submit { transition: none; } .smil-contact__submit:hover { transform: none; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1717_24 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_24 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_24 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= SORGEDIL FOOTER PAGINE ISOLAMENTO ACUSTICO MILANO ========================================================= */ .smil-milan-footer, .smil-milan-footer *, .smil-milan-footer *::before, .smil-milan-footer *::after, .smil-back-to-top, .smil-back-to-top *, .smil-back-to-top *::before, .smil-back-to-top *::after { box-sizing: border-box; } .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-actions { min-width: 270px; 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; } /* ========================================================= 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 { /* * La distanza dal fondo evita la sovrapposizione * con la barra fissa inferiore di WebSite X5. */ --smil-back-top-bottom: 94px; position: fixed !important; right: clamp(14px, 2vw, 28px); bottom: var(--smil-back-top-bottom); z-index: 2147483000 !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; } /* Destinazione del pulsante Torna su */ #menu-pagine-isolamento-milano { scroll-margin-top: 18px; } /* ========================================================= 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)); } } /* ========================================================= 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 { --smil-back-top-bottom: 82px; 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; } } /* ========================================================= PAGINE SENZA BARRA INFERIORE FISSA ========================================================= */ /* * Quando la barra blu inferiore di WebSite X5 è nascosta, * puoi sostituire i valori precedenti con questi: * * .smil-back-to-top { * --smil-back-top-bottom: 24px; * } * * @media (max-width: 720px) { * .smil-back-to-top { * --smil-back-top-bottom: 18px; * } * } */ /* ========================================================= ACCESSIBILITÀ E RIDUZIONE MOVIMENTO ========================================================= */ .smil-milan-footer a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } @media (prefers-reduced-motion: reduce) { .smil-milan-footer__cta-primary, .smil-milan-footer__cta-phone, .smil-milan-footer__contact-link, .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-back-to-top:hover, .smil-back-to-top:focus-visible { transform: none; } } /* ========================================================= SORGEDIL MILANO BOTTOM BAR FISSA PER TABLET E SMARTPHONE ========================================================= */ .smil-mobile-bottom, .smil-mobile-bottom *, .smil-mobile-bottom *::before, .smil-mobile-bottom *::after { box-sizing: border-box; } /* ========================================================= NASCOSTA SU DESKTOP ========================================================= */ .smil-mobile-bottom { display: none !important; } /* ========================================================= TABLET E SMARTPHONE ========================================================= */ @media (max-width: 980px) { /* * Lascia spazio alla barra in fondo alla pagina, * evitando che copra contenuti, footer o 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); } /* PREVENTIVO */ .smil-mobile-bottom__button--quote { 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--quote:hover, .smil-mobile-bottom__button--quote: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; } /* ===================================================== FRECCIA FLUTTUANTE TORNA SU ===================================================== */ /* * Mantiene il pulsante Torna su sopra la bottom bar, * evitando sovrapposizioni. */ .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--quote .smil-mobile-bottom__arrow { display: none; } .smil-mobile-bottom__copy strong { font-size: 0.7rem; } } /* ========================================================= DESKTOP: NASCOSTA IN OGNI CASO ========================================================= */ @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-mobile-bottom__button { transition: none; } .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button: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, #imCell_24, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1717_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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; } #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_1717_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_1717_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_1717_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_1717_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_24 { 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_24 { 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, #imCell_24, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1717_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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; } #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_1717_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_1717_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_1717_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_1717_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_24 { 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_24 { 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, #imCell_24, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1717_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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; } #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_1717_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_1717_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_1717_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_1717_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_24 { 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_24 { 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, #imCell_24, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #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_1717_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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; } #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_1717_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_1717_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_1717_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_1717_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_1717_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1717_24 { 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_24 { 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 }