#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 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_20 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_27 { 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_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #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; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } @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 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_20 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_27 { 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_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #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; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } } @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 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_20 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_27 { 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_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #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; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } } @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 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_20 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_27 { 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_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #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; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } } #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_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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 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_1719_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; } :root { --smil-blue-dark: #073b5c; --smil-blue: #075b89; --smil-blue-light: #087ca0; --smil-teal: #008c83; --smil-teal-light: #12aaa0; --smil-orange: #ff8500; --smil-orange-dark: #e87000; --smil-orange-soft: #fff1e2; --smil-green: #0db34b; --smil-green-dark: #07933d; --smil-green-soft: #eaf9ef; --smil-white: #ffffff; --smil-cream: #fff9e8; --smil-aqua-soft: #e3f5f6; --smil-page-soft: #f4fafb; --smil-title: #073b5c; --smil-text: #344653; --smil-muted: #667781; --smil-border: #d9e8ea; } .smil-wall-hero, .smil-wall-hero * { box-sizing: border-box; } .smil-wall-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(54px, 7vw, 96px) 20px; color: var(--smil-white); background: radial-gradient( circle at 90% 15%, rgba(18, 170, 160, 0.34) 0, rgba(18, 170, 160, 0) 35% ), linear-gradient( 125deg, var(--smil-blue-dark) 0%, var(--smil-blue) 57%, var(--smil-teal) 100% ); } .smil-wall-hero::before, .smil-wall-hero::after { position: absolute; z-index: -1; border-radius: 999px; content: ""; pointer-events: none; } .smil-wall-hero::before { width: 330px; height: 330px; top: -190px; left: -130px; border: 42px solid rgba(255, 255, 255, 0.06); } .smil-wall-hero::after { width: 240px; height: 240px; right: -90px; bottom: -150px; border: 34px solid rgba(255, 255, 255, 0.07); } .smil-wall-hero__container { width: min(1180px, 100%); margin: 0 auto; } .smil-wall-hero__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.65fr); gap: clamp(30px, 5vw, 68px); align-items: center; } .smil-wall-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 18px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: var(--smil-white); font-size: 0.82rem; font-weight: 800; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-wall-hero__eyebrow-icon { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: var(--smil-orange); box-shadow: 0 0 0 5px rgba(255, 133, 0, 0.18); } .smil-wall-hero__title { max-width: 850px; margin: 0; color: var(--smil-white); font-size: clamp(2.2rem, 5.2vw, 4.15rem); font-weight: 850; line-height: 1.04; letter-spacing: -0.04em; text-wrap: balance; } .smil-wall-hero__lead { max-width: 780px; margin: 24px 0 0; color: rgba(255, 255, 255, 0.94); font-size: clamp(1.06rem, 1.6vw, 1.27rem); line-height: 1.72; } .smil-wall-hero__lead strong { color: var(--smil-white); font-weight: 800; } .smil-wall-hero__answer { max-width: 800px; margin: 26px 0 0; padding: 18px 20px; border-left: 5px solid var(--smil-orange); border-radius: 0 14px 14px 0; background: rgba(255, 255, 255, 0.11); color: var(--smil-white); font-size: 1rem; line-height: 1.65; } .smil-wall-hero__answer strong { color: var(--smil-white); font-weight: 800; } .smil-wall-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; } .smil-wall-hero__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 9px; padding: 14px 22px; border: 2px solid transparent; border-radius: 10px; font-size: 1rem; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-wall-hero__button:hover { transform: translateY(-2px); text-decoration: none; } .smil-wall-hero__button:focus-visible { outline: 3px solid var(--smil-white); outline-offset: 4px; } .smil-wall-hero__button--primary { background: var(--smil-orange); color: var(--smil-blue-dark); box-shadow: 0 12px 28px rgba(7, 59, 92, 0.28); } .smil-wall-hero__button--primary:hover { background: var(--smil-orange-dark); color: var(--smil-white); } .smil-wall-hero__button--secondary { border-color: rgba(255, 255, 255, 0.72); background: transparent; color: var(--smil-white); } .smil-wall-hero__button--secondary:hover { border-color: var(--smil-white); background: rgba(255, 255, 255, 0.1); color: var(--smil-white); } .smil-wall-hero__microcopy { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 0.92rem; line-height: 1.55; } .smil-wall-hero__microcopy svg { width: 19px; height: 19px; flex: 0 0 auto; margin-top: 2px; } .smil-wall-hero__card { position: relative; padding: clamp(24px, 3vw, 34px); border: 1px solid rgba(255, 255, 255, 0.76); border-radius: 22px; background: var(--smil-white); color: var(--smil-text); box-shadow: 0 24px 60px rgba(7, 59, 92, 0.27); } .smil-wall-hero__card-label { display: inline-block; margin: 0 0 10px; color: var(--smil-teal); font-size: 0.78rem; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-hero__card-title { margin: 0; color: var(--smil-title); font-size: clamp(1.42rem, 2.4vw, 1.85rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.02em; } .smil-wall-hero__steps { display: grid; gap: 0; margin: 24px 0 0; padding: 0; list-style: none; } .smil-wall-hero__step { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 0 0 22px; } .smil-wall-hero__step:last-child { padding-bottom: 0; } .smil-wall-hero__step:not(:last-child)::after { position: absolute; width: 2px; top: 42px; bottom: 4px; left: 20px; background: var(--smil-border); content: ""; } .smil-wall-hero__step-number { position: relative; z-index: 1; display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft); color: var(--smil-blue-dark); font-size: 1rem; font-weight: 900; } .smil-wall-hero__step-title { display: block; margin: 1px 0 4px; color: var(--smil-title); font-size: 1rem; font-weight: 850; line-height: 1.35; } .smil-wall-hero__step-text { margin: 0; color: var(--smil-muted); font-size: 0.93rem; line-height: 1.56; } .smil-wall-hero__card-note { margin: 25px 0 0; padding: 15px 16px; border: 1px solid var(--smil-border); border-radius: 12px; background: var(--smil-page-soft); color: var(--smil-text); font-size: 0.91rem; line-height: 1.55; } .smil-wall-hero__card-note strong { color: var(--smil-blue-dark); } @media (max-width: 900px) { .smil-wall-hero__grid { grid-template-columns: 1fr; } .smil-wall-hero__content { max-width: 820px; } .smil-wall-hero__card { max-width: 700px; } } @media (max-width: 600px) { .smil-wall-hero { padding: 46px 16px 54px; } .smil-wall-hero__title { font-size: clamp(2rem, 11vw, 2.8rem); } .smil-wall-hero__lead { font-size: 1.02rem; line-height: 1.62; } .smil-wall-hero__answer { padding: 16px; font-size: 0.96rem; } .smil-wall-hero__actions { display: grid; grid-template-columns: 1fr; } .smil-wall-hero__button { width: 100%; } .smil-wall-hero__card { padding: 23px 19px; border-radius: 18px; } } @media (prefers-reduced-motion: reduce) { .smil-wall-hero__button { transition: none; } .smil-wall-hero__button:hover { transform: none; } }#imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_27 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_27 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_27 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ======================================================== INDICE – ISOLAMENTO ACUSTICO PARETI MILANO ======================================================== */ .smil-wall-index, .smil-wall-index * { box-sizing: border-box; } .smil-wall-index { position: relative; z-index: 1; width: 100%; margin: 0; padding: clamp(54px, 6vw, 82px) 20px; overflow: hidden; scroll-margin-top: 30px; background: radial-gradient( circle at 93% 5%, rgba(18, 170, 160, 0.12) 0, rgba(18, 170, 160, 0.12) 130px, transparent 131px ), var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-wall-index::before { position: absolute; top: 190px; left: -260px; width: 350px; height: 350px; border: 52px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-index__container { position: relative; z-index: 2; width: min(1180px, 100%); margin: 0 auto; } /* ======================================================== INTESTAZIONE ======================================================== */ .smil-wall-index__header { max-width: 960px; margin: 0 auto 30px; text-align: center; } .smil-wall-index__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 13px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-index__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 850; line-height: 1.14; letter-spacing: -0.035em; text-wrap: balance; } .smil-wall-index__intro { max-width: 900px; margin: 19px auto 0; color: var(--smil-text, #344653); font-size: clamp(1rem, 1.45vw, 1.12rem); line-height: 1.72; } .smil-wall-index__intro strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } /* ======================================================== RISPOSTA IMMEDIATA ======================================================== */ .smil-wall-index__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; align-items: center; max-width: 980px; margin: 0 auto 34px; padding: 20px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-left: 5px solid var(--smil-orange, #ff8500); border-radius: 0 17px 17px 0; background: var(--smil-white, #ffffff); box-shadow: 0 12px 30px rgba(7, 59, 92, 0.06); } .smil-wall-index__answer-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 15px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-wall-index__answer-icon svg { width: 26px; height: 26px; } .smil-wall-index__answer-content { min-width: 0; } .smil-wall-index__answer-label { margin: 0 0 4px; color: var(--smil-orange-dark, #e87000); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-index__answer-text { margin: 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.62; } /* ======================================================== GRIGLIA PRINCIPALE ======================================================== */ .smil-wall-index__nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; } .smil-wall-index__group { overflow: hidden; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 35px rgba(7, 59, 92, 0.065); } .smil-wall-index__group-header { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 14px; align-items: center; padding: 22px; border-bottom: 1px solid var(--smil-border, #d9e8ea); background: linear-gradient( 135deg, var(--smil-blue-dark, #073b5c) 0%, var(--smil-blue, #075b89) 100% ); } .smil-wall-index__group-number { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.85rem; font-weight: 900; line-height: 1; } .smil-wall-index__group-label { margin: 0 0 3px; color: var(--smil-teal-light, #12aaa0); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-index__group-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.08rem, 1.8vw, 1.3rem); font-weight: 850; line-height: 1.35; letter-spacing: -0.018em; } /* ======================================================== ELEMENTI DELL’INDICE ======================================================== */ .smil-wall-index__list { display: grid; margin: 0; padding: 0; list-style: none; } .smil-wall-index__item { margin: 0; padding: 0; } .smil-wall-index__item + .smil-wall-index__item { border-top: 1px solid var(--smil-border, #d9e8ea); } .smil-wall-index__link { display: grid; grid-template-columns: 42px minmax(0, 1fr) 30px; gap: 13px; align-items: center; min-height: 92px; padding: 17px 18px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); text-decoration: none; transition: background-color 170ms ease, transform 170ms ease; } .smil-wall-index__link:hover { background: var(--smil-page-soft, #f4fafb); text-decoration: none; } .smil-wall-index__link:focus-visible { position: relative; z-index: 2; outline: 3px solid var(--smil-orange, #ff8500); outline-offset: -4px; } .smil-wall-index__link--contact { background: var(--smil-orange-soft, #fff1e2); } .smil-wall-index__link--contact:hover { background: var(--smil-cream, #fff9e8); } .smil-wall-index__item-number { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-wall-index__link--contact .smil-wall-index__item-number { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } .smil-wall-index__item-content { display: block; min-width: 0; } .smil-wall-index__item-content strong { display: block; margin: 0; background: transparent; color: var(--smil-title, #073b5c); font-size: 0.98rem; font-weight: 850; line-height: 1.42; } .smil-wall-index__item-content small { display: block; margin-top: 5px; color: var(--smil-muted, #667781); font-size: 0.8rem; font-weight: 500; line-height: 1.5; } .smil-wall-index__arrow { display: inline-flex; width: 29px; height: 29px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-page-soft, #f4fafb); color: var(--smil-blue, #075b89); font-size: 1rem; font-weight: 900; line-height: 1; transition: transform 170ms ease, background-color 170ms ease, color 170ms ease; } .smil-wall-index__link:hover .smil-wall-index__arrow { transform: translateX(3px); background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); } .smil-wall-index__link--contact .smil-wall-index__arrow { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } /* ======================================================== CHIUSURA ======================================================== */ .smil-wall-index__footer { max-width: 900px; margin: 30px auto 0; padding: 18px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-aqua-soft, #e3f5f6); text-align: center; } .smil-wall-index__footer p { margin: 0; color: var(--smil-text, #344653); font-size: 0.9rem; line-height: 1.62; } .smil-wall-index__footer a { color: var(--smil-blue, #075b89); font-weight: 850; text-decoration-thickness: 1px; text-underline-offset: 3px; } .smil-wall-index__footer a:hover { color: var(--smil-orange-dark, #e87000); } .smil-wall-index__footer a:focus-visible { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: 3px; } /* ======================================================== RESPONSIVE ======================================================== */ @media (max-width: 900px) { .smil-wall-index__nav { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-wall-index { padding: 46px 16px 56px; } .smil-wall-index__header { text-align: left; } .smil-wall-index__eyebrow { justify-content: flex-start; } .smil-wall-index__title { font-size: clamp(1.8rem, 9vw, 2.55rem); line-height: 1.16; } .smil-wall-index__intro { font-size: 0.98rem; line-height: 1.65; } .smil-wall-index__answer { grid-template-columns: 1fr; gap: 12px; padding: 19px 17px; } .smil-wall-index__answer-icon { width: 48px; height: 48px; } .smil-wall-index__group { border-radius: 17px; } .smil-wall-index__group-header { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; padding: 19px 17px; } .smil-wall-index__group-number { width: 44px; height: 44px; } .smil-wall-index__link { grid-template-columns: 38px minmax(0, 1fr) 28px; gap: 11px; min-height: 88px; padding: 16px 14px; } .smil-wall-index__item-number { width: 37px; height: 37px; } .smil-wall-index__item-content strong { font-size: 0.93rem; } .smil-wall-index__item-content small { font-size: 0.77rem; } .smil-wall-index__arrow { width: 27px; height: 27px; } .smil-wall-index__footer { padding: 17px; text-align: left; } } @media (prefers-reduced-motion: reduce) { .smil-wall-index__link, .smil-wall-index__arrow { transition: none; } .smil-wall-index__link:hover .smil-wall-index__arrow { transform: none; } }#imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-quick-answer, .smil-quick-answer * { box-sizing: border-box; } .smil-quick-answer { position: relative; padding: clamp(58px, 7vw, 94px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-quick-answer__container { width: min(1180px, 100%); margin: 0 auto; } .smil-quick-answer__header { max-width: 920px; margin: 0 auto 42px; text-align: center; } .smil-quick-answer__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-quick-answer__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.3vw, 3.35rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-quick-answer__intro { max-width: 860px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.05rem, 1.6vw, 1.2rem); line-height: 1.75; } .smil-quick-answer__intro strong { color: var(--smil-blue-dark, #073b5c); font-weight: 800; } .smil-quick-answer__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr); gap: clamp(24px, 4vw, 42px); align-items: stretch; } .smil-quick-answer__main { padding: clamp(26px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); box-shadow: 0 18px 45px rgba(7, 59, 92, 0.08); } .smil-quick-answer__main-heading { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 22px; } .smil-quick-answer__main-icon { display: inline-flex; width: 46px; height: 46px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 1.25rem; font-weight: 900; } .smil-quick-answer__main-label { margin: 0 0 5px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-quick-answer__main-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.2vw, 1.8rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.02em; } .smil-quick-answer__main-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-quick-answer__main-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 800; } .smil-quick-answer__steps { display: grid; gap: 0; margin: 30px 0 0; padding: 0; list-style: none; } .smil-quick-answer__step { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 15px; padding: 0 0 25px; } .smil-quick-answer__step:last-child { padding-bottom: 0; } .smil-quick-answer__step:not(:last-child)::after { position: absolute; width: 2px; top: 42px; bottom: 4px; left: 20px; background: var(--smil-border, #d9e8ea); content: ""; } .smil-quick-answer__step-number { position: relative; z-index: 1; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 2px solid var(--smil-teal-light, #12aaa0); border-radius: 50%; background: var(--smil-white, #ffffff); color: var(--smil-blue-dark, #073b5c); font-size: 0.98rem; font-weight: 900; } .smil-quick-answer__step-content { min-width: 0; } .smil-quick-answer__step-title { margin: 1px 0 5px; color: var(--smil-title, #073b5c); font-size: 1.02rem; font-weight: 850; line-height: 1.4; } .smil-quick-answer__step-text { margin: 0; color: var(--smil-muted, #667781); font-size: 0.95rem; line-height: 1.62; } .smil-quick-answer__aside { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 22px; background: var(--smil-cream, #fff9e8); } .smil-quick-answer__aside-label { margin: 0 0 8px; color: var(--smil-orange-dark, #e87000); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-quick-answer__aside-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.2vw, 1.75rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.02em; } .smil-quick-answer__factors { display: grid; gap: 0; margin: 24px 0 0; } .smil-quick-answer__factor { padding: 17px 0; border-bottom: 1px solid var(--smil-border, #d9e8ea); } .smil-quick-answer__factor:first-child { padding-top: 0; } .smil-quick-answer__factor:last-child { padding-bottom: 0; border-bottom: 0; } .smil-quick-answer__factor-title { margin: 0 0 5px; color: var(--smil-blue-dark, #073b5c); font-size: 0.98rem; font-weight: 850; line-height: 1.4; } .smil-quick-answer__factor-text { margin: 0; color: var(--smil-muted, #667781); font-size: 0.92rem; line-height: 1.58; } .smil-quick-answer__notice { margin-top: 25px; padding: 16px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 12px 12px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.92rem; line-height: 1.62; } .smil-quick-answer__notice strong { color: var(--smil-orange-dark, #e87000); font-weight: 850; } .smil-quick-answer__summary { margin-top: 34px; padding: clamp(20px, 3vw, 28px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 16px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-quick-answer__summary-text { max-width: 980px; margin: 0 auto; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.7; text-align: center; } .smil-quick-answer__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } @media (max-width: 900px) { .smil-quick-answer__grid { grid-template-columns: 1fr; } .smil-quick-answer__aside { max-width: none; } } @media (max-width: 600px) { .smil-quick-answer { padding: 48px 16px 58px; } .smil-quick-answer__header { margin-bottom: 30px; text-align: left; } .smil-quick-answer__eyebrow { justify-content: flex-start; } .smil-quick-answer__intro { font-size: 1rem; line-height: 1.66; } .smil-quick-answer__main, .smil-quick-answer__aside { padding: 22px 18px; border-radius: 17px; } .smil-quick-answer__main-heading { gap: 12px; } .smil-quick-answer__main-icon { width: 40px; height: 40px; } .smil-quick-answer__step { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; } .smil-quick-answer__step-number { width: 38px; height: 38px; } .smil-quick-answer__step:not(:last-child)::after { top: 38px; left: 18px; } .smil-quick-answer__summary-text { text-align: left; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-wall-noises, .smil-wall-noises * { box-sizing: border-box; } .smil-wall-noises { position: relative; scroll-margin-top: 30px; padding: clamp(60px, 7vw, 96px) 20px; overflow: hidden; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-noises::before { position: absolute; width: 320px; height: 320px; top: 80px; right: -210px; border: 48px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-noises__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-wall-noises__header { max-width: 930px; margin: 0 auto 34px; text-align: center; } .smil-wall-noises__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-noises__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.35rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-wall-noises__intro { max-width: 880px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-wall-noises__intro strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-wall-noises__answer { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; max-width: 1020px; margin: 0 auto 38px; padding: clamp(22px, 3vw, 30px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 18px 18px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-wall-noises__answer-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-wall-noises__answer-icon svg { width: 28px; height: 28px; } .smil-wall-noises__answer-content { min-width: 0; } .smil-wall-noises__answer-label { margin: 0 0 5px; color: var(--smil-orange-dark, #e87000); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-noises__answer-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.7; } .smil-wall-noises__answer-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-wall-noises__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .smil-wall-noises__card { position: relative; padding: clamp(24px, 3vw, 32px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-wall-noises__card::after { position: absolute; width: 54px; height: 5px; top: 0; left: 30px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-wall-noises__card-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-wall-noises__card-icon svg { width: 26px; height: 26px; } .smil-wall-noises__card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.25rem, 2vw, 1.55rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-wall-noises__card-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.68; } .smil-wall-noises__card-detail { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-noises__flanking { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(34px, 5vw, 54px); padding: clamp(28px, 4vw, 44px); border-radius: 24px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-wall-noises__flanking-content { min-width: 0; } .smil-wall-noises__flanking-label { display: inline-block; margin: 0 0 10px; color: var(--smil-teal-light, #12aaa0); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .smil-wall-noises__flanking-title { max-width: 700px; margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.025em; } .smil-wall-noises__flanking-text { max-width: 760px; margin: 18px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-wall-noises__flanking-text strong { color: var(--smil-white, #ffffff); font-weight: 850; } .smil-wall-noises__paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 22px; margin: 25px 0 0; padding: 0; list-style: none; } .smil-wall-noises__path { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.95rem; line-height: 1.5; } .smil-wall-noises__path-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-wall-noises__diagnosis { align-self: stretch; padding: clamp(23px, 3vw, 30px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-noises__diagnosis-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); } .smil-wall-noises__diagnosis-icon svg { width: 25px; height: 25px; } .smil-wall-noises__diagnosis-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.25rem, 2.1vw, 1.58rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-wall-noises__diagnosis-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.95rem; line-height: 1.65; } .smil-wall-noises__diagnosis-note { margin: 18px 0 0; padding: 15px; border-radius: 12px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.58; } .smil-wall-noises__diagnosis-note strong { color: var(--smil-green-dark, #07933d); font-weight: 850; } .smil-wall-noises__summary { max-width: 1020px; margin: 34px auto 0; padding: clamp(20px, 3vw, 28px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 16px; background: var(--smil-aqua-soft, #e3f5f6); text-align: center; } .smil-wall-noises__summary-title { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-noises__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.7; } .smil-wall-noises__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } @media (max-width: 900px) { .smil-wall-noises__flanking { grid-template-columns: 1fr; } .smil-wall-noises__diagnosis { max-width: 720px; } } @media (max-width: 720px) { .smil-wall-noises__grid { grid-template-columns: 1fr; } .smil-wall-noises__paths { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-wall-noises { padding: 48px 16px 58px; } .smil-wall-noises__header { margin-bottom: 28px; text-align: left; } .smil-wall-noises__eyebrow { justify-content: flex-start; } .smil-wall-noises__intro { font-size: 1rem; line-height: 1.66; } .smil-wall-noises__answer { grid-template-columns: 1fr; gap: 13px; padding: 20px 18px; } .smil-wall-noises__answer-icon { width: 48px; height: 48px; } .smil-wall-noises__card { padding: 24px 19px; border-radius: 17px; } .smil-wall-noises__flanking { padding: 27px 19px; border-radius: 19px; } .smil-wall-noises__diagnosis { padding: 22px 18px; } .smil-wall-noises__summary { text-align: left; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-party-wall, .smil-party-wall * { box-sizing: border-box; } .smil-party-wall { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-party-wall::before { position: absolute; width: 360px; height: 360px; top: 180px; left: -270px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-party-wall__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-party-wall__header { max-width: 940px; margin: 0 auto 36px; text-align: center; } .smil-party-wall__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-party-wall__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-party-wall__intro { max-width: 890px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-party-wall__intro strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-party-wall__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 38px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-party-wall__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-party-wall__direct-icon svg { width: 30px; height: 30px; } .smil-party-wall__direct-content { min-width: 0; } .smil-party-wall__direct-label { margin: 0 0 6px; color: var(--smil-orange-dark, #e87000); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-party-wall__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-party-wall__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-party-wall__direct-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-party-wall__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-party-wall__analysis-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); gap: 24px; } .smil-party-wall__analysis-card, .smil-party-wall__warning-card { padding: clamp(25px, 3.5vw, 36px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 21px; } .smil-party-wall__analysis-card { background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-party-wall__warning-card { border-top: 6px solid var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-party-wall__analysis-label, .smil-party-wall__warning-label, .smil-party-wall__rooms-label, .smil-party-wall__system-label, .smil-party-wall__process-label, .smil-party-wall__decision-label, .smil-party-wall__summary-label { margin: 0 0 8px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-party-wall__warning-label { color: var(--smil-orange-dark, #e87000); } .smil-party-wall__analysis-title, .smil-party-wall__warning-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-party-wall__analysis-text, .smil-party-wall__warning-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.68; } .smil-party-wall__analysis-list, .smil-party-wall__warning-list { display: grid; gap: 12px; margin: 23px 0 0; padding: 0; list-style: none; } .smil-party-wall__analysis-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.95rem; line-height: 1.52; } .smil-party-wall__analysis-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-party-wall__warning-item { position: relative; padding-left: 20px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-party-wall__warning-item::before { position: absolute; width: 8px; height: 8px; top: 0.55em; left: 0; border-radius: 50%; background: var(--smil-orange, #ff8500); content: ""; } .smil-party-wall__warning-note { margin: 22px 0 0; padding: 15px 16px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-party-wall__rooms { margin-top: clamp(42px, 6vw, 66px); } .smil-party-wall__rooms-header { max-width: 850px; margin: 0 auto 30px; text-align: center; } .smil-party-wall__rooms-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.03em; text-wrap: balance; } .smil-party-wall__rooms-intro { max-width: 790px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-party-wall__rooms-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-party-wall__room-card { position: relative; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 34px rgba(7, 59, 92, 0.06); } .smil-party-wall__room-card::after { position: absolute; width: 48px; height: 5px; top: 0; left: 28px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-party-wall__room-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-party-wall__room-icon svg { width: 26px; height: 26px; } .smil-party-wall__room-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.28rem; font-weight: 850; line-height: 1.32; letter-spacing: -0.02em; } .smil-party-wall__room-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.95rem; line-height: 1.66; } .smil-party-wall__room-detail { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-party-wall__system { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(25px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-party-wall__system-content { min-width: 0; } .smil-party-wall__system-label { color: var(--smil-teal-light, #12aaa0); } .smil-party-wall__system-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.65rem, 3.2vw, 2.5rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.03em; } .smil-party-wall__system-text { max-width: 760px; margin: 18px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-party-wall__principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 28px; } .smil-party-wall__principle { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-party-wall__principle-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-party-wall__principle-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-party-wall__principle-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.55; } .smil-party-wall__process { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-party-wall__process-label { color: var(--smil-orange-dark, #e87000); } .smil-party-wall__process-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.8rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-party-wall__process-list { display: grid; gap: 16px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-party-wall__process-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; align-items: start; } .smil-party-wall__process-number { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.84rem; font-weight: 900; } .smil-party-wall__process-text { padding-top: 4px; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.52; } .smil-party-wall__process-note { margin: 23px 0 0; padding: 15px; border-radius: 12px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.91rem; font-weight: 750; line-height: 1.58; } .smil-party-wall__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(34px, 5vw, 50px); } .smil-party-wall__decision-card { padding: clamp(24px, 3.4vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); } .smil-party-wall__decision-card--highlight { border-top: 6px solid var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-party-wall__decision-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.7rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-party-wall__decision-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.96rem; line-height: 1.68; } .smil-party-wall__summary { margin-top: 34px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-party-wall__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-party-wall__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-party-wall__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-party-wall__summary-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; margin-top: 24px; } .smil-party-wall__button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 20px; border: 2px solid transparent; border-radius: 10px; font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .smil-party-wall__button:hover { transform: translateY(-2px); text-decoration: none; } .smil-party-wall__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } .smil-party-wall__button--primary { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } .smil-party-wall__button--primary:hover { background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); } .smil-party-wall__button--secondary { border-color: var(--smil-blue, #075b89); background: var(--smil-white, #ffffff); color: var(--smil-blue-dark, #073b5c); } .smil-party-wall__button--secondary:hover { border-color: var(--smil-blue-dark, #073b5c); background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } @media (max-width: 960px) { .smil-party-wall__rooms-grid { grid-template-columns: 1fr; } .smil-party-wall__room-card { max-width: none; } .smil-party-wall__system { grid-template-columns: 1fr; } .smil-party-wall__process { max-width: 760px; } } @media (max-width: 820px) { .smil-party-wall__analysis-grid, .smil-party-wall__decision { grid-template-columns: 1fr; } } @media (max-width: 680px) { .smil-party-wall__principles { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-party-wall { padding: 48px 16px 58px; } .smil-party-wall__header, .smil-party-wall__rooms-header { text-align: left; } .smil-party-wall__eyebrow { justify-content: flex-start; } .smil-party-wall__intro { font-size: 1rem; line-height: 1.66; } .smil-party-wall__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-party-wall__direct-icon { width: 52px; height: 52px; } .smil-party-wall__analysis-card, .smil-party-wall__warning-card, .smil-party-wall__room-card, .smil-party-wall__decision-card { padding: 23px 18px; border-radius: 17px; } .smil-party-wall__system { padding: 27px 18px; border-radius: 19px; } .smil-party-wall__principle { padding: 16px; } .smil-party-wall__summary { padding: 23px 18px; } .smil-party-wall__summary-content { text-align: left; } .smil-party-wall__summary-actions { display: grid; grid-template-columns: 1fr; } .smil-party-wall__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-party-wall__button { transition: none; } .smil-party-wall__button:hover { transform: none; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-voices, .smil-voices * { box-sizing: border-box; } .smil-voices { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-voices::before { position: absolute; width: 340px; height: 340px; top: 150px; right: -250px; border: 52px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-voices__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-voices__header { max-width: 950px; margin: 0 auto 36px; text-align: center; } .smil-voices__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-voices__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-voices__intro { max-width: 900px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-voices__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-voices__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-voices__direct-icon svg { width: 30px; height: 30px; } .smil-voices__direct-content { min-width: 0; } .smil-voices__direct-label, .smil-voices__section-label, .smil-voices__clarity-label, .smil-voices__rooms-label, .smil-voices__night-label, .smil-voices__solution-label, .smil-voices__not-enough-label, .smil-voices__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-voices__direct-label, .smil-voices__not-enough-label { color: var(--smil-orange-dark, #e87000); } .smil-voices__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-voices__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-voices__direct-text strong, .smil-voices__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-voices__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-voices__why-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); align-items: stretch; } .smil-voices__why-content { padding: clamp(26px, 4vw, 40px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-voices__section-title, .smil-voices__types-title, .smil-voices__rooms-title, .smil-voices__solution-title, .smil-voices__process-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-voices__section-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-voices__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-voices__factor { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-voices__factor-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.88rem; font-weight: 900; } .smil-voices__factor-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-voices__factor-text { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-voices__clarity { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-voices__clarity-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 15px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-voices__clarity-icon svg { width: 27px; height: 27px; } .smil-voices__clarity-title, .smil-voices__night-title, .smil-voices__not-enough-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-voices__clarity-text, .smil-voices__night-text, .smil-voices__not-enough-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-voices__clarity-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 11px 11px 0; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-voices__clarity-note strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-voices__types { margin-top: clamp(44px, 6vw, 68px); } .smil-voices__types-header, .smil-voices__process-header { max-width: 870px; margin: 0 auto 30px; text-align: center; } .smil-voices__types-intro { max-width: 800px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-voices__types-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-voices__type-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-voices__type-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-voices__type-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-voices__type-icon svg { width: 25px; height: 25px; } .smil-voices__type-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.15rem; font-weight: 850; line-height: 1.34; } .smil-voices__type-text { margin: 13px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-voices__rooms { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr); gap: clamp(24px, 4vw, 40px); margin-top: clamp(42px, 6vw, 66px); padding: clamp(28px, 4.5vw, 46px); border-radius: 24px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-voices__rooms-label { color: var(--smil-teal-light, #12aaa0); } .smil-voices__rooms-title { color: var(--smil-white, #ffffff); } .smil-voices__rooms-text { margin: 17px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-voices__rooms-list { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-voices__rooms-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-voices__rooms-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-voices__night { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-voices__night-label { color: var(--smil-orange-dark, #e87000); } .smil-voices__night-note { margin: 19px 0 0; padding: 15px; border-radius: 12px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-voices__solution { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-voices__solution-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-voices__solution-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-voices__solution-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-voices__solution-point { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-voices__solution-point-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-voices__solution-point-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-voices__not-enough { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-voices__not-enough-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.62; } .smil-voices__not-enough-note strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-voices__process { margin-top: clamp(42px, 6vw, 66px); } .smil-voices__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-voices__process-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-voices__process-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-voices__process-item-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-voices__process-item-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-voices__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-voices__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-voices__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-voices__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-voices__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-voices__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1000px) { .smil-voices__types-grid, .smil-voices__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-voices__why-grid, .smil-voices__rooms, .smil-voices__solution { grid-template-columns: 1fr; } .smil-voices__clarity, .smil-voices__night, .smil-voices__not-enough { max-width: none; } } @media (max-width: 700px) { .smil-voices__factors, .smil-voices__solution-points { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-voices__types-grid, .smil-voices__process-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-voices { padding: 48px 16px 58px; } .smil-voices__header, .smil-voices__types-header, .smil-voices__process-header { text-align: left; } .smil-voices__eyebrow { justify-content: flex-start; } .smil-voices__intro { font-size: 1rem; line-height: 1.66; } .smil-voices__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-voices__direct-icon { width: 52px; height: 52px; } .smil-voices__why-content, .smil-voices__clarity, .smil-voices__type-card, .smil-voices__night, .smil-voices__solution-content, .smil-voices__not-enough, .smil-voices__process-item { padding: 23px 18px; border-radius: 17px; } .smil-voices__rooms { padding: 27px 18px; border-radius: 19px; } .smil-voices__summary { padding: 23px 18px; } .smil-voices__summary-content { text-align: left; } .smil-voices__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-voices__button { transition: none; } .smil-voices__button:hover { transform: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-tv-music, .smil-tv-music * { box-sizing: border-box; } .smil-tv-music { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-tv-music::before { position: absolute; width: 350px; height: 350px; top: 170px; left: -265px; border: 52px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-tv-music__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-tv-music__header { max-width: 960px; margin: 0 auto 36px; text-align: center; } .smil-tv-music__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-tv-music__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-tv-music__intro { max-width: 910px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-tv-music__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-tv-music__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-tv-music__direct-icon svg { width: 30px; height: 30px; } .smil-tv-music__direct-content { min-width: 0; } .smil-tv-music__direct-label, .smil-tv-music__section-label, .smil-tv-music__difference-label, .smil-tv-music__source-note-label, .smil-tv-music__system-label, .smil-tv-music__limits-label, .smil-tv-music__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-tv-music__direct-label, .smil-tv-music__limits-label { color: var(--smil-orange-dark, #e87000); } .smil-tv-music__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-tv-music__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-tv-music__direct-text strong, .smil-tv-music__limits-note strong, .smil-tv-music__summary-text strong, .smil-tv-music__diagnosis-note strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-tv-music__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-tv-music__difference { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .smil-tv-music__difference-card { position: relative; padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-tv-music__difference-card--bass { border-top-color: var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-tv-music__difference-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 15px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-tv-music__difference-icon--bass { background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-tv-music__difference-icon svg { width: 28px; height: 28px; } .smil-tv-music__difference-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-tv-music__difference-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.97rem; line-height: 1.68; } .smil-tv-music__difference-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-tv-music__difference-item { position: relative; padding-left: 21px; color: var(--smil-muted, #667781); font-size: 0.93rem; line-height: 1.56; } .smil-tv-music__difference-item::before { position: absolute; width: 8px; height: 8px; top: 0.55em; left: 0; border-radius: 50%; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-tv-music__difference-card--bass .smil-tv-music__difference-item::before { background: var(--smil-orange, #ff8500); } .smil-tv-music__source { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-tv-music__source-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-tv-music__section-title, .smil-tv-music__paths-title, .smil-tv-music__system-title, .smil-tv-music__diagnosis-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-tv-music__section-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-tv-music__source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-tv-music__source-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-tv-music__source-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.88rem; font-weight: 900; } .smil-tv-music__source-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-tv-music__source-text { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-tv-music__source-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-tv-music__source-note-label { color: var(--smil-orange-dark, #e87000); } .smil-tv-music__source-note-title, .smil-tv-music__limits-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-tv-music__source-note-text, .smil-tv-music__limits-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-tv-music__paths { margin-top: clamp(44px, 6vw, 68px); } .smil-tv-music__paths-header, .smil-tv-music__diagnosis-header { max-width: 880px; margin: 0 auto 30px; text-align: center; } .smil-tv-music__paths-intro { max-width: 810px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-tv-music__paths-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-tv-music__path-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-tv-music__path-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-tv-music__path-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-tv-music__path-icon svg { width: 25px; height: 25px; } .smil-tv-music__path-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.14rem; font-weight: 850; line-height: 1.34; } .smil-tv-music__path-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-tv-music__system { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-tv-music__system-label { color: var(--smil-teal-light, #12aaa0); } .smil-tv-music__system-title { color: var(--smil-white, #ffffff); } .smil-tv-music__system-text { max-width: 760px; margin: 18px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-tv-music__principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 28px; } .smil-tv-music__principle { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-tv-music__principle-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-tv-music__principle-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-tv-music__principle-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.55; } .smil-tv-music__limits { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-tv-music__limits-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.62; } .smil-tv-music__diagnosis { margin-top: clamp(42px, 6vw, 66px); } .smil-tv-music__diagnosis-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-tv-music__diagnosis-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-tv-music__diagnosis-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-tv-music__diagnosis-item-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-tv-music__diagnosis-item-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-tv-music__diagnosis-note { max-width: 970px; margin: 28px auto 0; padding: 18px 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.64; text-align: center; } .smil-tv-music__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-tv-music__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-tv-music__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-tv-music__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-tv-music__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-tv-music__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1000px) { .smil-tv-music__paths-grid, .smil-tv-music__diagnosis-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-tv-music__source, .smil-tv-music__system { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-tv-music__difference { grid-template-columns: 1fr; } .smil-tv-music__source-grid, .smil-tv-music__principles { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-tv-music__paths-grid, .smil-tv-music__diagnosis-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-tv-music { padding: 48px 16px 58px; } .smil-tv-music__header, .smil-tv-music__paths-header, .smil-tv-music__diagnosis-header { text-align: left; } .smil-tv-music__eyebrow { justify-content: flex-start; } .smil-tv-music__intro { font-size: 1rem; line-height: 1.66; } .smil-tv-music__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-tv-music__direct-icon { width: 52px; height: 52px; } .smil-tv-music__difference-card, .smil-tv-music__source-content, .smil-tv-music__source-note, .smil-tv-music__path-card, .smil-tv-music__limits, .smil-tv-music__diagnosis-item { padding: 23px 18px; border-radius: 17px; } .smil-tv-music__system { padding: 27px 18px; border-radius: 19px; } .smil-tv-music__summary { padding: 23px 18px; } .smil-tv-music__summary-content { text-align: left; } .smil-tv-music__diagnosis-note { text-align: left; } .smil-tv-music__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-tv-music__button { transition: none; } .smil-tv-music__button:hover { transform: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-bedroom-wall, .smil-bedroom-wall * { box-sizing: border-box; } .smil-bedroom-wall { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-bedroom-wall::before { position: absolute; width: 360px; height: 360px; top: 190px; right: -270px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-bedroom-wall__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-bedroom-wall__header { max-width: 960px; margin: 0 auto 36px; text-align: center; } .smil-bedroom-wall__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-bedroom-wall__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-bedroom-wall__intro { max-width: 910px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-bedroom-wall__intro strong, .smil-bedroom-wall__direct-text strong, .smil-bedroom-wall__diagnosis-text strong, .smil-bedroom-wall__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-bedroom-wall__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-bedroom-wall__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-bedroom-wall__direct-icon svg { width: 30px; height: 30px; } .smil-bedroom-wall__direct-content { min-width: 0; } .smil-bedroom-wall__direct-label, .smil-bedroom-wall__section-label, .smil-bedroom-wall__night-label, .smil-bedroom-wall__bed-label, .smil-bedroom-wall__assessment-label, .smil-bedroom-wall__diagnosis-label, .smil-bedroom-wall__system-label, .smil-bedroom-wall__space-label, .smil-bedroom-wall__one-wall-label, .smil-bedroom-wall__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-bedroom-wall__direct-label, .smil-bedroom-wall__bed-label, .smil-bedroom-wall__space-label { color: var(--smil-orange-dark, #e87000); } .smil-bedroom-wall__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-bedroom-wall__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-bedroom-wall__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-bedroom-wall__problems { margin-top: 4px; } .smil-bedroom-wall__problems-header, .smil-bedroom-wall__configurations-header { max-width: 880px; margin: 0 auto 30px; text-align: center; } .smil-bedroom-wall__section-title, .smil-bedroom-wall__assessment-title, .smil-bedroom-wall__system-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-bedroom-wall__section-intro { max-width: 810px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-bedroom-wall__problems-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-bedroom-wall__problem-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-bedroom-wall__problem-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-bedroom-wall__problem-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-bedroom-wall__problem-icon svg { width: 25px; height: 25px; } .smil-bedroom-wall__problem-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.14rem; font-weight: 850; line-height: 1.34; } .smil-bedroom-wall__problem-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-bedroom-wall__night { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-bedroom-wall__night-label { color: var(--smil-teal-light, #12aaa0); } .smil-bedroom-wall__night-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.6rem, 3.1vw, 2.42rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; } .smil-bedroom-wall__night-text { margin: 17px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-bedroom-wall__night-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-bedroom-wall__night-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-bedroom-wall__night-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-bedroom-wall__bed-position { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-bedroom-wall__bed-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-bedroom-wall__bed-icon svg { width: 26px; height: 26px; } .smil-bedroom-wall__bed-title, .smil-bedroom-wall__diagnosis-title, .smil-bedroom-wall__space-title, .smil-bedroom-wall__one-wall-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-bedroom-wall__bed-text, .smil-bedroom-wall__diagnosis-text, .smil-bedroom-wall__space-text, .smil-bedroom-wall__one-wall-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-bedroom-wall__bed-note, .smil-bedroom-wall__diagnosis-note, .smil-bedroom-wall__space-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-bedroom-wall__configurations { margin-top: clamp(44px, 6vw, 68px); } .smil-bedroom-wall__configurations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-bedroom-wall__configuration-card { position: relative; padding: 27px 22px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-bedroom-wall__configuration-number { display: inline-block; margin-bottom: 17px; color: var(--smil-teal, #008c83); font-size: 1.65rem; font-weight: 900; line-height: 1; } .smil-bedroom-wall__configuration-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-bedroom-wall__configuration-text { margin: 11px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-bedroom-wall__assessment { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-bedroom-wall__assessment-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-bedroom-wall__assessment-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-bedroom-wall__assessment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 26px 0 0; } .smil-bedroom-wall__assessment-item { padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-bedroom-wall__assessment-term { color: var(--smil-title, #073b5c); font-size: 0.98rem; font-weight: 850; line-height: 1.4; } .smil-bedroom-wall__assessment-description { margin: 6px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-bedroom-wall__diagnosis { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-bedroom-wall__diagnosis-note { border-left-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-bedroom-wall__system { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-bedroom-wall__system-label { color: var(--smil-teal-light, #12aaa0); } .smil-bedroom-wall__system-title { color: var(--smil-white, #ffffff); } .smil-bedroom-wall__system-text { margin: 18px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-bedroom-wall__principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 28px; } .smil-bedroom-wall__principle { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-bedroom-wall__principle-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-bedroom-wall__principle-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-bedroom-wall__principle-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.55; } .smil-bedroom-wall__space { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-bedroom-wall__one-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(34px, 5vw, 50px); } .smil-bedroom-wall__one-wall-card { padding: clamp(24px, 3.4vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); } .smil-bedroom-wall__one-wall-card--highlight { border-top: 6px solid var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-bedroom-wall__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-bedroom-wall__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-bedroom-wall__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-bedroom-wall__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-bedroom-wall__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-bedroom-wall__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1000px) { .smil-bedroom-wall__problems-grid, .smil-bedroom-wall__configurations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-bedroom-wall__night, .smil-bedroom-wall__assessment, .smil-bedroom-wall__system { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-bedroom-wall__night-list, .smil-bedroom-wall__assessment-list, .smil-bedroom-wall__principles, .smil-bedroom-wall__one-wall { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-bedroom-wall__problems-grid, .smil-bedroom-wall__configurations-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-bedroom-wall { padding: 48px 16px 58px; } .smil-bedroom-wall__header, .smil-bedroom-wall__problems-header, .smil-bedroom-wall__configurations-header { text-align: left; } .smil-bedroom-wall__eyebrow { justify-content: flex-start; } .smil-bedroom-wall__intro { font-size: 1rem; line-height: 1.66; } .smil-bedroom-wall__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-bedroom-wall__direct-icon { width: 52px; height: 52px; } .smil-bedroom-wall__problem-card, .smil-bedroom-wall__configuration-card, .smil-bedroom-wall__assessment-content, .smil-bedroom-wall__diagnosis, .smil-bedroom-wall__space, .smil-bedroom-wall__one-wall-card { padding: 23px 18px; border-radius: 17px; } .smil-bedroom-wall__night, .smil-bedroom-wall__system { padding: 27px 18px; border-radius: 19px; } .smil-bedroom-wall__summary { padding: 23px 18px; } .smil-bedroom-wall__summary-content { text-align: left; } .smil-bedroom-wall__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-bedroom-wall__button { transition: none; } .smil-bedroom-wall__button:hover { transform: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-flanking, .smil-flanking * { box-sizing: border-box; } .smil-flanking { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-flanking::before { position: absolute; width: 360px; height: 360px; top: 180px; left: -270px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-flanking__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-flanking__header { max-width: 960px; margin: 0 auto 36px; text-align: center; } .smil-flanking__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-flanking__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-flanking__intro { max-width: 910px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-flanking__intro strong, .smil-flanking__direct-text strong, .smil-flanking__diagnosis-text strong, .smil-flanking__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-flanking__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-flanking__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-flanking__direct-icon svg { width: 30px; height: 30px; } .smil-flanking__direct-content { min-width: 0; } .smil-flanking__direct-label, .smil-flanking__section-label, .smil-flanking__comparison-label, .smil-flanking__signals-label, .smil-flanking__warning-label, .smil-flanking__project-label, .smil-flanking__diagnosis-label, .smil-flanking__decision-label, .smil-flanking__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-flanking__direct-label, .smil-flanking__warning-label { color: var(--smil-orange-dark, #e87000); } .smil-flanking__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-flanking__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-flanking__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-flanking__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .smil-flanking__comparison-card { padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-flanking__comparison-card--indirect { border-top-color: var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-flanking__comparison-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-flanking__comparison-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.97rem; line-height: 1.68; } .smil-flanking__comparison-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-flanking__comparison-item { position: relative; padding-left: 21px; color: var(--smil-muted, #667781); font-size: 0.93rem; line-height: 1.56; } .smil-flanking__comparison-item::before { position: absolute; width: 8px; height: 8px; top: 0.55em; left: 0; border-radius: 50%; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-flanking__comparison-card--indirect .smil-flanking__comparison-item::before { background: var(--smil-orange, #ff8500); } .smil-flanking__paths { margin-top: clamp(44px, 6vw, 68px); } .smil-flanking__paths-header, .smil-flanking__wall-only-header { max-width: 890px; margin: 0 auto 30px; text-align: center; } .smil-flanking__section-title, .smil-flanking__signals-title, .smil-flanking__project-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-flanking__section-intro { max-width: 810px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-flanking__paths-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-flanking__path-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-flanking__path-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-flanking__path-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-flanking__path-icon svg { width: 25px; height: 25px; } .smil-flanking__path-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.14rem; font-weight: 850; line-height: 1.34; } .smil-flanking__path-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-flanking__signals { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-flanking__signals-label { color: var(--smil-teal-light, #12aaa0); } .smil-flanking__signals-title { color: var(--smil-white, #ffffff); } .smil-flanking__signals-text { margin: 17px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-flanking__signals-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-flanking__signals-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-flanking__signals-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-flanking__warning { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-flanking__warning-title, .smil-flanking__diagnosis-title, .smil-flanking__decision-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-flanking__warning-text, .smil-flanking__diagnosis-text, .smil-flanking__decision-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-flanking__warning-note, .smil-flanking__diagnosis-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-flanking__wall-only { margin-top: clamp(44px, 6vw, 68px); } .smil-flanking__wall-only-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-flanking__wall-only-card { padding: 26px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-flanking__wall-only-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-flanking__wall-only-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-flanking__wall-only-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-flanking__project { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-flanking__project-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-flanking__project-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-flanking__project-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 26px 0 0; padding: 0; list-style: none; } .smil-flanking__project-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-flanking__project-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.88rem; font-weight: 900; } .smil-flanking__project-item-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-flanking__project-item-text { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-flanking__diagnosis { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-flanking__diagnosis-note { border-left-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-flanking__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(34px, 5vw, 50px); } .smil-flanking__decision-card { padding: clamp(24px, 3.4vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); } .smil-flanking__decision-card--highlight { border-top: 6px solid var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-flanking__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-flanking__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-flanking__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-flanking__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-flanking__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-flanking__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-flanking__paths-grid, .smil-flanking__wall-only-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-flanking__signals, .smil-flanking__project { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-flanking__comparison, .smil-flanking__decision, .smil-flanking__signals-list, .smil-flanking__project-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-flanking__paths-grid, .smil-flanking__wall-only-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-flanking { padding: 48px 16px 58px; } .smil-flanking__header, .smil-flanking__paths-header, .smil-flanking__wall-only-header { text-align: left; } .smil-flanking__eyebrow { justify-content: flex-start; } .smil-flanking__intro { font-size: 1rem; line-height: 1.66; } .smil-flanking__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-flanking__direct-icon { width: 52px; height: 52px; } .smil-flanking__comparison-card, .smil-flanking__path-card, .smil-flanking__warning, .smil-flanking__wall-only-card, .smil-flanking__project-content, .smil-flanking__diagnosis, .smil-flanking__decision-card { padding: 23px 18px; border-radius: 17px; } .smil-flanking__signals { padding: 27px 18px; border-radius: 19px; } .smil-flanking__summary { padding: 23px 18px; } .smil-flanking__summary-content { text-align: left; } .smil-flanking__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-flanking__button { transition: none; } .smil-flanking__button:hover { transform: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-decoupled-system, .smil-decoupled-system * { box-sizing: border-box; } .smil-decoupled-system { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-decoupled-system::before { position: absolute; width: 360px; height: 360px; top: 190px; right: -275px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-decoupled-system__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-decoupled-system__header { max-width: 960px; margin: 0 auto 36px; text-align: center; } .smil-decoupled-system__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-decoupled-system__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-decoupled-system__intro { max-width: 910px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-decoupled-system__intro strong, .smil-decoupled-system__direct-text strong, .smil-decoupled-system__configuration-note strong, .smil-decoupled-system__panel-note strong, .smil-decoupled-system__assessment-note strong, .smil-decoupled-system__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-decoupled-system__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-decoupled-system__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-decoupled-system__direct-icon svg { width: 30px; height: 30px; } .smil-decoupled-system__direct-content { min-width: 0; } .smil-decoupled-system__direct-label, .smil-decoupled-system__section-label, .smil-decoupled-system__anatomy-label, .smil-decoupled-system__configuration-label, .smil-decoupled-system__mistakes-label, .smil-decoupled-system__panel-label, .smil-decoupled-system__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-decoupled-system__direct-label, .smil-decoupled-system__panel-label { color: var(--smil-orange-dark, #e87000); } .smil-decoupled-system__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-decoupled-system__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-decoupled-system__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-decoupled-system__principles { margin-top: 4px; } .smil-decoupled-system__principles-header, .smil-decoupled-system__behavior-header, .smil-decoupled-system__assessment-header { max-width: 890px; margin: 0 auto 30px; text-align: center; } .smil-decoupled-system__section-title, .smil-decoupled-system__anatomy-title, .smil-decoupled-system__mistakes-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-decoupled-system__section-intro { max-width: 810px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-decoupled-system__principles-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-decoupled-system__principle-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-decoupled-system__principle-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-decoupled-system__principle-number { display: inline-flex; width: 43px; height: 43px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 900; } .smil-decoupled-system__principle-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.18rem; font-weight: 850; line-height: 1.34; } .smil-decoupled-system__principle-text { margin: 12px 0 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.63; } .smil-decoupled-system__principle-detail { margin: 15px 0 0; padding-top: 15px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.88rem; line-height: 1.58; } .smil-decoupled-system__anatomy { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-decoupled-system__anatomy-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-decoupled-system__anatomy-text, .smil-decoupled-system__mistakes-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-decoupled-system__layers { display: grid; gap: 0; margin: 27px 0 0; padding: 0; list-style: none; } .smil-decoupled-system__layer { position: relative; display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 15px; padding: 0 0 24px; } .smil-decoupled-system__layer:last-child { padding-bottom: 0; } .smil-decoupled-system__layer:not(:last-child)::after { position: absolute; width: 2px; top: 48px; bottom: 4px; left: 23px; background: var(--smil-border, #d9e8ea); content: ""; } .smil-decoupled-system__layer-number { position: relative; z-index: 1; display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 15px; background: var(--smil-white, #ffffff); color: var(--smil-teal, #008c83); font-size: 0.82rem; font-weight: 900; box-shadow: 0 8px 20px rgba(7, 59, 92, 0.08); } .smil-decoupled-system__layer-content { min-width: 0; } .smil-decoupled-system__layer-title { margin: 1px 0 5px; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-decoupled-system__layer-text { margin: 0; color: var(--smil-muted, #667781); font-size: 0.92rem; line-height: 1.6; } .smil-decoupled-system__configuration { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-decoupled-system__configuration-label { color: var(--smil-orange-dark, #e87000); } .smil-decoupled-system__configuration-title, .smil-decoupled-system__panel-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-decoupled-system__configuration-text, .smil-decoupled-system__panel-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-decoupled-system__configuration-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-decoupled-system__behavior { margin-top: clamp(44px, 6vw, 68px); } .smil-decoupled-system__behavior-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-decoupled-system__behavior-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-decoupled-system__behavior-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-decoupled-system__behavior-icon svg { width: 25px; height: 25px; } .smil-decoupled-system__behavior-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.13rem; font-weight: 850; line-height: 1.35; } .smil-decoupled-system__behavior-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-decoupled-system__mistakes { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-decoupled-system__mistakes-label { color: var(--smil-teal-light, #12aaa0); } .smil-decoupled-system__mistakes-title { color: var(--smil-white, #ffffff); } .smil-decoupled-system__mistakes-text { color: var(--smil-white, #ffffff); } .smil-decoupled-system__mistakes-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 25px 0 0; padding: 0; list-style: none; } .smil-decoupled-system__mistakes-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-decoupled-system__mistakes-mark { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.82rem; font-weight: 900; } .smil-decoupled-system__panel { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-decoupled-system__panel-note { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.62; } .smil-decoupled-system__assessment { margin-top: clamp(44px, 6vw, 68px); } .smil-decoupled-system__assessment-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-decoupled-system__assessment-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); } .smil-decoupled-system__assessment-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-decoupled-system__assessment-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-decoupled-system__assessment-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-decoupled-system__assessment-note { max-width: 980px; margin: 28px auto 0; padding: 18px 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.64; text-align: center; } .smil-decoupled-system__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-decoupled-system__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-decoupled-system__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-decoupled-system__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-decoupled-system__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-decoupled-system__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-decoupled-system__principles-grid, .smil-decoupled-system__behavior-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-decoupled-system__assessment-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-decoupled-system__anatomy, .smil-decoupled-system__mistakes { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-decoupled-system__mistakes-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-decoupled-system__principles-grid, .smil-decoupled-system__behavior-grid, .smil-decoupled-system__assessment-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-decoupled-system { padding: 48px 16px 58px; } .smil-decoupled-system__header, .smil-decoupled-system__principles-header, .smil-decoupled-system__behavior-header, .smil-decoupled-system__assessment-header { text-align: left; } .smil-decoupled-system__eyebrow { justify-content: flex-start; } .smil-decoupled-system__intro { font-size: 1rem; line-height: 1.66; } .smil-decoupled-system__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-decoupled-system__direct-icon { width: 52px; height: 52px; } .smil-decoupled-system__principle-card, .smil-decoupled-system__anatomy-content, .smil-decoupled-system__configuration, .smil-decoupled-system__behavior-card, .smil-decoupled-system__panel, .smil-decoupled-system__assessment-item { padding: 23px 18px; border-radius: 17px; } .smil-decoupled-system__mistakes { padding: 27px 18px; border-radius: 19px; } .smil-decoupled-system__summary { padding: 23px 18px; } .smil-decoupled-system__summary-content, .smil-decoupled-system__assessment-note { text-align: left; } .smil-decoupled-system__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-decoupled-system__button { transition: none; } .smil-decoupled-system__button:hover { transform: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-existing-walls, .smil-existing-walls * { box-sizing: border-box; } .smil-existing-walls { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-existing-walls::before { position: absolute; width: 360px; height: 360px; top: 190px; left: -275px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-existing-walls__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-existing-walls__header { max-width: 960px; margin: 0 auto 36px; text-align: center; } .smil-existing-walls__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-existing-walls__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-existing-walls__intro { max-width: 910px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-existing-walls__intro strong, .smil-existing-walls__direct-text strong, .smil-existing-walls__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-existing-walls__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-existing-walls__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-existing-walls__direct-icon svg { width: 30px; height: 30px; } .smil-existing-walls__direct-content { min-width: 0; } .smil-existing-walls__direct-label, .smil-existing-walls__section-label, .smil-existing-walls__construction-label, .smil-existing-walls__demolition-label, .smil-existing-walls__cavity-label, .smil-existing-walls__cavity-warning-label, .smil-existing-walls__milan-label, .smil-existing-walls__milan-note-label, .smil-existing-walls__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-existing-walls__direct-label, .smil-existing-walls__demolition-label, .smil-existing-walls__cavity-warning-label { color: var(--smil-orange-dark, #e87000); } .smil-existing-walls__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-existing-walls__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-existing-walls__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-existing-walls__types-header, .smil-existing-walls__obstacles-header, .smil-existing-walls__rooms-header, .smil-existing-walls__process-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-existing-walls__section-title, .smil-existing-walls__construction-title, .smil-existing-walls__cavity-title, .smil-existing-walls__milan-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-existing-walls__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-existing-walls__types-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-existing-walls__type-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-existing-walls__type-card::after { position: absolute; width: 46px; height: 5px; top: 0; left: 24px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-existing-walls__type-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-existing-walls__type-icon svg { width: 25px; height: 25px; } .smil-existing-walls__type-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.16rem; font-weight: 850; line-height: 1.34; } .smil-existing-walls__type-text { margin: 12px 0 0; color: var(--smil-text, #344653); font-size: 0.92rem; line-height: 1.63; } .smil-existing-walls__type-detail { margin: 15px 0 0; padding-top: 15px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.88rem; line-height: 1.58; } .smil-existing-walls__construction { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-existing-walls__construction-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-existing-walls__construction-text, .smil-existing-walls__cavity-text, .smil-existing-walls__milan-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-existing-walls__construction-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 26px 0 0; padding: 0; list-style: none; } .smil-existing-walls__construction-step { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-existing-walls__construction-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.88rem; font-weight: 900; } .smil-existing-walls__construction-step-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-existing-walls__construction-step-text { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-existing-walls__demolition, .smil-existing-walls__cavity-warning, .smil-existing-walls__milan-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-existing-walls__demolition-title, .smil-existing-walls__cavity-warning-title, .smil-existing-walls__milan-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-existing-walls__demolition-text, .smil-existing-walls__cavity-warning-text, .smil-existing-walls__milan-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-existing-walls__demolition-note, .smil-existing-walls__cavity-warning-note, .smil-existing-walls__milan-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-existing-walls__obstacles { margin-top: clamp(44px, 6vw, 68px); } .smil-existing-walls__obstacles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-existing-walls__obstacle-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-existing-walls__obstacle-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.55rem; font-weight: 900; line-height: 1; } .smil-existing-walls__obstacle-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-existing-walls__obstacle-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-existing-walls__cavity { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-existing-walls__cavity-label { color: var(--smil-teal-light, #12aaa0); } .smil-existing-walls__cavity-title, .smil-existing-walls__cavity-text { color: var(--smil-white, #ffffff); } .smil-existing-walls__cavity-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-existing-walls__cavity-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-existing-walls__cavity-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-existing-walls__cavity-warning { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-existing-walls__rooms { margin-top: clamp(44px, 6vw, 68px); } .smil-existing-walls__rooms-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-existing-walls__room-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-existing-walls__room-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-existing-walls__room-icon svg { width: 25px; height: 25px; } .smil-existing-walls__room-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.14rem; font-weight: 850; line-height: 1.34; } .smil-existing-walls__room-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-existing-walls__milan { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-existing-walls__milan-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-existing-walls__milan-note { border-top-color: var(--smil-teal, #008c83); } .smil-existing-walls__milan-note-box { border-left-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-existing-walls__process { margin-top: clamp(44px, 6vw, 68px); } .smil-existing-walls__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-existing-walls__process-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-existing-walls__process-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-existing-walls__process-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-existing-walls__process-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-existing-walls__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-existing-walls__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-existing-walls__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-existing-walls__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-existing-walls__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-existing-walls__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-existing-walls__types-grid, .smil-existing-walls__rooms-grid, .smil-existing-walls__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-existing-walls__obstacles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-existing-walls__construction, .smil-existing-walls__cavity, .smil-existing-walls__milan { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-existing-walls__construction-steps, .smil-existing-walls__cavity-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-existing-walls__types-grid, .smil-existing-walls__obstacles-grid, .smil-existing-walls__rooms-grid, .smil-existing-walls__process-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-existing-walls { padding: 48px 16px 58px; } .smil-existing-walls__header, .smil-existing-walls__types-header, .smil-existing-walls__obstacles-header, .smil-existing-walls__rooms-header, .smil-existing-walls__process-header { text-align: left; } .smil-existing-walls__eyebrow { justify-content: flex-start; } .smil-existing-walls__intro { font-size: 1rem; line-height: 1.66; } .smil-existing-walls__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-existing-walls__direct-icon { width: 52px; height: 52px; } .smil-existing-walls__type-card, .smil-existing-walls__construction-content, .smil-existing-walls__demolition, .smil-existing-walls__obstacle-card, .smil-existing-walls__cavity-warning, .smil-existing-walls__room-card, .smil-existing-walls__milan-content, .smil-existing-walls__milan-note, .smil-existing-walls__process-item { padding: 23px 18px; border-radius: 17px; } .smil-existing-walls__cavity { padding: 27px 18px; border-radius: 19px; } .smil-existing-walls__summary { padding: 23px 18px; } .smil-existing-walls__summary-content { text-align: left; } .smil-existing-walls__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-existing-walls__button { transition: none; } .smil-existing-walls__button:hover { transform: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-wall-types, .smil-wall-types * { box-sizing: border-box; } .smil-wall-types { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-types::before { position: absolute; width: 360px; height: 360px; top: 190px; right: -275px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-types__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-wall-types__header { max-width: 970px; margin: 0 auto 36px; text-align: center; } .smil-wall-types__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-types__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-wall-types__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-wall-types__intro strong, .smil-wall-types__direct-text strong, .smil-wall-types__card-focus strong, .smil-wall-types__inspection-text strong, .smil-wall-types__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-wall-types__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-wall-types__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-wall-types__direct-icon svg { width: 30px; height: 30px; } .smil-wall-types__direct-content { min-width: 0; } .smil-wall-types__direct-label, .smil-wall-types__section-label, .smil-wall-types__comparison-label, .smil-wall-types__comparison-note-label, .smil-wall-types__weak-points-label, .smil-wall-types__inspection-label, .smil-wall-types__milan-label, .smil-wall-types__milan-fact-label, .smil-wall-types__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-types__direct-label, .smil-wall-types__comparison-note-label, .smil-wall-types__milan-fact-label { color: var(--smil-orange-dark, #e87000); } .smil-wall-types__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-wall-types__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-types__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-wall-types__catalogue-header, .smil-wall-types__parameters-header, .smil-wall-types__project-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-wall-types__section-title, .smil-wall-types__comparison-title, .smil-wall-types__weak-points-title, .smil-wall-types__milan-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-wall-types__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-wall-types__catalogue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-wall-types__card { position: relative; padding: clamp(24px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-types__card::after { position: absolute; width: 48px; height: 5px; top: 0; left: 27px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-wall-types__card-icon { display: inline-flex; width: 51px; height: 51px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-wall-types__card-icon svg { width: 26px; height: 26px; } .smil-wall-types__card-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-wall-types__card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.28rem; font-weight: 850; line-height: 1.32; letter-spacing: -0.02em; } .smil-wall-types__card-text { margin: 13px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.65; } .smil-wall-types__card-focus { margin: 17px 0 0; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.58; } .smil-wall-types__comparison { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-wall-types__comparison-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-wall-types__comparison-text, .smil-wall-types__weak-points-text, .smil-wall-types__milan-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-wall-types__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-wall-types__comparison-card { padding: 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 16px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-types__comparison-card-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-wall-types__comparison-card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-wall-types__comparison-card-text { margin: 9px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-types__comparison-note, .smil-wall-types__milan-fact { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-wall-types__comparison-note-title, .smil-wall-types__inspection-title, .smil-wall-types__milan-fact-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-wall-types__comparison-note-text, .smil-wall-types__inspection-text, .smil-wall-types__milan-fact-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-wall-types__comparison-note-box, .smil-wall-types__inspection-note, .smil-wall-types__milan-fact-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-wall-types__parameters { margin-top: clamp(44px, 6vw, 68px); } .smil-wall-types__parameters-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; } .smil-wall-types__parameter { padding: 23px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-types__parameter-title { color: var(--smil-title, #073b5c); font-size: 1.05rem; font-weight: 850; line-height: 1.4; } .smil-wall-types__parameter-text { margin: 8px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-types__weak-points { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-wall-types__weak-points-label { color: var(--smil-teal-light, #12aaa0); } .smil-wall-types__weak-points-title, .smil-wall-types__weak-points-text { color: var(--smil-white, #ffffff); } .smil-wall-types__weak-points-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-wall-types__weak-points-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-white, #ffffff); font-size: 0.94rem; line-height: 1.55; } .smil-wall-types__weak-points-mark { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.78rem; font-weight: 900; } .smil-wall-types__inspection { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-types__inspection-label { color: var(--smil-orange-dark, #e87000); } .smil-wall-types__milan { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(42px, 6vw, 68px); } .smil-wall-types__milan-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-types__project { margin-top: clamp(44px, 6vw, 68px); } .smil-wall-types__project-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-wall-types__project-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-types__project-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-wall-types__project-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-wall-types__project-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-types__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-wall-types__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-wall-types__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-types__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-wall-types__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-wall-types__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-wall-types__catalogue-grid, .smil-wall-types__parameters-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-wall-types__project-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-wall-types__comparison, .smil-wall-types__weak-points, .smil-wall-types__milan { grid-template-columns: 1fr; } } @media (max-width: 720px) { .smil-wall-types__comparison-grid, .smil-wall-types__weak-points-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-wall-types__catalogue-grid, .smil-wall-types__parameters-grid, .smil-wall-types__project-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-wall-types { padding: 48px 16px 58px; } .smil-wall-types__header, .smil-wall-types__catalogue-header, .smil-wall-types__parameters-header, .smil-wall-types__project-header { text-align: left; } .smil-wall-types__eyebrow { justify-content: flex-start; } .smil-wall-types__intro { font-size: 1rem; line-height: 1.66; } .smil-wall-types__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-wall-types__direct-icon { width: 52px; height: 52px; } .smil-wall-types__card, .smil-wall-types__comparison-content, .smil-wall-types__comparison-note, .smil-wall-types__parameter, .smil-wall-types__inspection, .smil-wall-types__milan-content, .smil-wall-types__milan-fact, .smil-wall-types__project-item { padding: 23px 18px; border-radius: 17px; } .smil-wall-types__weak-points { padding: 27px 18px; border-radius: 19px; } .smil-wall-types__summary { padding: 23px 18px; } .smil-wall-types__summary-content { text-align: left; } .smil-wall-types__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-wall-types__button { transition: none; } .smil-wall-types__button:hover { transform: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-acoustic-materials, .smil-acoustic-materials * { box-sizing: border-box; } .smil-acoustic-materials { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-acoustic-materials::before { position: absolute; width: 360px; height: 360px; top: 190px; left: -275px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-acoustic-materials__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-acoustic-materials__header { max-width: 970px; margin: 0 auto 36px; text-align: center; } .smil-acoustic-materials__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-acoustic-materials__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-acoustic-materials__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-acoustic-materials__intro strong, .smil-acoustic-materials__direct-text strong, .smil-acoustic-materials__difference-example strong, .smil-acoustic-materials__sorgedil-text strong, .smil-acoustic-materials__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-acoustic-materials__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-acoustic-materials__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-acoustic-materials__direct-icon svg { width: 30px; height: 30px; } .smil-acoustic-materials__direct-content { min-width: 0; } .smil-acoustic-materials__direct-label, .smil-acoustic-materials__section-label, .smil-acoustic-materials__system-label, .smil-acoustic-materials__single-panel-label, .smil-acoustic-materials__thin-label, .smil-acoustic-materials__thin-warning-label, .smil-acoustic-materials__sorgedil-label, .smil-acoustic-materials__sorgedil-note-label, .smil-acoustic-materials__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-acoustic-materials__direct-label, .smil-acoustic-materials__single-panel-label, .smil-acoustic-materials__thin-warning-label { color: var(--smil-orange-dark, #e87000); } .smil-acoustic-materials__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-acoustic-materials__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-acoustic-materials__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-acoustic-materials__difference { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .smil-acoustic-materials__difference-card { padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-acoustic-materials__difference-card--absorption { border-top-color: var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-acoustic-materials__difference-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 15px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-acoustic-materials__difference-icon--absorption { background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-acoustic-materials__difference-icon svg { width: 28px; height: 28px; } .smil-acoustic-materials__difference-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.77rem; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; } .smil-acoustic-materials__difference-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-acoustic-materials__difference-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.97rem; line-height: 1.68; } .smil-acoustic-materials__difference-example { margin: 18px 0 0; padding: 15px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-acoustic-materials__difference-card--absorption .smil-acoustic-materials__difference-example { background: var(--smil-orange-soft, #fff1e2); } .smil-acoustic-materials__functions, .smil-acoustic-materials__claims, .smil-acoustic-materials__mistakes, .smil-acoustic-materials__process { margin-top: clamp(44px, 6vw, 68px); } .smil-acoustic-materials__functions-header, .smil-acoustic-materials__claims-header, .smil-acoustic-materials__mistakes-header, .smil-acoustic-materials__process-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-acoustic-materials__section-title, .smil-acoustic-materials__system-title, .smil-acoustic-materials__thin-title, .smil-acoustic-materials__sorgedil-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-acoustic-materials__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-acoustic-materials__functions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-acoustic-materials__function-card { position: relative; padding: clamp(24px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-acoustic-materials__function-card::after { position: absolute; width: 48px; height: 5px; top: 0; left: 27px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-acoustic-materials__function-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.55rem; font-weight: 900; line-height: 1; } .smil-acoustic-materials__function-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.18rem; font-weight: 850; line-height: 1.34; } .smil-acoustic-materials__function-text { margin: 12px 0 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.64; } .smil-acoustic-materials__function-detail { margin: 15px 0 0; padding-top: 15px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.88rem; line-height: 1.58; } .smil-acoustic-materials__system { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-acoustic-materials__system-label { color: var(--smil-teal-light, #12aaa0); } .smil-acoustic-materials__system-title, .smil-acoustic-materials__system-text { color: var(--smil-white, #ffffff); } .smil-acoustic-materials__system-text { margin: 18px 0 0; font-size: 1rem; line-height: 1.7; } .smil-acoustic-materials__system-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 27px 0 0; padding: 0; list-style: none; } .smil-acoustic-materials__system-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-acoustic-materials__system-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-acoustic-materials__system-item-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-acoustic-materials__system-item-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.56; } .smil-acoustic-materials__single-panel { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-acoustic-materials__single-panel-title, .smil-acoustic-materials__thin-warning-title, .smil-acoustic-materials__sorgedil-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-acoustic-materials__single-panel-text, .smil-acoustic-materials__thin-warning-text, .smil-acoustic-materials__sorgedil-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-acoustic-materials__single-panel-note, .smil-acoustic-materials__thin-warning-note, .smil-acoustic-materials__sorgedil-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-acoustic-materials__claims-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-acoustic-materials__claim-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-acoustic-materials__claim-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-acoustic-materials__claim-icon svg { width: 25px; height: 25px; } .smil-acoustic-materials__claim-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.36; } .smil-acoustic-materials__claim-text { margin: 12px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-acoustic-materials__claims-note { max-width: 980px; margin: 28px auto 0; padding: 18px 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.64; text-align: center; } .smil-acoustic-materials__thin { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-acoustic-materials__thin-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-acoustic-materials__thin-text, .smil-acoustic-materials__sorgedil-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-acoustic-materials__thin-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-acoustic-materials__thin-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-acoustic-materials__thin-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-acoustic-materials__thin-warning { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-acoustic-materials__sorgedil { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-acoustic-materials__sorgedil-label { color: var(--smil-teal-light, #12aaa0); } .smil-acoustic-materials__sorgedil-title, .smil-acoustic-materials__sorgedil-text { color: var(--smil-white, #ffffff); } .smil-acoustic-materials__sorgedil-text strong { color: var(--smil-white, #ffffff); } .smil-acoustic-materials__sorgedil-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-acoustic-materials__sorgedil-point { padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-acoustic-materials__sorgedil-point-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-acoustic-materials__sorgedil-point-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-acoustic-materials__sorgedil-note { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-acoustic-materials__mistakes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-acoustic-materials__mistake-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-acoustic-materials__mistake-mark { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); font-size: 1rem; font-weight: 900; } .smil-acoustic-materials__mistake-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-acoustic-materials__mistake-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-acoustic-materials__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-acoustic-materials__process-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-acoustic-materials__process-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-acoustic-materials__process-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-acoustic-materials__process-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-acoustic-materials__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-acoustic-materials__summary-content { max-width: 990px; margin: 0 auto; text-align: center; } .smil-acoustic-materials__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-acoustic-materials__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-acoustic-materials__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-acoustic-materials__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-acoustic-materials__functions-grid, .smil-acoustic-materials__mistakes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-acoustic-materials__claims-grid, .smil-acoustic-materials__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-acoustic-materials__system, .smil-acoustic-materials__thin, .smil-acoustic-materials__sorgedil { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-acoustic-materials__difference, .smil-acoustic-materials__system-list, .smil-acoustic-materials__thin-list, .smil-acoustic-materials__sorgedil-points { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-acoustic-materials__functions-grid, .smil-acoustic-materials__claims-grid, .smil-acoustic-materials__mistakes-grid, .smil-acoustic-materials__process-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-acoustic-materials { padding: 48px 16px 58px; } .smil-acoustic-materials__header, .smil-acoustic-materials__functions-header, .smil-acoustic-materials__claims-header, .smil-acoustic-materials__mistakes-header, .smil-acoustic-materials__process-header { text-align: left; } .smil-acoustic-materials__eyebrow { justify-content: flex-start; } .smil-acoustic-materials__intro { font-size: 1rem; line-height: 1.66; } .smil-acoustic-materials__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-acoustic-materials__direct-icon { width: 52px; height: 52px; } .smil-acoustic-materials__difference-card, .smil-acoustic-materials__function-card, .smil-acoustic-materials__single-panel, .smil-acoustic-materials__claim-card, .smil-acoustic-materials__thin-content, .smil-acoustic-materials__thin-warning, .smil-acoustic-materials__sorgedil-note, .smil-acoustic-materials__mistake-card, .smil-acoustic-materials__process-item { padding: 23px 18px; border-radius: 17px; } .smil-acoustic-materials__system, .smil-acoustic-materials__sorgedil { padding: 27px 18px; border-radius: 19px; } .smil-acoustic-materials__claims-note { text-align: left; } .smil-acoustic-materials__summary { padding: 23px 18px; } .smil-acoustic-materials__summary-content { text-align: left; } .smil-acoustic-materials__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-acoustic-materials__button { transition: none; } .smil-acoustic-materials__button:hover { transform: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-thin-diy, .smil-thin-diy * { box-sizing: border-box; } .smil-thin-diy { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-thin-diy::before { position: absolute; width: 360px; height: 360px; top: 190px; right: -275px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-thin-diy__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-thin-diy__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-thin-diy__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-thin-diy__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-thin-diy__intro { max-width: 930px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-thin-diy__intro strong, .smil-thin-diy__direct-text strong, .smil-thin-diy__balance-note strong, .smil-thin-diy__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-thin-diy__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-thin-diy__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-thin-diy__direct-icon svg { width: 30px; height: 30px; } .smil-thin-diy__direct-content { min-width: 0; } .smil-thin-diy__direct-label, .smil-thin-diy__section-label, .smil-thin-diy__balance-label, .smil-thin-diy__absorption-label, .smil-thin-diy__absorption-note-label, .smil-thin-diy__when-useful-label, .smil-thin-diy__when-useful-warning-label, .smil-thin-diy__method-label, .smil-thin-diy__method-note-label, .smil-thin-diy__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-thin-diy__direct-label, .smil-thin-diy__absorption-note-label, .smil-thin-diy__when-useful-warning-label, .smil-thin-diy__method-note-label { color: var(--smil-orange-dark, #e87000); } .smil-thin-diy__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-thin-diy__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-thin-diy__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-thin-diy__reality { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); } .smil-thin-diy__reality-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-thin-diy__section-title, .smil-thin-diy__absorption-title, .smil-thin-diy__when-useful-title, .smil-thin-diy__method-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-thin-diy__section-text, .smil-thin-diy__absorption-text, .smil-thin-diy__when-useful-text, .smil-thin-diy__method-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-thin-diy__reality-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-thin-diy__reality-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-thin-diy__reality-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); font-size: 0.88rem; font-weight: 900; } .smil-thin-diy__reality-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-thin-diy__reality-text { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.58; } .smil-thin-diy__balance { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-thin-diy__balance-title, .smil-thin-diy__absorption-note-title, .smil-thin-diy__when-useful-warning-title, .smil-thin-diy__method-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-thin-diy__balance-text, .smil-thin-diy__absorption-note-text, .smil-thin-diy__when-useful-warning-text, .smil-thin-diy__method-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-thin-diy__balance-note, .smil-thin-diy__absorption-note-box, .smil-thin-diy__method-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 11px 11px 0; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-thin-diy__solutions, .smil-thin-diy__risks, .smil-thin-diy__decision { margin-top: clamp(44px, 6vw, 68px); } .smil-thin-diy__solutions-header, .smil-thin-diy__risks-header, .smil-thin-diy__decision-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-thin-diy__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-thin-diy__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-thin-diy__solution-card { position: relative; padding: clamp(24px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-thin-diy__solution-card::after { position: absolute; width: 48px; height: 5px; top: 0; left: 27px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-thin-diy__solution-icon { display: inline-flex; width: 51px; height: 51px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-thin-diy__solution-icon svg { width: 26px; height: 26px; } .smil-thin-diy__solution-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.18rem; font-weight: 850; line-height: 1.34; } .smil-thin-diy__solution-text { margin: 12px 0 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.64; } .smil-thin-diy__solution-result { margin-top: 17px; padding: 14px 15px; border-radius: 12px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.58; } .smil-thin-diy__solution-result-label { display: block; margin-bottom: 4px; color: var(--smil-teal, #008c83); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-thin-diy__absorption { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-thin-diy__absorption-label { color: var(--smil-teal-light, #12aaa0); } .smil-thin-diy__absorption-title, .smil-thin-diy__absorption-text { color: var(--smil-white, #ffffff); } .smil-thin-diy__absorption-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-thin-diy__absorption-card { padding: 19px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-thin-diy__absorption-card-label { margin: 0 0 6px; color: var(--smil-teal-light, #12aaa0); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-thin-diy__absorption-card-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1.05rem; font-weight: 850; line-height: 1.4; } .smil-thin-diy__absorption-card-text { margin: 8px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.58; } .smil-thin-diy__absorption-note { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-thin-diy__absorption-note-box { border-left-color: var(--smil-orange, #ff8500); background: var(--smil-orange-soft, #fff1e2); } .smil-thin-diy__risks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-thin-diy__risk-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); } .smil-thin-diy__risk-mark { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); font-size: 1rem; font-weight: 900; } .smil-thin-diy__risk-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-thin-diy__risk-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-thin-diy__when-useful { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-thin-diy__when-useful-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-thin-diy__when-useful-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-thin-diy__when-useful-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-thin-diy__when-useful-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-thin-diy__when-useful-warning { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-thin-diy__decision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; } .smil-thin-diy__decision-item { padding: 23px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-white, #ffffff); box-shadow: 0 12px 30px rgba(7, 59, 92, 0.05); } .smil-thin-diy__decision-title { color: var(--smil-title, #073b5c); font-size: 1.05rem; font-weight: 850; line-height: 1.4; } .smil-thin-diy__decision-text { margin: 8px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-thin-diy__method { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-thin-diy__method-label { color: var(--smil-teal-light, #12aaa0); } .smil-thin-diy__method-title, .smil-thin-diy__method-text { color: var(--smil-white, #ffffff); } .smil-thin-diy__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 27px 0 0; padding: 0; list-style: none; } .smil-thin-diy__method-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-thin-diy__method-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-thin-diy__method-item-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-thin-diy__method-item-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.56; } .smil-thin-diy__method-note { align-self: stretch; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 19px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-thin-diy__method-note-box { border-left-color: var(--smil-orange, #ff8500); background: var(--smil-orange-soft, #fff1e2); } .smil-thin-diy__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-thin-diy__summary-content { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-thin-diy__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-thin-diy__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-thin-diy__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-thin-diy__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-thin-diy__solutions-grid, .smil-thin-diy__risks-grid, .smil-thin-diy__decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-thin-diy__reality, .smil-thin-diy__absorption, .smil-thin-diy__when-useful, .smil-thin-diy__method { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-thin-diy__reality-grid, .smil-thin-diy__absorption-comparison, .smil-thin-diy__when-useful-list, .smil-thin-diy__method-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-thin-diy__solutions-grid, .smil-thin-diy__risks-grid, .smil-thin-diy__decision-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-thin-diy { padding: 48px 16px 58px; } .smil-thin-diy__header, .smil-thin-diy__solutions-header, .smil-thin-diy__risks-header, .smil-thin-diy__decision-header { text-align: left; } .smil-thin-diy__eyebrow { justify-content: flex-start; } .smil-thin-diy__intro { font-size: 1rem; line-height: 1.66; } .smil-thin-diy__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-thin-diy__direct-icon { width: 52px; height: 52px; } .smil-thin-diy__reality-content, .smil-thin-diy__balance, .smil-thin-diy__solution-card, .smil-thin-diy__absorption-note, .smil-thin-diy__risk-card, .smil-thin-diy__when-useful-content, .smil-thin-diy__when-useful-warning, .smil-thin-diy__decision-item, .smil-thin-diy__method-note { padding: 23px 18px; border-radius: 17px; } .smil-thin-diy__absorption, .smil-thin-diy__method { padding: 27px 18px; border-radius: 19px; } .smil-thin-diy__summary { padding: 23px 18px; } .smil-thin-diy__summary-content { text-align: left; } .smil-thin-diy__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-thin-diy__button { transition: none; } .smil-thin-diy__button:hover { transform: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-wall-thickness, .smil-wall-thickness * { box-sizing: border-box; } .smil-wall-thickness { position: relative; scroll-margin-top: 30px; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-wall-thickness::before { position: absolute; width: 370px; height: 370px; top: 190px; left: -280px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-thickness__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-wall-thickness__header { max-width: 970px; margin: 0 auto 36px; text-align: center; } .smil-wall-thickness__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-thickness__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-wall-thickness__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-wall-thickness__intro strong, .smil-wall-thickness__direct-text strong, .smil-wall-thickness__structured-text strong, .smil-wall-thickness__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-wall-thickness__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 40px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-wall-thickness__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-wall-thickness__direct-icon svg { width: 30px; height: 30px; } .smil-wall-thickness__direct-content { min-width: 0; } .smil-wall-thickness__direct-label, .smil-wall-thickness__section-label, .smil-wall-thickness__range-label, .smil-wall-thickness__thin-label, .smil-wall-thickness__thin-warning-label, .smil-wall-thickness__structured-label, .smil-wall-thickness__structured-note-label, .smil-wall-thickness__calculation-label, .smil-wall-thickness__calculation-note-label, .smil-wall-thickness__method-label, .smil-wall-thickness__method-note-label, .smil-wall-thickness__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-thickness__direct-label, .smil-wall-thickness__thin-warning-label, .smil-wall-thickness__structured-note-label, .smil-wall-thickness__calculation-note-label, .smil-wall-thickness__method-note-label { color: var(--smil-orange-dark, #e87000); } .smil-wall-thickness__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-wall-thickness__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-thickness__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-wall-thickness__range { padding: clamp(28px, 4.5vw, 45px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 24px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-wall-thickness__range-intro { max-width: 840px; } .smil-wall-thickness__range-label { color: var(--smil-teal-light, #12aaa0); } .smil-wall-thickness__range-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; } .smil-wall-thickness__range-text { margin: 16px 0 0; color: var(--smil-white, #ffffff); font-size: 1rem; line-height: 1.7; } .smil-wall-thickness__range-scale { margin-top: 34px; } .smil-wall-thickness__range-line { position: relative; height: 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.2); } .smil-wall-thickness__range-line::before, .smil-wall-thickness__range-line::after { position: absolute; z-index: 2; width: 24px; height: 24px; top: 50%; border: 5px solid var(--smil-white, #ffffff); border-radius: 50%; background: var(--smil-orange, #ff8500); content: ""; transform: translateY(-50%); } .smil-wall-thickness__range-line::before { left: 0; } .smil-wall-thickness__range-line::after { right: 0; } .smil-wall-thickness__range-fill { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient( 90deg, var(--smil-teal-light, #12aaa0), var(--smil-orange, #ff8500) ); } .smil-wall-thickness__range-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin-top: 20px; } .smil-wall-thickness__range-value { display: grid; gap: 8px; } .smil-wall-thickness__range-value--right { text-align: right; } .smil-wall-thickness__range-number { color: var(--smil-white, #ffffff); font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 900; line-height: 1; } .smil-wall-thickness__range-caption { color: var(--smil-white, #ffffff); font-size: 0.92rem; line-height: 1.58; } .smil-wall-thickness__range-warning { margin: 28px 0 0; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.25); border-left: 5px solid var(--smil-orange, #ff8500); border-radius: 0 13px 13px 0; background: rgba(255, 255, 255, 0.08); color: var(--smil-white, #ffffff); font-size: 0.93rem; line-height: 1.62; } .smil-wall-thickness__factors, .smil-wall-thickness__room-impact, .smil-wall-thickness__mistakes { margin-top: clamp(44px, 6vw, 68px); } .smil-wall-thickness__factors-header, .smil-wall-thickness__room-impact-header, .smil-wall-thickness__mistakes-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-wall-thickness__section-title, .smil-wall-thickness__thin-title, .smil-wall-thickness__structured-title, .smil-wall-thickness__calculation-title, .smil-wall-thickness__method-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-wall-thickness__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-wall-thickness__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-wall-thickness__factor-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-thickness__factor-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.55rem; font-weight: 900; line-height: 1; } .smil-wall-thickness__factor-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.38; } .smil-wall-thickness__factor-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-thickness__thin-system, .smil-wall-thickness__structured-system, .smil-wall-thickness__calculation, .smil-wall-thickness__method { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-wall-thickness__thin-content, .smil-wall-thickness__calculation-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-wall-thickness__thin-text, .smil-wall-thickness__structured-text, .smil-wall-thickness__calculation-text, .smil-wall-thickness__method-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-wall-thickness__thin-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-wall-thickness__thin-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-wall-thickness__thin-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-wall-thickness__thin-warning, .smil-wall-thickness__structured-note, .smil-wall-thickness__calculation-note, .smil-wall-thickness__method-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-wall-thickness__thin-warning-title, .smil-wall-thickness__structured-note-title, .smil-wall-thickness__calculation-note-title, .smil-wall-thickness__method-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-wall-thickness__thin-warning-text, .smil-wall-thickness__structured-note-text, .smil-wall-thickness__calculation-note-text, .smil-wall-thickness__method-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-wall-thickness__thin-warning-note, .smil-wall-thickness__structured-note-box, .smil-wall-thickness__calculation-note-box, .smil-wall-thickness__method-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-wall-thickness__structured-system, .smil-wall-thickness__method { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-wall-thickness__structured-label, .smil-wall-thickness__method-label { color: var(--smil-teal-light, #12aaa0); } .smil-wall-thickness__structured-title, .smil-wall-thickness__structured-text, .smil-wall-thickness__method-title, .smil-wall-thickness__method-text { color: var(--smil-white, #ffffff); } .smil-wall-thickness__structured-text strong { color: var(--smil-white, #ffffff); } .smil-wall-thickness__structured-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-wall-thickness__structured-point { padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-wall-thickness__structured-point-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-wall-thickness__structured-point-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-wall-thickness__structured-note, .smil-wall-thickness__method-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-thickness__room-impact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-wall-thickness__room-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-thickness__room-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-wall-thickness__room-icon svg { width: 25px; height: 25px; } .smil-wall-thickness__room-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.36; } .smil-wall-thickness__room-text { margin: 11px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-thickness__calculation-example { margin-top: 23px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-thickness__calculation-example-label { display: block; margin-bottom: 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-wall-thickness__calculation-example-text { margin: 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.63; } .smil-wall-thickness__mistakes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-wall-thickness__mistake-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-thickness__mistake-mark { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); font-size: 1rem; font-weight: 900; } .smil-wall-thickness__mistake-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-wall-thickness__mistake-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-thickness__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 27px 0 0; padding: 0; list-style: none; } .smil-wall-thickness__method-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-wall-thickness__method-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-wall-thickness__method-item-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-wall-thickness__method-item-text { margin: 5px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.56; } .smil-wall-thickness__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-wall-thickness__summary-content { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-wall-thickness__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-thickness__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-wall-thickness__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-wall-thickness__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-wall-thickness__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-wall-thickness__room-impact-grid, .smil-wall-thickness__mistakes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-wall-thickness__thin-system, .smil-wall-thickness__structured-system, .smil-wall-thickness__calculation, .smil-wall-thickness__method { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-wall-thickness__thin-list, .smil-wall-thickness__structured-points, .smil-wall-thickness__method-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-wall-thickness__factors-grid, .smil-wall-thickness__room-impact-grid, .smil-wall-thickness__mistakes-grid { grid-template-columns: 1fr; } .smil-wall-thickness__range-values { grid-template-columns: 1fr; } .smil-wall-thickness__range-value--right { text-align: left; } } @media (max-width: 600px) { .smil-wall-thickness { padding: 48px 16px 58px; } .smil-wall-thickness__header, .smil-wall-thickness__factors-header, .smil-wall-thickness__room-impact-header, .smil-wall-thickness__mistakes-header { text-align: left; } .smil-wall-thickness__eyebrow { justify-content: flex-start; } .smil-wall-thickness__intro { font-size: 1rem; line-height: 1.66; } .smil-wall-thickness__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-wall-thickness__direct-icon { width: 52px; height: 52px; } .smil-wall-thickness__range, .smil-wall-thickness__structured-system, .smil-wall-thickness__method { padding: 27px 18px; border-radius: 19px; } .smil-wall-thickness__factor-card, .smil-wall-thickness__thin-content, .smil-wall-thickness__thin-warning, .smil-wall-thickness__structured-note, .smil-wall-thickness__room-card, .smil-wall-thickness__calculation-content, .smil-wall-thickness__calculation-note, .smil-wall-thickness__mistake-card, .smil-wall-thickness__method-note { padding: 23px 18px; border-radius: 17px; } .smil-wall-thickness__summary { padding: 23px 18px; } .smil-wall-thickness__summary-content { text-align: left; } .smil-wall-thickness__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-wall-thickness__button { transition: none; } .smil-wall-thickness__button:hover { transform: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-one-wall, .smil-one-wall * { box-sizing: border-box; } .smil-one-wall { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-one-wall::before { position: absolute; top: 190px; right: -275px; width: 360px; height: 360px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-one-wall__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-one-wall__header { max-width: 970px; margin: 0 auto 36px; text-align: center; } .smil-one-wall__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-one-wall__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-one-wall__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-one-wall__intro strong, .smil-one-wall__direct-text strong, .smil-one-wall__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-one-wall__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-one-wall__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-one-wall__direct-icon svg { width: 30px; height: 30px; } .smil-one-wall__direct-content { min-width: 0; } .smil-one-wall__direct-label, .smil-one-wall__section-label, .smil-one-wall__comparison-label, .smil-one-wall__perception-label, .smil-one-wall__perception-note-label, .smil-one-wall__partial-label, .smil-one-wall__partial-note-label, .smil-one-wall__method-label, .smil-one-wall__method-note-label, .smil-one-wall__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-one-wall__direct-label, .smil-one-wall__partial-note-label, .smil-one-wall__method-note-label { color: var(--smil-orange-dark, #e87000); } .smil-one-wall__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-one-wall__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-one-wall__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-one-wall__conditions-header, .smil-one-wall__rooms-header, .smil-one-wall__decision-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-one-wall__section-title, .smil-one-wall__perception-title, .smil-one-wall__partial-title, .smil-one-wall__method-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-one-wall__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-one-wall__conditions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-one-wall__condition-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-one-wall__condition-card::after { position: absolute; top: 0; left: 24px; width: 46px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-one-wall__condition-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.55rem; font-weight: 900; line-height: 1; } .smil-one-wall__condition-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.38; } .smil-one-wall__condition-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-one-wall__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: clamp(44px, 6vw, 68px); } .smil-one-wall__comparison-card { padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.07); } .smil-one-wall__comparison-card--warning { border-top-color: var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-one-wall__comparison-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 15px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-one-wall__comparison-icon--warning { background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-one-wall__comparison-icon svg { width: 28px; height: 28px; } .smil-one-wall__comparison-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-one-wall__comparison-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-one-wall__comparison-item { position: relative; padding-left: 22px; color: var(--smil-muted, #667781); font-size: 0.93rem; line-height: 1.58; } .smil-one-wall__comparison-item::before { position: absolute; top: 0.55em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-one-wall__comparison-card--warning .smil-one-wall__comparison-item::before { background: var(--smil-orange, #ff8500); } .smil-one-wall__perception, .smil-one-wall__partial, .smil-one-wall__method { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-one-wall__perception-content, .smil-one-wall__partial-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-one-wall__perception-text, .smil-one-wall__partial-text, .smil-one-wall__method-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-one-wall__perception-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-one-wall__perception-point { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-one-wall__perception-point-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-one-wall__perception-point-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.6; } .smil-one-wall__perception-note, .smil-one-wall__partial-note, .smil-one-wall__method-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-one-wall__partial-note, .smil-one-wall__method-note { border-top-color: var(--smil-orange, #ff8500); } .smil-one-wall__perception-note-title, .smil-one-wall__partial-note-title, .smil-one-wall__method-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-one-wall__perception-note-text, .smil-one-wall__partial-note-text, .smil-one-wall__method-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-one-wall__perception-note-box, .smil-one-wall__partial-note-box, .smil-one-wall__method-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 11px 11px 0; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-one-wall__partial-note-box, .smil-one-wall__method-note-box { border-left-color: var(--smil-orange, #ff8500); background: var(--smil-orange-soft, #fff1e2); } .smil-one-wall__rooms, .smil-one-wall__decision { margin-top: clamp(44px, 6vw, 68px); } .smil-one-wall__rooms-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-one-wall__room-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-one-wall__room-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-one-wall__room-icon svg { width: 25px; height: 25px; } .smil-one-wall__room-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.36; } .smil-one-wall__room-text { margin: 11px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-one-wall__partial-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-one-wall__partial-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-one-wall__partial-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-one-wall__decision-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-one-wall__decision-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); } .smil-one-wall__decision-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-one-wall__decision-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-one-wall__decision-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-one-wall__method { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-one-wall__method-label { color: var(--smil-teal-light, #12aaa0); } .smil-one-wall__method-title, .smil-one-wall__method-text { color: var(--smil-white, #ffffff); } .smil-one-wall__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 27px; } .smil-one-wall__method-step { padding: 19px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-one-wall__method-step-number { display: block; margin-bottom: 9px; color: var(--smil-teal-light, #12aaa0); font-size: 1.15rem; font-weight: 900; line-height: 1; } .smil-one-wall__method-step-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-one-wall__method-step-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-one-wall__method-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-one-wall__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-one-wall__summary-content { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-one-wall__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-one-wall__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-one-wall__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-one-wall__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-one-wall__conditions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-one-wall__rooms-grid, .smil-one-wall__decision-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-one-wall__perception, .smil-one-wall__partial, .smil-one-wall__method { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-one-wall__comparison, .smil-one-wall__perception-points, .smil-one-wall__partial-list, .smil-one-wall__method-steps { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-one-wall__conditions-grid, .smil-one-wall__rooms-grid, .smil-one-wall__decision-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-one-wall { padding: 48px 16px 58px; } .smil-one-wall__header, .smil-one-wall__conditions-header, .smil-one-wall__rooms-header, .smil-one-wall__decision-header { text-align: left; } .smil-one-wall__eyebrow { justify-content: flex-start; } .smil-one-wall__intro { font-size: 1rem; line-height: 1.66; } .smil-one-wall__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-one-wall__direct-icon { width: 52px; height: 52px; } .smil-one-wall__condition-card, .smil-one-wall__comparison-card, .smil-one-wall__perception-content, .smil-one-wall__perception-note, .smil-one-wall__room-card, .smil-one-wall__partial-content, .smil-one-wall__partial-note, .smil-one-wall__decision-item, .smil-one-wall__method-note { padding: 23px 18px; border-radius: 17px; } .smil-one-wall__method { padding: 27px 18px; border-radius: 19px; } .smil-one-wall__summary { padding: 23px 18px; } .smil-one-wall__summary-content { text-align: left; } .smil-one-wall__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-one-wall__button { transition: none; } .smil-one-wall__button:hover { transform: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-rooms, .smil-rooms * { box-sizing: border-box; } .smil-rooms { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-rooms::before { position: absolute; top: 190px; left: -275px; width: 360px; height: 360px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-rooms__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-rooms__header { max-width: 970px; margin: 0 auto 36px; text-align: center; } .smil-rooms__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-rooms__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-rooms__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-rooms__intro strong, .smil-rooms__direct-text strong, .smil-rooms__room-focus strong, .smil-rooms__layout-note-text strong, .smil-rooms__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-rooms__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-rooms__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-rooms__direct-icon svg { width: 30px; height: 30px; } .smil-rooms__direct-content { min-width: 0; } .smil-rooms__direct-label, .smil-rooms__section-label, .smil-rooms__relationships-label, .smil-rooms__relationships-note-label, .smil-rooms__layout-label, .smil-rooms__layout-note-label, .smil-rooms__multi-room-label, .smil-rooms__multi-room-note-label, .smil-rooms__method-label, .smil-rooms__method-note-label, .smil-rooms__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-rooms__direct-label, .smil-rooms__relationships-note-label, .smil-rooms__layout-note-label, .smil-rooms__method-note-label { color: var(--smil-orange-dark, #e87000); } .smil-rooms__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-rooms__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-rooms__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-rooms__catalogue-header, .smil-rooms__priorities-header, .smil-rooms__assessment-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-rooms__section-title, .smil-rooms__relationships-title, .smil-rooms__layout-title, .smil-rooms__multi-room-title, .smil-rooms__method-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-rooms__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-rooms__catalogue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-rooms__room-card { position: relative; padding: clamp(24px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-rooms__room-card::after { position: absolute; top: 0; left: 27px; width: 48px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-rooms__room-icon { display: inline-flex; width: 51px; height: 51px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-rooms__room-icon svg { width: 26px; height: 26px; } .smil-rooms__room-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-rooms__room-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.25rem; font-weight: 850; line-height: 1.32; letter-spacing: -0.02em; } .smil-rooms__room-text { margin: 13px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.65; } .smil-rooms__room-focus { margin: 17px 0 0; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.58; } .smil-rooms__relationships, .smil-rooms__layout, .smil-rooms__multi-room, .smil-rooms__method { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-rooms__relationships-content, .smil-rooms__layout-content, .smil-rooms__multi-room-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-rooms__relationships-text, .smil-rooms__layout-text, .smil-rooms__multi-room-text, .smil-rooms__method-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-rooms__relationships-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-rooms__relationship-card { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 18px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-rooms__relationship-from, .smil-rooms__relationship-to { margin: 0; color: var(--smil-title, #073b5c); font-size: 0.93rem; font-weight: 850; line-height: 1.4; } .smil-rooms__relationship-to { text-align: right; } .smil-rooms__relationship-arrow { color: var(--smil-orange-dark, #e87000); font-size: 1.15rem; font-weight: 900; } .smil-rooms__relationship-text { grid-column: 1 / -1; margin: 7px 0 0; padding-top: 12px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.88rem; line-height: 1.58; } .smil-rooms__relationships-note, .smil-rooms__layout-note, .smil-rooms__multi-room-note, .smil-rooms__method-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-rooms__multi-room-note { border-top-color: var(--smil-teal, #008c83); } .smil-rooms__relationships-note-title, .smil-rooms__layout-note-title, .smil-rooms__multi-room-note-title, .smil-rooms__method-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-rooms__relationships-note-text, .smil-rooms__layout-note-text, .smil-rooms__multi-room-note-text, .smil-rooms__method-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-rooms__relationships-note-box, .smil-rooms__layout-note-box, .smil-rooms__method-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-rooms__priorities, .smil-rooms__assessment { margin-top: clamp(44px, 6vw, 68px); } .smil-rooms__priorities-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-rooms__priority-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-rooms__priority-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.55rem; font-weight: 900; line-height: 1; } .smil-rooms__priority-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.38; } .smil-rooms__priority-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-rooms__layout { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-rooms__layout-content { padding: 0; border: 0; border-radius: 0; background: transparent; } .smil-rooms__layout-label { color: var(--smil-teal-light, #12aaa0); } .smil-rooms__layout-title, .smil-rooms__layout-text { color: var(--smil-white, #ffffff); } .smil-rooms__layout-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 26px 0 0; } .smil-rooms__layout-item { padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-rooms__layout-term { color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-rooms__layout-description { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-rooms__layout-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-rooms__multi-room-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-rooms__multi-room-card { padding: 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 16px; background: var(--smil-page-soft, #f4fafb); } .smil-rooms__multi-room-card-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-rooms__multi-room-card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-rooms__multi-room-card-text { margin: 9px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-rooms__assessment-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-rooms__assessment-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-rooms__assessment-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-rooms__assessment-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-rooms__assessment-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-rooms__method { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-rooms__method-label { color: var(--smil-teal-light, #12aaa0); } .smil-rooms__method-title, .smil-rooms__method-text { color: var(--smil-white, #ffffff); } .smil-rooms__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 27px; } .smil-rooms__method-step { padding: 19px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-rooms__method-step-number { display: block; margin-bottom: 9px; color: var(--smil-teal-light, #12aaa0); font-size: 1.15rem; font-weight: 900; line-height: 1; } .smil-rooms__method-step-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-rooms__method-step-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-rooms__method-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-rooms__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-rooms__summary-content { max-width: 1000px; margin: 0 auto; text-align: center; } .smil-rooms__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-rooms__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-rooms__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-rooms__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-rooms__catalogue-grid, .smil-rooms__assessment-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-rooms__priorities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-rooms__relationships, .smil-rooms__layout, .smil-rooms__multi-room, .smil-rooms__method { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-rooms__relationships-grid, .smil-rooms__layout-list, .smil-rooms__multi-room-grid, .smil-rooms__method-steps { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-rooms__catalogue-grid, .smil-rooms__priorities-grid, .smil-rooms__assessment-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-rooms { padding: 48px 16px 58px; } .smil-rooms__header, .smil-rooms__catalogue-header, .smil-rooms__priorities-header, .smil-rooms__assessment-header { text-align: left; } .smil-rooms__eyebrow { justify-content: flex-start; } .smil-rooms__intro { font-size: 1rem; line-height: 1.66; } .smil-rooms__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-rooms__direct-icon { width: 52px; height: 52px; } .smil-rooms__room-card, .smil-rooms__relationships-content, .smil-rooms__relationships-note, .smil-rooms__priority-card, .smil-rooms__layout-note, .smil-rooms__multi-room-content, .smil-rooms__multi-room-note, .smil-rooms__assessment-item, .smil-rooms__method-note { padding: 23px 18px; border-radius: 17px; } .smil-rooms__layout, .smil-rooms__method { padding: 27px 18px; border-radius: 19px; } .smil-rooms__relationship-card { grid-template-columns: 1fr; } .smil-rooms__relationship-to { text-align: left; } .smil-rooms__relationship-arrow { transform: rotate(90deg); } .smil-rooms__summary { padding: 23px 18px; } .smil-rooms__summary-content { text-align: left; } .smil-rooms__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-rooms__button { transition: none; } .smil-rooms__button:hover { transform: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-method, .smil-method * { box-sizing: border-box; } .smil-method { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-method::before { position: absolute; top: 180px; right: -280px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-method__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-method__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-method__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-method__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-method__intro { max-width: 930px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-method__intro strong, .smil-method__direct-text strong, .smil-method__journey-text strong, .smil-method__technology-text strong, .smil-method__technologies-summary-text strong, .smil-method__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-method__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1070px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-method__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-method__direct-icon svg { width: 30px; height: 30px; } .smil-method__direct-content { min-width: 0; } .smil-method__direct-label, .smil-method__section-label, .smil-method__inspection-label, .smil-method__inspection-note-label, .smil-method__technologies-label, .smil-method__design-label, .smil-method__design-note-label, .smil-method__comparison-label, .smil-method__milan-label, .smil-method__milan-note-label, .smil-method__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-method__direct-label, .smil-method__inspection-note-label, .smil-method__design-note-label, .smil-method__milan-note-label { color: var(--smil-orange-dark, #e87000); } .smil-method__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-method__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-method__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-method__journey-header, .smil-method__installation-header, .smil-method__principles-header { max-width: 900px; margin: 0 auto 32px; text-align: center; } .smil-method__section-title, .smil-method__inspection-title, .smil-method__technologies-title, .smil-method__design-title, .smil-method__milan-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-method__section-intro { max-width: 820px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-method__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; } .smil-method__journey-item { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; padding: clamp(23px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-method__journey-number { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); font-size: 0.9rem; font-weight: 900; } .smil-method__journey-content { min-width: 0; } .smil-method__journey-label { margin: 0 0 5px; color: var(--smil-teal, #008c83); font-size: 0.74rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-method__journey-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.2rem; font-weight: 850; line-height: 1.36; } .smil-method__journey-text { margin: 11px 0 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.64; } .smil-method__journey-note { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.88rem; line-height: 1.58; } .smil-method__inspection, .smil-method__design, .smil-method__milan { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-method__inspection-content, .smil-method__design-content, .smil-method__milan-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-method__inspection-text, .smil-method__design-text, .smil-method__milan-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-method__inspection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin: 26px 0 0; } .smil-method__inspection-item { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-method__inspection-term { color: var(--smil-title, #073b5c); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-method__inspection-description { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.59; } .smil-method__inspection-note, .smil-method__design-note, .smil-method__milan-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-method__inspection-note-title, .smil-method__design-note-title, .smil-method__milan-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-method__inspection-note-text, .smil-method__design-note-text, .smil-method__milan-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-method__inspection-note-box, .smil-method__design-note-box, .smil-method__milan-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-method__technologies { margin-top: clamp(44px, 6vw, 68px); padding: clamp(30px, 5vw, 50px); border-radius: 26px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-method__technologies-intro { max-width: 940px; margin: 0 auto; text-align: center; } .smil-method__technologies-label { color: var(--smil-teal-light, #12aaa0); } .smil-method__technologies-title, .smil-method__technologies-text { color: var(--smil-white, #ffffff); } .smil-method__technologies-text { margin: 17px auto 0; max-width: 880px; font-size: 1rem; line-height: 1.7; } .smil-method__technologies-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 34px; } .smil-method__technology-card { padding: clamp(25px, 3.5vw, 36px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); border-radius: 21px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-method__technology-card--vibraless { border-top-color: var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); } .smil-method__technology-symbol { display: inline-flex; width: 58px; height: 58px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 17px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 1.6rem; font-weight: 900; } .smil-method__technology-symbol--vibraless { background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-method__technology-type { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-method__technology-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.5rem, 2.7vw, 2rem); font-weight: 900; line-height: 1.2; } .smil-method__technology-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 0.96rem; line-height: 1.68; } .smil-method__technology-list { display: grid; gap: 10px; margin: 21px 0 0; padding: 0; list-style: none; } .smil-method__technology-item { position: relative; padding-left: 22px; color: var(--smil-muted, #667781); font-size: 0.92rem; line-height: 1.58; } .smil-method__technology-item::before { position: absolute; top: 0.55em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-method__technology-card--vibraless .smil-method__technology-item::before { background: var(--smil-orange, #ff8500); } .smil-method__technology-note { margin-top: 21px; padding: 15px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 11px 11px 0; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.9rem; line-height: 1.6; } .smil-method__technology-card--vibraless .smil-method__technology-note { border-left-color: var(--smil-orange, #ff8500); background: var(--smil-orange-soft, #fff1e2); } .smil-method__technologies-summary { max-width: 980px; margin: 26px auto 0; padding: 19px 21px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 15px; background: rgba(255, 255, 255, 0.09); } .smil-method__technologies-summary-text { margin: 0; color: var(--smil-white, #ffffff); font-size: 0.95rem; line-height: 1.66; text-align: center; } .smil-method__technologies-summary-text strong { color: var(--smil-white, #ffffff); } .smil-method__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-method__design-card { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-method__design-number { display: block; margin-bottom: 9px; color: var(--smil-teal, #008c83); font-size: 1.18rem; font-weight: 900; line-height: 1; } .smil-method__design-card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-method__design-card-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.59; } .smil-method__installation { margin-top: clamp(44px, 6vw, 68px); } .smil-method__installation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-method__installation-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-method__installation-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-method__installation-icon svg { width: 25px; height: 25px; } .smil-method__installation-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.36; } .smil-method__installation-text { margin: 11px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } /* ======================================================== VIDEO TECNICO – CANTIERE REALE A CARATE BRIANZA ======================================================== */ .smil-method__video { margin-top: clamp(44px, 6vw, 68px); padding: clamp(30px, 5vw, 50px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 26px; background: linear-gradient( 145deg, var(--smil-blue-dark, #073b5c) 0%, var(--smil-blue, #075b89) 100% ); color: var(--smil-white, #ffffff); box-shadow: 0 20px 48px rgba(7, 59, 92, 0.14); } .smil-method__video-header { max-width: 940px; margin: 0 auto 30px; text-align: center; } .smil-method__video-label { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 9px; padding: 7px 13px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; background: rgba(255, 255, 255, 0.09); color: var(--smil-teal-light, #12aaa0); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-method__video-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-method__video-intro { max-width: 900px; margin: 16px auto 0; color: rgba(255, 255, 255, 0.88); font-size: 1rem; line-height: 1.7; } .smil-method__video-intro strong { color: var(--smil-white, #ffffff); font-weight: 850; } .smil-method__video-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr); gap: clamp(22px, 3.5vw, 34px); align-items: stretch; } .smil-method__video-media { min-width: 0; margin: 0; padding: 0; } .smil-method__video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 20px; background: #000000; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25); } .smil-method__video-frame iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .smil-method__video-caption { margin: 13px 4px 0; color: rgba(255, 255, 255, 0.76); font-size: 0.84rem; line-height: 1.58; } .smil-method__video-details { display: flex; min-width: 0; flex-direction: column; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 20px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-method__video-details-label { margin: 0 0 7px; color: var(--smil-orange-dark, #e87000); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-method__video-details-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.25rem, 2.2vw, 1.68rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-method__video-list { display: grid; gap: 10px; margin: 21px 0 0; padding: 0; list-style: none; } .smil-method__video-item { position: relative; padding-left: 23px; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.58; } .smil-method__video-item::before { position: absolute; top: 0.5em; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-method__video-note { margin-top: auto; padding: 16px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 11px 11px 0; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.89rem; line-height: 1.6; } @media (max-width: 940px) { .smil-method__video-layout { grid-template-columns: 1fr; } .smil-method__video-note { margin-top: 21px; } } @media (max-width: 600px) { .smil-method__video { padding: 27px 18px; border-radius: 19px; } .smil-method__video-header { text-align: left; } .smil-method__video-label { justify-content: flex-start; } .smil-method__video-frame { border-radius: 15px; } .smil-method__video-details { padding: 23px 18px; border-radius: 17px; } .smil-method__video-caption { margin-right: 0; margin-left: 0; } } .smil-method__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: clamp(44px, 6vw, 68px); } .smil-method__comparison-card { padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-method__comparison-card--sorgedil { border-top-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-method__comparison-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-method__comparison-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-method__comparison-item { position: relative; padding-left: 22px; color: var(--smil-muted, #667781); font-size: 0.93rem; line-height: 1.58; } .smil-method__comparison-item::before { position: absolute; top: 0.55em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-orange, #ff8500); content: ""; } .smil-method__comparison-card--sorgedil .smil-method__comparison-item::before { background: var(--smil-teal, #008c83); } .smil-method__milan-note { border-top-color: var(--smil-teal, #008c83); } .smil-method__milan-note-box { border-left-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-method__principles { margin-top: clamp(44px, 6vw, 68px); } .smil-method__principles-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-method__principle { padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-method__principle-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.95rem; font-weight: 900; } .smil-method__principle-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-method__principle-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-method__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-method__summary-content { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-method__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-method__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-method__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-method__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-method__installation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-method__principles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-method__inspection, .smil-method__design, .smil-method__milan { grid-template-columns: 1fr; } } @media (max-width: 780px) { .smil-method__journey-list, .smil-method__technologies-grid, .smil-method__comparison { grid-template-columns: 1fr; } } @media (max-width: 720px) { .smil-method__inspection-grid, .smil-method__design-grid { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-method__installation-grid, .smil-method__principles-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-method { padding: 48px 16px 58px; } .smil-method__header, .smil-method__journey-header, .smil-method__installation-header, .smil-method__principles-header, .smil-method__technologies-intro { text-align: left; } .smil-method__eyebrow { justify-content: flex-start; } .smil-method__intro { font-size: 1rem; line-height: 1.66; } .smil-method__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-method__direct-icon { width: 52px; height: 52px; } .smil-method__journey-item { grid-template-columns: 1fr; padding: 23px 18px; border-radius: 17px; } .smil-method__inspection-content, .smil-method__inspection-note, .smil-method__design-content, .smil-method__design-note, .smil-method__installation-card, .smil-method__comparison-card, .smil-method__milan-content, .smil-method__milan-note, .smil-method__principle { padding: 23px 18px; border-radius: 17px; } .smil-method__technologies { padding: 27px 18px; border-radius: 19px; } .smil-method__technology-card { padding: 23px 18px; border-radius: 17px; } .smil-method__technologies-summary-text { text-align: left; } .smil-method__summary { padding: 23px 18px; } .smil-method__summary-content { text-align: left; } .smil-method__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-method__button { transition: none; } .smil-method__button:hover { transform: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-milan-presence, .smil-milan-presence * { box-sizing: border-box; } .smil-milan-presence { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-milan-presence::before { position: absolute; top: 185px; left: -280px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-milan-presence__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-milan-presence__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-milan-presence__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-milan-presence__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-milan-presence__intro { max-width: 930px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-milan-presence__intro strong, .smil-milan-presence__direct-text strong, .smil-milan-presence__area-focus strong, .smil-milan-presence__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-milan-presence__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1070px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-milan-presence__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-milan-presence__direct-icon svg { width: 30px; height: 30px; } .smil-milan-presence__direct-content { min-width: 0; } .smil-milan-presence__direct-label, .smil-milan-presence__section-label, .smil-milan-presence__buildings-label, .smil-milan-presence__buildings-note-label, .smil-milan-presence__local-analysis-label, .smil-milan-presence__local-analysis-note-label, .smil-milan-presence__why-local-label, .smil-milan-presence__why-local-note-label, .smil-milan-presence__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-milan-presence__direct-label, .smil-milan-presence__buildings-note-label, .smil-milan-presence__local-analysis-note-label, .smil-milan-presence__why-local-note-label { color: var(--smil-orange-dark, #e87000); } .smil-milan-presence__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-milan-presence__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-milan-presence__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-milan-presence__areas-header, .smil-milan-presence__problems-header, .smil-milan-presence__process-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-milan-presence__section-title, .smil-milan-presence__buildings-title, .smil-milan-presence__local-analysis-title, .smil-milan-presence__why-local-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-milan-presence__section-intro { max-width: 830px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-milan-presence__areas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .smil-milan-presence__area-card { position: relative; padding: clamp(24px, 3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-milan-presence__area-card::after { position: absolute; top: 0; left: 27px; width: 48px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-milan-presence__area-icon { display: inline-flex; width: 51px; height: 51px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-milan-presence__area-icon svg { width: 26px; height: 26px; } .smil-milan-presence__area-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-milan-presence__area-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.25rem; font-weight: 850; line-height: 1.32; letter-spacing: -0.02em; } .smil-milan-presence__area-text { margin: 13px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.65; } .smil-milan-presence__area-focus { margin: 17px 0 0; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.58; } .smil-milan-presence__areas-note { max-width: 980px; margin: 27px auto 0; padding: 17px 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.64; text-align: center; } .smil-milan-presence__buildings, .smil-milan-presence__local-analysis, .smil-milan-presence__why-local { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-milan-presence__buildings-content, .smil-milan-presence__local-analysis-content, .smil-milan-presence__why-local-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-milan-presence__buildings-text, .smil-milan-presence__local-analysis-text, .smil-milan-presence__why-local-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-milan-presence__buildings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-milan-presence__building-card { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-milan-presence__building-number { display: block; margin-bottom: 9px; color: var(--smil-teal, #008c83); font-size: 1.18rem; font-weight: 900; line-height: 1; } .smil-milan-presence__building-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.05rem; font-weight: 850; line-height: 1.4; } .smil-milan-presence__building-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.59; } .smil-milan-presence__buildings-note, .smil-milan-presence__local-analysis-note, .smil-milan-presence__why-local-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-milan-presence__buildings-note-title, .smil-milan-presence__local-analysis-note-title, .smil-milan-presence__why-local-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-milan-presence__buildings-note-text, .smil-milan-presence__local-analysis-note-text, .smil-milan-presence__why-local-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-milan-presence__buildings-note-box, .smil-milan-presence__local-analysis-note-box, .smil-milan-presence__why-local-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-milan-presence__problems, .smil-milan-presence__process { margin-top: clamp(44px, 6vw, 68px); } .smil-milan-presence__problems-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-milan-presence__problem-card { position: relative; padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-milan-presence__problem-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-milan-presence__problem-icon svg { width: 25px; height: 25px; } .smil-milan-presence__problem-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.12rem; font-weight: 850; line-height: 1.36; } .smil-milan-presence__problem-text { margin: 11px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-milan-presence__local-analysis { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-milan-presence__local-analysis-content { padding: 0; border: 0; border-radius: 0; background: transparent; } .smil-milan-presence__local-analysis-label { color: var(--smil-teal-light, #12aaa0); } .smil-milan-presence__local-analysis-title, .smil-milan-presence__local-analysis-text { color: var(--smil-white, #ffffff); } .smil-milan-presence__local-analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 27px; } .smil-milan-presence__local-analysis-card { padding: 19px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-milan-presence__local-analysis-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.88rem; font-weight: 900; } .smil-milan-presence__local-analysis-card-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1rem; font-weight: 850; line-height: 1.4; } .smil-milan-presence__local-analysis-card-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.57; } .smil-milan-presence__local-analysis-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-milan-presence__process-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } .smil-milan-presence__process-item { position: relative; padding: 27px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-milan-presence__process-number { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.9rem; font-weight: 900; } .smil-milan-presence__process-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-milan-presence__process-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-milan-presence__process-note { max-width: 980px; margin: 28px auto 0; padding: 18px 20px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.64; text-align: center; } .smil-milan-presence__why-local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-milan-presence__why-local-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-milan-presence__why-local-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-milan-presence__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-milan-presence__summary-content { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-milan-presence__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-milan-presence__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-milan-presence__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-milan-presence__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1050px) { .smil-milan-presence__areas-grid, .smil-milan-presence__problems-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-milan-presence__process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-milan-presence__buildings, .smil-milan-presence__local-analysis, .smil-milan-presence__why-local { grid-template-columns: 1fr; } } @media (max-width: 720px) { .smil-milan-presence__buildings-grid, .smil-milan-presence__local-analysis-grid, .smil-milan-presence__why-local-list { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-milan-presence__areas-grid, .smil-milan-presence__problems-grid, .smil-milan-presence__process-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-milan-presence { padding: 48px 16px 58px; } .smil-milan-presence__header, .smil-milan-presence__areas-header, .smil-milan-presence__problems-header, .smil-milan-presence__process-header { text-align: left; } .smil-milan-presence__eyebrow { justify-content: flex-start; } .smil-milan-presence__intro { font-size: 1rem; line-height: 1.66; } .smil-milan-presence__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-milan-presence__direct-icon { width: 52px; height: 52px; } .smil-milan-presence__area-card, .smil-milan-presence__buildings-content, .smil-milan-presence__buildings-note, .smil-milan-presence__problem-card, .smil-milan-presence__local-analysis-note, .smil-milan-presence__process-item, .smil-milan-presence__why-local-content, .smil-milan-presence__why-local-note { padding: 23px 18px; border-radius: 17px; } .smil-milan-presence__local-analysis { padding: 27px 18px; border-radius: 19px; } .smil-milan-presence__areas-note, .smil-milan-presence__process-note { text-align: left; } .smil-milan-presence__summary { padding: 23px 18px; } .smil-milan-presence__summary-content { text-align: left; } .smil-milan-presence__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-milan-presence__button { transition: none; } .smil-milan-presence__button:hover { transform: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-real-cases, .smil-real-cases * { box-sizing: border-box; } .smil-real-cases { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 96px) 20px; scroll-margin-top: 30px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-real-cases::before { position: absolute; top: 180px; right: -285px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-real-cases__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-real-cases__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-real-cases__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-real-cases__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-real-cases__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-real-cases__intro--secondary { margin-top: 10px; color: var(--smil-muted, #667781); font-size: 0.98rem; line-height: 1.68; } .smil-real-cases__intro strong, .smil-real-cases__answer-text strong, .smil-real-cases__clarification-text strong, .smil-real-cases__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-real-cases__answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-real-cases__answer-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-real-cases__answer-icon svg { width: 30px; height: 30px; } .smil-real-cases__answer-label, .smil-real-cases__proof-label, .smil-real-cases__clarification-label, .smil-real-cases__clarification-note-label, .smil-real-cases__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-real-cases__answer-label, .smil-real-cases__clarification-note-label { color: var(--smil-orange-dark, #e87000); } .smil-real-cases__answer-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .smil-real-cases__answer-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-real-cases__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .smil-real-cases__card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 21px; background: var(--smil-white, #ffffff); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.08); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-real-cases__card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(7, 59, 92, 0.13); } .smil-real-cases__card--featured { border-top: 5px solid var(--smil-orange, #ff8500); } .smil-real-cases__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--smil-blue-dark, #073b5c); text-decoration: none; } .smil-real-cases__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease, opacity 220ms ease; } .smil-real-cases__media:hover .smil-real-cases__image { transform: scale(1.035); opacity: 0.84; } .smil-real-cases__media::after { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(7, 59, 92, 0.02) 30%, rgba(7, 59, 92, 0.65) 100% ); content: ""; pointer-events: none; } .smil-real-cases__play { position: absolute; z-index: 2; top: 50%; left: 50%; display: inline-flex; width: 62px; height: 62px; align-items: center; justify-content: center; border: 4px solid rgba(255, 255, 255, 0.86); border-radius: 50%; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); box-shadow: 0 10px 24px rgba(7, 59, 92, 0.28); transform: translate(-50%, -50%); transition: transform 180ms ease, background-color 180ms ease; } .smil-real-cases__play svg { width: 28px; height: 28px; margin-left: 3px; } .smil-real-cases__media:hover .smil-real-cases__play { background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); transform: translate(-50%, -50%) scale(1.08); } .smil-real-cases__media-label { position: absolute; z-index: 2; right: 14px; bottom: 13px; padding: 7px 10px; border-radius: 999px; background: rgba(7, 59, 92, 0.9); color: var(--smil-white, #ffffff); font-size: 0.71rem; font-weight: 850; line-height: 1.2; letter-spacing: 0.05em; text-transform: uppercase; } .smil-real-cases__body { display: flex; flex: 1; flex-direction: column; padding: 24px; } .smil-real-cases__location { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; margin-bottom: 11px; color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; } .smil-real-cases__location svg { width: 18px; height: 18px; flex: 0 0 auto; } .smil-real-cases__card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.25rem; font-weight: 850; line-height: 1.34; letter-spacing: -0.02em; } .smil-real-cases__card-text { margin: 13px 0 0; color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.65; } .smil-real-cases__details { display: grid; gap: 9px; margin: 20px 0 0; padding: 15px 0; border-top: 1px solid var(--smil-border, #d9e8ea); border-bottom: 1px solid var(--smil-border, #d9e8ea); } .smil-real-cases__detail { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; } .smil-real-cases__detail dt { color: var(--smil-blue-dark, #073b5c); font-size: 0.82rem; font-weight: 850; line-height: 1.5; } .smil-real-cases__detail dd { margin: 0; color: var(--smil-muted, #667781); font-size: 0.84rem; line-height: 1.5; } .smil-real-cases__link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: auto; padding-top: 18px; color: var(--smil-blue, #075b89); font-size: 0.91rem; font-weight: 850; line-height: 1.4; text-decoration: none; } .smil-real-cases__link span { font-size: 1.15em; transition: transform 180ms ease; } .smil-real-cases__link:hover { color: var(--smil-orange-dark, #e87000); text-decoration: underline; text-underline-offset: 4px; } .smil-real-cases__link:hover span { transform: translateX(4px); } .smil-real-cases__link:focus-visible, .smil-real-cases__media:focus-visible, .smil-real-cases__proof-link:focus-visible { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: 4px; } .smil-real-cases__video-links { display: flex; flex-wrap: wrap; gap: 0 18px; margin-top: auto; } .smil-real-cases__video-links .smil-real-cases__link { margin-top: 0; } .smil-real-cases__link--secondary { color: var(--smil-teal, #008c83); } .smil-real-cases__proof { margin-top: clamp(44px, 6vw, 68px); padding: clamp(28px, 4.5vw, 46px); border-radius: 24px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-real-cases__proof-content { max-width: 1050px; margin: 0 auto; } .smil-real-cases__proof-label { color: var(--smil-teal-light, #12aaa0); text-align: center; } .smil-real-cases__proof-title { margin: 0; color: var(--smil-white, #ffffff); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-align: center; text-wrap: balance; } .smil-real-cases__proof-text { max-width: 850px; margin: 17px auto 0; color: var(--smil-white, #ffffff); font-size: 0.98rem; line-height: 1.7; text-align: center; } .smil-real-cases__proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 27px; } .smil-real-cases__proof-card { padding: 22px; border: 1px solid rgba(255, 255, 255, 0.23); border-radius: 17px; background: rgba(255, 255, 255, 0.09); } .smil-real-cases__proof-location { margin: 0 0 7px; color: var(--smil-teal-light, #12aaa0); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-real-cases__proof-card-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1.12rem; font-weight: 850; line-height: 1.4; } .smil-real-cases__proof-card-text { margin: 9px 0 0; color: var(--smil-white, #ffffff); font-size: 0.91rem; line-height: 1.62; } .smil-real-cases__proof-link { display: flex; width: fit-content; align-items: center; gap: 9px; margin: 25px auto 0; color: var(--smil-white, #ffffff); font-size: 0.94rem; font-weight: 850; line-height: 1.4; text-align: center; text-decoration: underline; text-underline-offset: 5px; } .smil-real-cases__proof-link:hover { color: var(--smil-orange, #ff8500); } .smil-real-cases__clarification { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-real-cases__clarification-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-real-cases__clarification-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-real-cases__clarification-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-real-cases__clarification-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-real-cases__clarification-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-real-cases__clarification-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-real-cases__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 22px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.95rem; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .smil-real-cases__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-real-cases__button--outline { border-color: var(--smil-blue-dark, #073b5c); background: transparent; color: var(--smil-blue-dark, #073b5c); } .smil-real-cases__button--outline:hover { border-color: var(--smil-blue-dark, #073b5c); background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-real-cases__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } .smil-real-cases__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); text-align: center; } .smil-real-cases__summary-text { max-width: 1020px; margin: 0 auto; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-real-cases__summary-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 23px; } .smil-real-cases__summary-actions .smil-real-cases__button { margin-top: 0; } @media (max-width: 1050px) { .smil-real-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-real-cases__clarification { grid-template-columns: 1fr; } } @media (max-width: 720px) { .smil-real-cases__proof-grid { grid-template-columns: 1fr; } } @media (max-width: 660px) { .smil-real-cases__grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-real-cases { padding: 48px 16px 58px; } .smil-real-cases__header { text-align: left; } .smil-real-cases__eyebrow { justify-content: flex-start; } .smil-real-cases__intro { font-size: 1rem; line-height: 1.66; } .smil-real-cases__answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-real-cases__answer-icon { width: 52px; height: 52px; } .smil-real-cases__body { padding: 21px 18px; } .smil-real-cases__detail { grid-template-columns: 1fr; gap: 2px; } .smil-real-cases__video-links { display: grid; gap: 0; } .smil-real-cases__proof { padding: 27px 18px; border-radius: 19px; } .smil-real-cases__proof-label, .smil-real-cases__proof-title, .smil-real-cases__proof-text { text-align: left; } .smil-real-cases__proof-link { width: 100%; justify-content: flex-start; margin-left: 0; text-align: left; } .smil-real-cases__clarification-content, .smil-real-cases__clarification-note { padding: 23px 18px; border-radius: 17px; } .smil-real-cases__summary { padding: 23px 18px; text-align: left; } .smil-real-cases__summary-actions { display: grid; grid-template-columns: 1fr; } .smil-real-cases__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-real-cases__card, .smil-real-cases__image, .smil-real-cases__play, .smil-real-cases__link span, .smil-real-cases__button { transition: none; } .smil-real-cases__card:hover, .smil-real-cases__button:hover { transform: none; } .smil-real-cases__media:hover .smil-real-cases__image { transform: none; } .smil-real-cases__media:hover .smil-real-cases__play { transform: translate(-50%, -50%); } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-wall-cost, .smil-wall-cost * { box-sizing: border-box; } .smil-wall-cost { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-wall-cost::before { position: absolute; top: 185px; left: -280px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-cost__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-wall-cost__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-wall-cost__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-cost__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-wall-cost__intro { max-width: 930px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-wall-cost__intro strong, .smil-wall-cost__technologies-text strong, .smil-wall-cost__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-wall-cost__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1070px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-wall-cost__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-wall-cost__direct-icon svg { width: 30px; height: 30px; } .smil-wall-cost__direct-content { min-width: 0; } .smil-wall-cost__direct-label, .smil-wall-cost__section-label, .smil-wall-cost__sqm-label, .smil-wall-cost__sqm-note-label, .smil-wall-cost__partial-label, .smil-wall-cost__partial-note-label, .smil-wall-cost__technologies-label, .smil-wall-cost__technologies-note-label, .smil-wall-cost__first-contact-label, .smil-wall-cost__first-contact-note-label, .smil-wall-cost__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-cost__direct-label, .smil-wall-cost__sqm-note-label, .smil-wall-cost__partial-note-label, .smil-wall-cost__technologies-note-label, .smil-wall-cost__first-contact-note-label { color: var(--smil-orange-dark, #e87000); } .smil-wall-cost__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-wall-cost__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-cost__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-wall-cost__variables-header, .smil-wall-cost__system-header, .smil-wall-cost__quote-header, .smil-wall-cost__mistakes-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-wall-cost__section-title, .smil-wall-cost__sqm-title, .smil-wall-cost__partial-title, .smil-wall-cost__technologies-title, .smil-wall-cost__first-contact-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-wall-cost__section-intro { max-width: 830px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-wall-cost__variables-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-wall-cost__variable-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-cost__variable-card::after { position: absolute; top: 0; left: 24px; width: 46px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-wall-cost__variable-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.45rem; font-weight: 900; line-height: 1; } .smil-wall-cost__variable-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-wall-cost__variable-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.62; } .smil-wall-cost__sqm, .smil-wall-cost__partial, .smil-wall-cost__technologies, .smil-wall-cost__first-contact { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-wall-cost__sqm-content, .smil-wall-cost__partial-content, .smil-wall-cost__first-contact-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-white, #ffffff); } .smil-wall-cost__sqm-text, .smil-wall-cost__partial-text, .smil-wall-cost__technologies-text, .smil-wall-cost__first-contact-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-wall-cost__sqm-comparison, .smil-wall-cost__partial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-wall-cost__sqm-card, .smil-wall-cost__partial-card { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-cost__sqm-card-label, .smil-wall-cost__partial-card-label { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.73rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-wall-cost__sqm-card-title, .smil-wall-cost__partial-card-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-wall-cost__sqm-card-text, .smil-wall-cost__partial-card-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.59; } .smil-wall-cost__sqm-note, .smil-wall-cost__partial-note, .smil-wall-cost__technologies-note, .smil-wall-cost__first-contact-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-wall-cost__sqm-note-title, .smil-wall-cost__partial-note-title, .smil-wall-cost__technologies-note-title, .smil-wall-cost__first-contact-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-wall-cost__sqm-note-text, .smil-wall-cost__partial-note-text, .smil-wall-cost__technologies-note-text, .smil-wall-cost__first-contact-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-wall-cost__sqm-note-box, .smil-wall-cost__partial-note-box, .smil-wall-cost__technologies-note-box, .smil-wall-cost__first-contact-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-wall-cost__system, .smil-wall-cost__quote, .smil-wall-cost__mistakes { margin-top: clamp(44px, 6vw, 68px); } .smil-wall-cost__system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-wall-cost__system-card { padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-cost__system-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 14px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-wall-cost__system-icon svg { width: 25px; height: 25px; } .smil-wall-cost__system-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-wall-cost__system-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-cost__technologies { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-wall-cost__technologies-content { min-width: 0; } .smil-wall-cost__technologies-label { color: var(--smil-teal-light, #12aaa0); } .smil-wall-cost__technologies-title, .smil-wall-cost__technologies-text { color: var(--smil-white, #ffffff); } .smil-wall-cost__technologies-text strong { color: var(--smil-white, #ffffff); } .smil-wall-cost__technologies-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-wall-cost__technology-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-wall-cost__technology-symbol { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 13px; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 1.1rem; font-weight: 900; } .smil-wall-cost__technology-symbol--vibraless { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } .smil-wall-cost__technology-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1.05rem; font-weight: 850; line-height: 1.4; } .smil-wall-cost__technology-text { margin: 6px 0 0; color: var(--smil-white, #ffffff); font-size: 0.89rem; line-height: 1.58; } .smil-wall-cost__technologies-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-wall-cost__quote-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; } .smil-wall-cost__quote-item { position: relative; padding: 25px 19px 22px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-white, #ffffff); box-shadow: 0 12px 30px rgba(7, 59, 92, 0.05); } .smil-wall-cost__quote-number { display: inline-flex; width: 43px; height: 43px; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.88rem; font-weight: 900; } .smil-wall-cost__quote-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.38; } .smil-wall-cost__quote-text { margin: 9px 0 0; color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.6; } .smil-wall-cost__first-contact-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-wall-cost__first-contact-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-wall-cost__first-contact-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-wall-cost__mistakes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-wall-cost__mistake-card { padding: 25px 21px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-white, #ffffff); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-wall-cost__mistake-mark { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 50%; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); font-size: 1rem; font-weight: 900; } .smil-wall-cost__mistake-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.08rem; font-weight: 850; line-height: 1.38; } .smil-wall-cost__mistake-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-wall-cost__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-wall-cost__summary-content { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-wall-cost__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-wall-cost__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-wall-cost__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-wall-cost__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1100px) { .smil-wall-cost__variables-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-wall-cost__quote-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smil-wall-cost__mistakes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 950px) { .smil-wall-cost__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-wall-cost__sqm, .smil-wall-cost__partial, .smil-wall-cost__technologies, .smil-wall-cost__first-contact { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-wall-cost__sqm-comparison, .smil-wall-cost__partial-grid, .smil-wall-cost__technologies-grid, .smil-wall-cost__first-contact-list { grid-template-columns: 1fr; } .smil-wall-cost__quote-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .smil-wall-cost__variables-grid, .smil-wall-cost__system-grid, .smil-wall-cost__quote-list, .smil-wall-cost__mistakes-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-wall-cost { padding: 48px 16px 58px; } .smil-wall-cost__header, .smil-wall-cost__variables-header, .smil-wall-cost__system-header, .smil-wall-cost__quote-header, .smil-wall-cost__mistakes-header { text-align: left; } .smil-wall-cost__eyebrow { justify-content: flex-start; } .smil-wall-cost__intro { font-size: 1rem; line-height: 1.66; } .smil-wall-cost__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-wall-cost__direct-icon { width: 52px; height: 52px; } .smil-wall-cost__variable-card, .smil-wall-cost__sqm-content, .smil-wall-cost__sqm-note, .smil-wall-cost__system-card, .smil-wall-cost__partial-content, .smil-wall-cost__partial-note, .smil-wall-cost__technologies-note, .smil-wall-cost__quote-item, .smil-wall-cost__first-contact-content, .smil-wall-cost__first-contact-note, .smil-wall-cost__mistake-card { padding: 23px 18px; border-radius: 17px; } .smil-wall-cost__technologies { padding: 27px 18px; border-radius: 19px; } .smil-wall-cost__technology-card { grid-template-columns: 1fr; } .smil-wall-cost__summary { padding: 23px 18px; } .smil-wall-cost__summary-content { text-align: left; } .smil-wall-cost__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-wall-cost__button { transition: none; } .smil-wall-cost__button:hover { transform: none; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-why-sorgedil, .smil-why-sorgedil * { box-sizing: border-box; } .smil-why-sorgedil { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 98px) 20px; scroll-margin-top: 30px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-why-sorgedil::before { position: absolute; top: 190px; right: -280px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-why-sorgedil__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-why-sorgedil__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-why-sorgedil__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-why-sorgedil__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-why-sorgedil__intro { max-width: 930px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-why-sorgedil__intro--secondary { margin-top: 10px; color: var(--smil-muted, #667781); font-size: 0.99rem; line-height: 1.68; } .smil-why-sorgedil__intro strong, .smil-why-sorgedil__direct-text strong, .smil-why-sorgedil__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-why-sorgedil__direct-answer { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1070px; margin: 0 auto 44px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-orange-soft, #fff1e2); } .smil-why-sorgedil__direct-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-why-sorgedil__direct-icon svg { width: 30px; height: 30px; } .smil-why-sorgedil__direct-content { min-width: 0; } .smil-why-sorgedil__direct-label, .smil-why-sorgedil__section-label, .smil-why-sorgedil__specialist-label, .smil-why-sorgedil__specialist-note-label, .smil-why-sorgedil__technologies-label, .smil-why-sorgedil__technologies-note-label, .smil-why-sorgedil__transparency-label, .smil-why-sorgedil__transparency-note-label, .smil-why-sorgedil__documented-label, .smil-why-sorgedil__documented-note-label, .smil-why-sorgedil__milan-label, .smil-why-sorgedil__milan-note-label, .smil-why-sorgedil__summary-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-why-sorgedil__direct-label, .smil-why-sorgedil__specialist-note-label, .smil-why-sorgedil__technologies-note-label, .smil-why-sorgedil__transparency-note-label, .smil-why-sorgedil__documented-note-label, .smil-why-sorgedil__milan-note-label { color: var(--smil-orange-dark, #e87000); } .smil-why-sorgedil__direct-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-why-sorgedil__direct-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-why-sorgedil__direct-note { margin: 17px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font-size: 0.93rem; line-height: 1.62; } .smil-why-sorgedil__reasons-header, .smil-why-sorgedil__journey-header { max-width: 900px; margin: 0 auto 30px; text-align: center; } .smil-why-sorgedil__section-title, .smil-why-sorgedil__specialist-title, .smil-why-sorgedil__technologies-title, .smil-why-sorgedil__transparency-title, .smil-why-sorgedil__documented-title, .smil-why-sorgedil__milan-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-why-sorgedil__section-intro { max-width: 830px; margin: 16px auto 0; color: var(--smil-muted, #667781); font-size: 1rem; line-height: 1.68; } .smil-why-sorgedil__reasons-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .smil-why-sorgedil__reason-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); box-shadow: 0 13px 32px rgba(7, 59, 92, 0.06); } .smil-why-sorgedil__reason-card::after { position: absolute; top: 0; left: 24px; width: 46px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-why-sorgedil__reason-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.45rem; font-weight: 900; line-height: 1; } .smil-why-sorgedil__reason-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-why-sorgedil__reason-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.62; } .smil-why-sorgedil__specialist, .smil-why-sorgedil__technologies, .smil-why-sorgedil__transparency, .smil-why-sorgedil__documented, .smil-why-sorgedil__milan { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); gap: clamp(24px, 4vw, 42px); margin-top: clamp(44px, 6vw, 68px); } .smil-why-sorgedil__specialist-content, .smil-why-sorgedil__transparency-content, .smil-why-sorgedil__documented-content, .smil-why-sorgedil__milan-content { padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 22px; background: var(--smil-page-soft, #f4fafb); } .smil-why-sorgedil__specialist-text, .smil-why-sorgedil__technologies-text, .smil-why-sorgedil__transparency-text, .smil-why-sorgedil__documented-text, .smil-why-sorgedil__milan-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.98rem; line-height: 1.7; } .smil-why-sorgedil__specialist-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-why-sorgedil__specialist-point { padding: 19px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 15px; background: var(--smil-white, #ffffff); } .smil-why-sorgedil__specialist-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 13px; border-radius: 13px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue, #075b89); } .smil-why-sorgedil__specialist-icon svg { width: 23px; height: 23px; } .smil-why-sorgedil__specialist-point-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-why-sorgedil__specialist-point-text { margin: 7px 0 0; color: var(--smil-muted, #667781); font-size: 0.9rem; line-height: 1.59; } .smil-why-sorgedil__specialist-note, .smil-why-sorgedil__technologies-note, .smil-why-sorgedil__transparency-note, .smil-why-sorgedil__documented-note, .smil-why-sorgedil__milan-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-why-sorgedil__specialist-note-title, .smil-why-sorgedil__technologies-note-title, .smil-why-sorgedil__transparency-note-title, .smil-why-sorgedil__documented-note-title, .smil-why-sorgedil__milan-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.72rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-why-sorgedil__specialist-note-text, .smil-why-sorgedil__technologies-note-text, .smil-why-sorgedil__transparency-note-text, .smil-why-sorgedil__documented-note-text, .smil-why-sorgedil__milan-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-why-sorgedil__specialist-note-box, .smil-why-sorgedil__technologies-note-box, .smil-why-sorgedil__transparency-note-box, .smil-why-sorgedil__documented-note-box, .smil-why-sorgedil__milan-note-box { margin-top: 20px; padding: 15px; border-left: 4px solid var(--smil-orange, #ff8500); border-radius: 0 11px 11px 0; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-text, #344653); font-size: 0.91rem; line-height: 1.6; } .smil-why-sorgedil__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: clamp(44px, 6vw, 68px); } .smil-why-sorgedil__comparison-card { padding: clamp(25px, 3.6vw, 37px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-why-sorgedil__comparison-card--sorgedil { border-top-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); } .smil-why-sorgedil__comparison-label { margin: 0 0 7px; color: var(--smil-orange-dark, #e87000); font-size: 0.77rem; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; } .smil-why-sorgedil__comparison-card--sorgedil .smil-why-sorgedil__comparison-label { color: var(--smil-teal, #008c83); } .smil-why-sorgedil__comparison-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.35rem, 2.3vw, 1.82rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-why-sorgedil__comparison-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-why-sorgedil__comparison-item { position: relative; padding-left: 22px; color: var(--smil-muted, #667781); font-size: 0.93rem; line-height: 1.58; } .smil-why-sorgedil__comparison-item::before { position: absolute; top: 0.55em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-orange, #ff8500); content: ""; } .smil-why-sorgedil__comparison-card--sorgedil .smil-why-sorgedil__comparison-item::before { background: var(--smil-teal, #008c83); } .smil-why-sorgedil__technologies { padding: clamp(29px, 4.5vw, 48px); border-radius: 25px; background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-why-sorgedil__technologies-content { min-width: 0; } .smil-why-sorgedil__technologies-label { color: var(--smil-teal-light, #12aaa0); } .smil-why-sorgedil__technologies-title, .smil-why-sorgedil__technologies-text { color: var(--smil-white, #ffffff); } .smil-why-sorgedil__technologies-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 26px; } .smil-why-sorgedil__technology-card { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 14px; padding: 19px; border: 1px solid rgba(255, 255, 255, 0.23); border-radius: 15px; background: rgba(255, 255, 255, 0.08); } .smil-why-sorgedil__technology-symbol { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 15px; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 1.3rem; font-weight: 900; } .smil-why-sorgedil__technology-symbol--vibraless { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } .smil-why-sorgedil__technology-label { margin: 0 0 4px; color: var(--smil-teal-light, #12aaa0); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-why-sorgedil__technology-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1.08rem; font-weight: 850; line-height: 1.4; } .smil-why-sorgedil__technology-text { margin: 7px 0 0; color: var(--smil-white, #ffffff); font-size: 0.9rem; line-height: 1.58; } .smil-why-sorgedil__technologies-note { align-self: stretch; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-why-sorgedil__transparency-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 24px 0 0; padding: 0; list-style: none; } .smil-why-sorgedil__transparency-item { display: flex; align-items: flex-start; gap: 10px; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.55; } .smil-why-sorgedil__transparency-check { display: inline-flex; width: 23px; height: 23px; flex: 0 0 auto; align-items: center; justify-content: center; margin-top: 1px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.78rem; font-weight: 900; } .smil-why-sorgedil__documented-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 25px; } .smil-why-sorgedil__link-button, .smil-why-sorgedil__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.95rem; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .smil-why-sorgedil__link-button--secondary { border-color: var(--smil-blue-dark, #073b5c); background: var(--smil-white, #ffffff); color: var(--smil-blue-dark, #073b5c); } .smil-why-sorgedil__link-button:hover, .smil-why-sorgedil__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-why-sorgedil__link-button--secondary:hover { border-color: var(--smil-blue-dark, #073b5c); background: var(--smil-blue-dark, #073b5c); color: var(--smil-white, #ffffff); } .smil-why-sorgedil__link-button:focus-visible, .smil-why-sorgedil__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } .smil-why-sorgedil__journey { margin-top: clamp(44px, 6vw, 68px); } .smil-why-sorgedil__journey-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; } .smil-why-sorgedil__journey-item { padding: 25px 19px 22px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-page-soft, #f4fafb); } .smil-why-sorgedil__journey-number { display: inline-flex; width: 43px; height: 43px; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 0.88rem; font-weight: 900; } .smil-why-sorgedil__journey-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.38; } .smil-why-sorgedil__journey-text { margin: 9px 0 0; color: var(--smil-muted, #667781); font-size: 0.89rem; line-height: 1.6; } .smil-why-sorgedil__summary { margin-top: 36px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-why-sorgedil__summary-content { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-why-sorgedil__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-why-sorgedil__summary .smil-why-sorgedil__button { margin-top: 23px; } @media (max-width: 1100px) { .smil-why-sorgedil__reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-why-sorgedil__journey-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .smil-why-sorgedil__specialist, .smil-why-sorgedil__technologies, .smil-why-sorgedil__transparency, .smil-why-sorgedil__documented, .smil-why-sorgedil__milan { grid-template-columns: 1fr; } } @media (max-width: 760px) { .smil-why-sorgedil__specialist-points, .smil-why-sorgedil__comparison, .smil-why-sorgedil__technologies-grid, .smil-why-sorgedil__transparency-list { grid-template-columns: 1fr; } .smil-why-sorgedil__journey-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .smil-why-sorgedil__reasons-grid, .smil-why-sorgedil__journey-list { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-why-sorgedil { padding: 48px 16px 58px; } .smil-why-sorgedil__header, .smil-why-sorgedil__reasons-header, .smil-why-sorgedil__journey-header { text-align: left; } .smil-why-sorgedil__eyebrow { justify-content: flex-start; } .smil-why-sorgedil__intro { font-size: 1rem; line-height: 1.66; } .smil-why-sorgedil__direct-answer { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-why-sorgedil__direct-icon { width: 52px; height: 52px; } .smil-why-sorgedil__reason-card, .smil-why-sorgedil__specialist-content, .smil-why-sorgedil__specialist-note, .smil-why-sorgedil__comparison-card, .smil-why-sorgedil__technologies-note, .smil-why-sorgedil__transparency-content, .smil-why-sorgedil__transparency-note, .smil-why-sorgedil__documented-content, .smil-why-sorgedil__documented-note, .smil-why-sorgedil__journey-item, .smil-why-sorgedil__milan-content, .smil-why-sorgedil__milan-note { padding: 23px 18px; border-radius: 17px; } .smil-why-sorgedil__technologies { padding: 27px 18px; border-radius: 19px; } .smil-why-sorgedil__technology-card { grid-template-columns: 1fr; } .smil-why-sorgedil__documented-actions { display: grid; grid-template-columns: 1fr; } .smil-why-sorgedil__link-button, .smil-why-sorgedil__button { width: 100%; } .smil-why-sorgedil__summary { padding: 23px 18px; } .smil-why-sorgedil__summary-content { text-align: left; } } @media (prefers-reduced-motion: reduce) { .smil-why-sorgedil__link-button, .smil-why-sorgedil__button { transition: none; } .smil-why-sorgedil__link-button:hover, .smil-why-sorgedil__button:hover { transform: none; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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; } .smil-faq, .smil-faq * { box-sizing: border-box; } .smil-faq { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 96px) 20px; scroll-margin-top: 30px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-faq::before { position: absolute; top: 180px; left: -285px; width: 370px; height: 370px; border: 55px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-faq__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-faq__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-faq__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-faq__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-faq__intro { max-width: 920px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-faq__intro strong, .smil-faq__answer-first-text strong, .smil-faq__answer strong, .smil-faq__summary-text strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-faq__answer-first { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto 42px; padding: clamp(24px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-left: 6px solid var(--smil-orange, #ff8500); border-radius: 0 20px 20px 0; background: var(--smil-white, #ffffff); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.08); } .smil-faq__answer-first-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 17px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); } .smil-faq__answer-first-icon svg { width: 30px; height: 30px; } .smil-faq__answer-first-content { min-width: 0; } .smil-faq__answer-first-label, .smil-faq__summary-label { margin: 0 0 7px; color: var(--smil-orange-dark, #e87000); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-faq__summary-label { color: var(--smil-teal, #008c83); } .smil-faq__answer-first-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.42rem, 2.5vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-faq__answer-first-text { margin: 15px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; } .smil-faq__item { overflow: hidden; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 18px; background: var(--smil-white, #ffffff); box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); transition: border-color 180ms ease, box-shadow 180ms ease; } .smil-faq__item[open] { border-color: var(--smil-teal-light, #12aaa0); box-shadow: 0 15px 35px rgba(7, 59, 92, 0.1); } .smil-faq__question { display: grid; grid-template-columns: 44px minmax(0, 1fr) 34px; gap: 14px; align-items: center; min-height: 92px; padding: 20px; cursor: pointer; list-style: none; user-select: none; } .smil-faq__question::-webkit-details-marker { display: none; } .smil-faq__question::marker { display: none; content: ""; } .smil-faq__question:hover { background: var(--smil-page-soft, #f4fafb); } .smil-faq__question:focus-visible { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: -4px; } .smil-faq__number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 13px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.79rem; font-weight: 900; line-height: 1; } .smil-faq__item[open] .smil-faq__number { background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); } .smil-faq__question-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1rem, 1.55vw, 1.13rem); font-weight: 850; line-height: 1.4; letter-spacing: -0.012em; } .smil-faq__toggle { position: relative; display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-orange-soft, #fff1e2); } .smil-faq__toggle::before, .smil-faq__toggle::after { position: absolute; width: 13px; height: 2px; border-radius: 999px; background: var(--smil-orange-dark, #e87000); content: ""; transition: transform 180ms ease; } .smil-faq__toggle::after { transform: rotate(90deg); } .smil-faq__item[open] .smil-faq__toggle { background: var(--smil-orange, #ff8500); } .smil-faq__item[open] .smil-faq__toggle::after { transform: rotate(0deg); } .smil-faq__item[open] .smil-faq__toggle::before, .smil-faq__item[open] .smil-faq__toggle::after { background: var(--smil-blue-dark, #073b5c); } .smil-faq__answer { padding: 0 20px 22px 78px; border-top: 1px solid var(--smil-border, #d9e8ea); } .smil-faq__answer p { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.7; } .smil-faq__answer p + p { margin-top: 12px; } .smil-faq__summary { margin-top: 34px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 20px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-faq__summary-content { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-faq__summary-text { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-faq__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-faq__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-faq__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 850px) { .smil-faq__grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-faq { padding: 48px 16px 58px; } .smil-faq__header { text-align: left; } .smil-faq__eyebrow { justify-content: flex-start; } .smil-faq__intro { font-size: 1rem; line-height: 1.66; } .smil-faq__answer-first { grid-template-columns: 1fr; gap: 14px; padding: 21px 18px; border-radius: 0 17px 17px 0; } .smil-faq__answer-first-icon { width: 52px; height: 52px; } .smil-faq__question { grid-template-columns: 39px minmax(0, 1fr) 30px; gap: 11px; min-height: 84px; padding: 17px 15px; } .smil-faq__number { width: 38px; height: 38px; } .smil-faq__toggle { width: 30px; height: 30px; } .smil-faq__answer { padding: 0 16px 20px; } .smil-faq__summary { padding: 23px 18px; } .smil-faq__summary-content { text-align: left; } .smil-faq__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-faq__item, .smil-faq__toggle::before, .smil-faq__toggle::after, .smil-faq__button { transition: none; } .smil-faq__button:hover { transform: none; } }#imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_25 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_25 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_25 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smil-quotable-summary, .smil-quotable-summary * { box-sizing: border-box; } .smil-quotable-summary { position: relative; overflow: hidden; padding: clamp(60px, 7vw, 96px) 20px; scroll-margin-top: 30px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); } .smil-quotable-summary::before { position: absolute; top: 170px; right: -275px; width: 360px; height: 360px; border: 54px solid var(--smil-aqua-soft, #e3f5f6); border-radius: 50%; content: ""; pointer-events: none; } .smil-quotable-summary__container { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; } .smil-quotable-summary__header { max-width: 980px; margin: 0 auto 36px; text-align: center; } .smil-quotable-summary__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; padding: 7px 14px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 999px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-quotable-summary__title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 850; line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; } .smil-quotable-summary__intro { max-width: 900px; margin: 22px auto 0; color: var(--smil-text, #344653); font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.75; } .smil-quotable-summary__intro strong, .smil-quotable-summary__quote strong { color: var(--smil-blue-dark, #073b5c); font-weight: 850; } .smil-quotable-summary__main-answer { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 22px; max-width: 1080px; margin: 0 auto 48px; padding: clamp(26px, 4vw, 40px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 22px; background: var(--smil-orange-soft, #fff1e2); } .smil-quotable-summary__main-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 18px; background: var(--smil-white, #ffffff); color: var(--smil-orange-dark, #e87000); } .smil-quotable-summary__main-icon svg { width: 32px; height: 32px; } .smil-quotable-summary__main-content { min-width: 0; } .smil-quotable-summary__main-label, .smil-quotable-summary__section-label, .smil-quotable-summary__short-label, .smil-quotable-summary__short-note-label, .smil-quotable-summary__contact-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-quotable-summary__main-label, .smil-quotable-summary__short-note-label { color: var(--smil-orange-dark, #e87000); } .smil-quotable-summary__main-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.45rem, 2.7vw, 2.1rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-quotable-summary__quote { margin: 20px 0 0; padding: 0; border: 0; } .smil-quotable-summary__quote p { margin: 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.75; } .smil-quotable-summary__quote p + p { margin-top: 15px; } .smil-quotable-summary__quote-footer { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-muted, #667781); font-size: 0.84rem; font-weight: 750; line-height: 1.5; } .smil-quotable-summary__key-header { max-width: 880px; margin: 0 auto 30px; text-align: center; } .smil-quotable-summary__section-title, .smil-quotable-summary__short-title, .smil-quotable-summary__contact-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.55rem, 3vw, 2.3rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.028em; text-wrap: balance; } .smil-quotable-summary__key-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .smil-quotable-summary__key-card { position: relative; padding: 26px 21px 23px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 19px; background: var(--smil-page-soft, #f4fafb); } .smil-quotable-summary__key-card::after { position: absolute; top: 0; left: 24px; width: 46px; height: 5px; border-radius: 0 0 6px 6px; background: var(--smil-teal-light, #12aaa0); content: ""; } .smil-quotable-summary__key-number { display: inline-block; margin-bottom: 16px; color: var(--smil-teal, #008c83); font-size: 1.42rem; font-weight: 900; line-height: 1; } .smil-quotable-summary__key-title { margin: 0; color: var(--smil-title, #073b5c); font-size: 1.1rem; font-weight: 850; line-height: 1.38; } .smil-quotable-summary__key-text { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.91rem; line-height: 1.62; } .smil-quotable-summary__technologies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: clamp(44px, 6vw, 66px); padding: clamp(28px, 4.5vw, 46px); border-radius: 24px; background: var(--smil-blue-dark, #073b5c); } .smil-quotable-summary__technology { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; padding: 22px; border: 1px solid var(--smil-blue-light, #087ca0); border-radius: 17px; background: var(--smil-blue, #075b89); } .smil-quotable-summary__technology-symbol { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 16px; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 1.4rem; font-weight: 900; } .smil-quotable-summary__technology-symbol--vibraless { background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); } .smil-quotable-summary__technology-content { min-width: 0; } .smil-quotable-summary__technology-label { margin: 0 0 4px; color: var(--smil-teal-light, #12aaa0); font-size: 0.72rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-quotable-summary__technology-title { margin: 0; color: var(--smil-white, #ffffff); font-size: 1.28rem; font-weight: 850; line-height: 1.35; } .smil-quotable-summary__technology-text { margin: 8px 0 0; color: var(--smil-white, #ffffff); font-size: 0.91rem; line-height: 1.62; } .smil-quotable-summary__short-answer { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(290px, 0.7fr); gap: clamp(24px, 4vw, 40px); margin-top: clamp(44px, 6vw, 66px); } .smil-quotable-summary__short-content { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 21px; background: var(--smil-page-soft, #f4fafb); } .smil-quotable-summary__short-text { margin: 17px 0 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-quotable-summary__short-note { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); border-radius: 21px; background: var(--smil-cream, #fff9e8); } .smil-quotable-summary__short-note-title { margin: 0; color: var(--smil-title, #073b5c); font-size: clamp(1.3rem, 2.2vw, 1.7rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-quotable-summary__short-note-text { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.66; } .smil-quotable-summary__contact { margin-top: 34px; padding: clamp(26px, 4vw, 40px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 21px; background: var(--smil-aqua-soft, #e3f5f6); } .smil-quotable-summary__contact-content { max-width: 980px; margin: 0 auto; text-align: center; } .smil-quotable-summary__contact-text { margin: 17px auto 0; color: var(--smil-text, #344653); font-size: 1rem; line-height: 1.72; } .smil-quotable-summary__button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; margin-top: 23px; padding: 13px 22px; border: 2px solid transparent; border-radius: 10px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.96rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .smil-quotable-summary__button:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); text-decoration: none; } .smil-quotable-summary__button:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } @media (max-width: 1000px) { .smil-quotable-summary__key-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 850px) { .smil-quotable-summary__short-answer { grid-template-columns: 1fr; } } @media (max-width: 720px) { .smil-quotable-summary__technologies { grid-template-columns: 1fr; } } @media (max-width: 620px) { .smil-quotable-summary__key-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .smil-quotable-summary { padding: 48px 16px 58px; } .smil-quotable-summary__header, .smil-quotable-summary__key-header, .smil-quotable-summary__contact-content { text-align: left; } .smil-quotable-summary__eyebrow { justify-content: flex-start; } .smil-quotable-summary__intro { font-size: 1rem; line-height: 1.66; } .smil-quotable-summary__main-answer { grid-template-columns: 1fr; gap: 15px; padding: 23px 18px; border-radius: 18px; } .smil-quotable-summary__main-icon { width: 54px; height: 54px; } .smil-quotable-summary__key-card, .smil-quotable-summary__short-content, .smil-quotable-summary__short-note { padding: 23px 18px; border-radius: 17px; } .smil-quotable-summary__technologies { padding: 25px 17px; border-radius: 19px; } .smil-quotable-summary__technology { grid-template-columns: 1fr; padding: 19px 17px; } .smil-quotable-summary__contact { padding: 23px 18px; } .smil-quotable-summary__button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .smil-quotable-summary__button { transition: none; } .smil-quotable-summary__button:hover { transform: none; } }#imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_26 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_26 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_26 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ======================================================== MODULO FINALE – ISOLAMENTO ACUSTICO PARETI MILANO ======================================================== */ .smil-wall-contact, .smil-wall-contact * { box-sizing: border-box; } .smil-wall-contact { position: relative; z-index: 1; clear: both; display: block; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; padding: clamp(62px, 7vw, 92px) 20px clamp(64px, 7vw, 104px); overflow: hidden; isolation: isolate; background: radial-gradient( circle at 92% 7%, rgba(18, 170, 160, 0.16) 0, rgba(18, 170, 160, 0.16) 150px, transparent 151px ), linear-gradient( 145deg, var(--smil-blue-dark, #073b5c) 0%, var(--smil-blue, #075b89) 100% ); color: var(--smil-white, #ffffff); } /* * Ancora invisibile. * È l'elemento raggiunto dai link #contact-form-basso. */ .smil-wall-contact__anchor { position: absolute; top: 0; left: 0; display: block; width: 1px; height: 1px; margin: 0; padding: 0; pointer-events: none; scroll-margin-top: 16px; } .smil-wall-contact::before { position: absolute; z-index: -1; bottom: -240px; left: -220px; width: 420px; height: 420px; border: 62px solid rgba(0, 140, 131, 0.3); border-radius: 50%; content: ""; pointer-events: none; } .smil-wall-contact__container { position: relative; z-index: 2; display: block; width: min(1180px, 100%); height: auto; min-height: 0; margin: 0 auto; padding: 0; } /* ======================================================== INTESTAZIONE ======================================================== */ .smil-wall-contact__header { position: relative !important; inset: auto !important; display: block !important; width: min(980px, 100%) !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto 38px !important; padding: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; opacity: 1 !important; visibility: visible !important; text-align: center; transform: none !important; translate: none !important; } .smil-wall-contact__label { position: static !important; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; margin: 0 0 18px !important; padding: 7px 14px !important; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; background: rgba(255, 255, 255, 0.09) !important; color: var(--smil-teal-light, #12aaa0) !important; font-size: 0.8rem !important; font-weight: 850 !important; line-height: 1.3 !important; letter-spacing: 0.07em !important; text-transform: uppercase; opacity: 1 !important; visibility: visible !important; transform: none !important; } /* Titolo protetto dagli stili globali del sito */ .smil-wall-contact__title { position: static !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto 22px !important; padding: 0.08em 0 0.12em !important; overflow: visible !important; clip: auto !important; clip-path: none !important; background: transparent !important; color: var(--smil-white, #ffffff) !important; font-size: clamp(2rem, 4.5vw, 3.45rem) !important; font-weight: 850 !important; line-height: 1.14 !important; letter-spacing: -0.038em !important; text-align: center !important; text-indent: 0 !important; text-transform: none !important; text-wrap: balance; opacity: 1 !important; visibility: visible !important; transform: none !important; translate: none !important; } .smil-wall-contact__title::before, .smil-wall-contact__title::after { display: none !important; content: none !important; } .smil-wall-contact__title-accent { position: static !important; display: block !important; width: 100% !important; height: auto !important; margin: 4px 0 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: var(--smil-teal-light, #12aaa0) !important; font: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-align: inherit !important; opacity: 1 !important; visibility: visible !important; transform: none !important; translate: none !important; } .smil-wall-contact__answer { position: static !important; display: block !important; max-width: 930px; height: auto !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; color: var(--smil-white, #ffffff) !important; font-size: clamp(1.04rem, 1.55vw, 1.18rem); line-height: 1.74; transform: none !important; } .smil-wall-contact__answer strong { background: transparent !important; color: var(--smil-white, #ffffff) !important; font-weight: 850; } .smil-wall-contact__supporting { position: static !important; display: block !important; max-width: 880px; height: auto !important; margin: 14px auto 0 !important; padding: 0 !important; background: transparent !important; color: rgba(255, 255, 255, 0.82) !important; font-size: 0.96rem; line-height: 1.68; transform: none !important; } .smil-wall-contact__supporting strong { background: transparent !important; color: var(--smil-teal-light, #12aaa0) !important; font-weight: 850; } /* ======================================================== PERCORSO ======================================================== */ .smil-wall-contact__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 34px; padding: 0; list-style: none; } .smil-wall-contact-step { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: start; min-width: 0; padding: 19px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 17px; background: rgba(255, 255, 255, 0.09); backdrop-filter: blur(4px); } .smil-wall-contact-step__number { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font-size: 0.95rem; font-weight: 900; line-height: 1; } .smil-wall-contact-step__content { min-width: 0; } .smil-wall-contact-step strong { display: block; margin: 1px 0 0; background: transparent !important; color: var(--smil-white, #ffffff) !important; font-size: 0.97rem; font-weight: 850; line-height: 1.4; } .smil-wall-contact-step p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.78); font-size: 0.84rem; line-height: 1.52; } /* ======================================================== AREA PRINCIPALE ======================================================== */ .smil-wall-contact__main { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); gap: clamp(24px, 4vw, 40px); align-items: start; } .smil-wall-contact__information { display: grid; gap: 20px; } .smil-wall-contact__intro-card, .smil-wall-contact__help, .smil-wall-contact__phone-card, .smil-wall-contact__clarity { border-radius: 20px; } /* ======================================================== COLONNA INFORMATIVA ======================================================== */ .smil-wall-contact__intro-card { padding: clamp(25px, 3.5vw, 34px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-teal, #008c83); background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.14); } .smil-wall-contact__section-label { margin: 0 0 7px; color: var(--smil-teal, #008c83); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-contact__intro-card h3, .smil-wall-contact__help h3, .smil-wall-contact__phone-card h3, .smil-wall-contact__clarity h3 { position: static !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: var(--smil-title, #073b5c) !important; font-weight: 850; letter-spacing: -0.02em; transform: none !important; } .smil-wall-contact__intro-card h3 { font-size: clamp(1.35rem, 2.2vw, 1.78rem); line-height: 1.3; } .smil-wall-contact__intro-card p { margin: 14px 0 0; color: var(--smil-text, #344653); font-size: 0.94rem; line-height: 1.68; } /* Informazioni utili */ .smil-wall-contact__help { padding: clamp(24px, 3.3vw, 31px); border: 1px solid var(--smil-border, #d9e8ea); background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); } .smil-wall-contact__help h3 { font-size: 1.24rem; line-height: 1.36; } .smil-wall-contact__help ul { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; } .smil-wall-contact__help li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; padding: 16px 0; } .smil-wall-contact__help li:first-child { padding-top: 0; } .smil-wall-contact__help li:last-child { padding-bottom: 0; } .smil-wall-contact__help li + li { border-top: 1px solid var(--smil-border, #d9e8ea); } .smil-wall-contact__help li > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-teal, #008c83); font-size: 0.77rem; font-weight: 900; } .smil-wall-contact__help strong { background: transparent !important; color: var(--smil-title, #073b5c) !important; font-size: 0.94rem; font-weight: 850; line-height: 1.4; } .smil-wall-contact__help p { margin: 5px 0 0; color: var(--smil-muted, #667781); font-size: 0.86rem; line-height: 1.56; } /* Numero verde */ .smil-wall-contact__phone-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; padding: clamp(23px, 3vw, 29px); border: 1px solid var(--smil-border, #d9e8ea); border-top: 6px solid var(--smil-orange, #ff8500); background: var(--smil-cream, #fff9e8); color: var(--smil-text, #344653); } .smil-wall-contact__phone-symbol { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 16px; background: var(--smil-orange-soft, #fff1e2); color: var(--smil-orange-dark, #e87000); font-size: 1.55rem; font-weight: 900; } .smil-wall-contact__phone-content { min-width: 0; } .smil-wall-contact__phone-label { margin: 0 0 5px; color: var(--smil-orange-dark, #e87000); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-wall-contact__phone-card h3 { font-size: 1.1rem; line-height: 1.4; } .smil-wall-contact__phone-card a { display: inline-block; margin-top: 9px; color: var(--smil-blue-dark, #073b5c); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 900; line-height: 1.2; text-decoration: none; } .smil-wall-contact__phone-card a:hover { color: var(--smil-orange-dark, #e87000); } .smil-wall-contact__phone-card a:focus-visible { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: 4px; } .smil-wall-contact__phone-card p:last-child { margin: 8px 0 0; color: var(--smil-muted, #667781); font-size: 0.86rem; line-height: 1.55; } /* Chiarezza */ .smil-wall-contact__clarity { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; padding: 23px; border: 1px solid var(--smil-border, #d9e8ea); background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-text, #344653); } .smil-wall-contact__clarity-symbol { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-green-soft, #eaf9ef); color: var(--smil-green-dark, #07933d); font-size: 1rem; font-weight: 900; } .smil-wall-contact__clarity h3 { font-size: 1.06rem; line-height: 1.4; } .smil-wall-contact__clarity p { margin: 8px 0 0; color: var(--smil-text, #344653); font-size: 0.87rem; line-height: 1.58; } /* ======================================================== MODULO ======================================================== */ .smil-wall-contact__form-column { min-width: 0; } .smil-wall-contact__form { position: relative; display: grid; gap: 27px; padding: clamp(27px, 4vw, 42px); border: 1px solid var(--smil-border, #d9e8ea); border-radius: 24px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.19); } .smil-wall-contact__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .smil-wall-contact__form-header { position: static !important; height: auto !important; margin: 0 !important; padding: 0 0 21px !important; overflow: visible !important; border-bottom: 1px solid var(--smil-border, #d9e8ea); transform: none !important; } .smil-wall-contact__form-kicker { margin: 0 0 6px; color: var(--smil-teal, #008c83); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-contact__form-header h3 { position: static !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: var(--smil-title, #073b5c) !important; font-size: clamp(1.45rem, 2.7vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; transform: none !important; } .smil-wall-contact__form-header > p:last-child { margin: 10px 0 0; color: var(--smil-muted, #667781); font-size: 0.84rem; line-height: 1.55; } .smil-wall-contact__form-header > p:last-child span { color: var(--smil-orange-dark, #e87000); } .smil-wall-contact__fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } .smil-wall-contact__fieldset legend { width: 100%; margin: 0 0 17px; padding: 0 0 10px; border-bottom: 1px solid var(--smil-border, #d9e8ea); color: var(--smil-title, #073b5c); font-size: 1.04rem; font-weight: 850; line-height: 1.4; } .smil-wall-contact__fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; } .smil-wall-contact-field { min-width: 0; } .smil-wall-contact-field--full { grid-column: 1 / -1; } .smil-wall-contact-field label { display: block; margin: 0 0 8px; color: var(--smil-title, #073b5c); font-size: 0.9rem; font-weight: 800; line-height: 1.45; } .smil-wall-contact-field label span { color: var(--smil-orange-dark, #e87000); } .smil-wall-contact-field input, .smil-wall-contact-field select, .smil-wall-contact-field textarea { display: block; width: 100%; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 11px; background: var(--smil-white, #ffffff); color: var(--smil-text, #344653); font: inherit; font-size: 0.95rem; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease; } .smil-wall-contact-field input, .smil-wall-contact-field select { min-height: 52px; padding: 12px 14px; } .smil-wall-contact-field select { cursor: pointer; } .smil-wall-contact-field textarea { min-height: 155px; padding: 14px; line-height: 1.62; resize: vertical; } .smil-wall-contact-field input::placeholder, .smil-wall-contact-field textarea::placeholder { color: var(--smil-muted, #667781); opacity: 0.82; } .smil-wall-contact-field input:hover, .smil-wall-contact-field select:hover, .smil-wall-contact-field textarea:hover { border-color: var(--smil-blue-light, #087ca0); } .smil-wall-contact-field input:focus, .smil-wall-contact-field select:focus, .smil-wall-contact-field textarea:focus { border-color: var(--smil-teal, #008c83); outline: 0; box-shadow: 0 0 0 4px var(--smil-aqua-soft, #e3f5f6); } .smil-wall-contact-field small { display: block; margin-top: 8px; color: var(--smil-muted, #667781); font-size: 0.8rem; line-height: 1.52; } /* Preferenza di contatto */ .smil-wall-contact__choice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .smil-wall-contact__choice label { position: relative; cursor: pointer; } .smil-wall-contact__choice input { position: absolute; opacity: 0; pointer-events: none; } .smil-wall-contact__choice span { display: flex; min-height: 49px; align-items: center; justify-content: center; padding: 11px 13px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 10px; background: var(--smil-page-soft, #f4fafb); color: var(--smil-text, #344653); font-size: 0.88rem; font-weight: 800; line-height: 1.4; text-align: center; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease; } .smil-wall-contact__choice label:hover span { border-color: var(--smil-teal, #008c83); } .smil-wall-contact__choice input:checked + span { border-color: var(--smil-teal, #008c83); background: var(--smil-aqua-soft, #e3f5f6); color: var(--smil-blue-dark, #073b5c); box-shadow: inset 0 0 0 1px var(--smil-teal, #008c83); } .smil-wall-contact__choice input:focus-visible + span { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: 3px; } /* Privacy */ .smil-wall-contact__privacy { padding: 17px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 13px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-contact__privacy label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; } .smil-wall-contact__privacy input { width: 21px; height: 21px; flex: 0 0 auto; margin: 1px 0 0; accent-color: var(--smil-teal, #008c83); cursor: pointer; } .smil-wall-contact__privacy input:focus-visible { outline: 3px solid var(--smil-orange, #ff8500); outline-offset: 3px; } .smil-wall-contact__privacy span { color: var(--smil-text, #344653); font-size: 0.86rem; line-height: 1.62; } .smil-wall-contact__privacy a { color: var(--smil-blue, #075b89); font-weight: 800; text-underline-offset: 3px; } .smil-wall-contact__privacy a:hover { color: var(--smil-orange-dark, #e87000); } .smil-wall-contact__privacy b { color: var(--smil-orange-dark, #e87000); } /* ======================================================== GOOGLE RECAPTCHA ======================================================== */ .smil-wall-contact__recaptcha { display: grid; gap: 10px; justify-items: start; width: 100%; min-width: 0; padding: 17px; border: 1px solid var(--smil-border, #d9e8ea); border-radius: 13px; background: var(--smil-page-soft, #f4fafb); } .smil-wall-contact__recaptcha .g-recaptcha { max-width: 100%; min-height: 78px; } .smil-wall-contact__recaptcha-note { margin: 0; color: var(--smil-muted, #667781); font-size: 0.8rem; line-height: 1.5; } @media (max-width: 390px) { .smil-wall-contact__recaptcha { padding: 14px 12px; overflow: hidden; } .smil-wall-contact__recaptcha .g-recaptcha { width: 304px; min-height: 72px; transform: scale(0.86); transform-origin: top left; } .smil-wall-contact__recaptcha-note { margin-top: -10px; } } /* Nota informativa */ .smil-wall-contact__form-note { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px; border-left: 4px solid var(--smil-teal, #008c83); border-radius: 0 12px 12px 0; background: var(--smil-aqua-soft, #e3f5f6); } .smil-wall-contact__form-note > span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 0.9rem; font-weight: 900; } .smil-wall-contact__form-note p { margin: 2px 0 0; color: var(--smil-text, #344653); font-size: 0.86rem; line-height: 1.58; } /* Pulsante */ .smil-wall-contact__submit { display: inline-flex; width: 100%; min-height: 57px; align-items: center; justify-content: center; gap: 12px; padding: 14px 26px; border: 2px solid transparent; border-radius: 11px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); font: inherit; font-size: 1rem; font-weight: 900; line-height: 1.3; text-align: center; cursor: pointer; box-shadow: 0 12px 28px rgba(255, 133, 0, 0.25); transition: transform 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .smil-wall-contact__submit span { font-size: 1.25em; transition: transform 180ms ease; } .smil-wall-contact__submit:hover { transform: translateY(-2px); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); box-shadow: 0 17px 34px rgba(232, 112, 0, 0.29); } .smil-wall-contact__submit:hover span { transform: translateX(4px); } .smil-wall-contact__submit:focus-visible { outline: 3px solid var(--smil-blue-dark, #073b5c); outline-offset: 4px; } .smil-wall-contact__submit:disabled { cursor: wait; opacity: 0.72; transform: none; box-shadow: none; } .smil-wall-contact__required-note { margin: -16px 0 0; color: var(--smil-muted, #667781); font-size: 0.78rem; line-height: 1.5; text-align: center; } .smil-wall-contact__required-note span { color: var(--smil-orange-dark, #e87000); } /* ======================================================== CHIUSURA ======================================================== */ .smil-wall-contact__final-note { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 34px; padding: clamp(24px, 3.5vw, 33px); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 20px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); } .smil-wall-contact__final-symbol { display: inline-flex; width: 62px; height: 62px; align-items: center; justify-content: center; border-radius: 18px; background: var(--smil-teal, #008c83); color: var(--smil-white, #ffffff); font-size: 1.65rem; font-weight: 900; } .smil-wall-contact__final-content { min-width: 0; } .smil-wall-contact__final-label { margin: 0 0 5px; color: var(--smil-teal-light, #12aaa0); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-contact__final-content h3 { position: static !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: var(--smil-white, #ffffff) !important; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 850; line-height: 1.35; letter-spacing: -0.02em; transform: none !important; } .smil-wall-contact__final-content > p:last-child { margin: 8px 0 0; color: rgba(255, 255, 255, 0.78); font-size: 0.88rem; line-height: 1.58; } .smil-wall-contact__final-phone { display: flex; min-width: 190px; flex-direction: column; align-items: center; justify-content: center; padding: 13px 19px; border: 2px solid var(--smil-orange, #ff8500); border-radius: 12px; background: var(--smil-orange, #ff8500); color: var(--smil-blue-dark, #073b5c); text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .smil-wall-contact__final-phone small { font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-wall-contact__final-phone strong { margin-top: 2px; background: transparent !important; color: inherit !important; font-size: 1.27rem; font-weight: 900; line-height: 1.2; } .smil-wall-contact__final-phone:hover { transform: translateY(-2px); border-color: var(--smil-orange-dark, #e87000); background: var(--smil-orange-dark, #e87000); color: var(--smil-white, #ffffff); } .smil-wall-contact__final-phone:focus-visible { outline: 3px solid var(--smil-white, #ffffff); outline-offset: 4px; } /* ======================================================== RESPONSIVE ======================================================== */ @media (max-width: 1050px) { .smil-wall-contact__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-wall-contact__main { grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr); } } @media (max-width: 900px) { .smil-wall-contact__main { grid-template-columns: 1fr; } .smil-wall-contact__information { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-wall-contact__intro-card, .smil-wall-contact__help { grid-column: 1 / -1; } } @media (max-width: 760px) { .smil-wall-contact__final-note { grid-template-columns: 58px minmax(0, 1fr); } .smil-wall-contact__final-phone { grid-column: 1 / -1; width: 100%; } } @media (max-width: 680px) { .smil-wall-contact__information, .smil-wall-contact__fields-grid, .smil-wall-contact__choice { grid-template-columns: 1fr; } .smil-wall-contact__intro-card, .smil-wall-contact__help { grid-column: auto; } .smil-wall-contact-field--full { grid-column: auto; } } @media (max-width: 600px) { .smil-wall-contact { padding: 54px 16px 64px; } .smil-wall-contact__header { width: 100% !important; margin-bottom: 32px !important; text-align: left; } .smil-wall-contact__label { justify-content: flex-start; } .smil-wall-contact__title { margin-bottom: 19px !important; font-size: clamp(2rem, 10vw, 2.7rem) !important; line-height: 1.13 !important; text-align: left !important; } .smil-wall-contact__title-accent { text-align: left !important; } .smil-wall-contact__answer, .smil-wall-contact__supporting { text-align: left; } .smil-wall-contact__steps { grid-template-columns: 1fr; } .smil-wall-contact-step { padding: 17px; } .smil-wall-contact__intro-card, .smil-wall-contact__help, .smil-wall-contact__phone-card, .smil-wall-contact__clarity { padding: 22px 18px; border-radius: 17px; } .smil-wall-contact__phone-card { grid-template-columns: 1fr; } .smil-wall-contact__clarity { grid-template-columns: 42px minmax(0, 1fr); } .smil-wall-contact__form { gap: 24px; padding: 24px 18px; border-radius: 19px; } .smil-wall-contact__form-header h3 { font-size: 1.4rem; } .smil-wall-contact__final-note { grid-template-columns: 1fr; padding: 22px 18px; border-radius: 17px; } .smil-wall-contact__final-symbol { width: 54px; height: 54px; } } @media (prefers-reduced-motion: reduce) { .smil-wall-contact-field input, .smil-wall-contact-field select, .smil-wall-contact-field textarea, .smil-wall-contact__choice span, .smil-wall-contact__submit, .smil-wall-contact__submit span, .smil-wall-contact__final-phone { transition: none; } .smil-wall-contact__submit:hover, .smil-wall-contact__final-phone:hover { transform: none; } .smil-wall-contact__submit:hover span { transform: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1719_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 FOOTER PAGINA ISOLAMENTO ACUSTICO PARETI 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 { --smil-radius-medium: 18px; --smil-shadow: 0 18px 44px rgba(7, 59, 92, 0.14); --smil-shadow-small: 0 10px 26px rgba(7, 59, 92, 0.16); --smil-orange-shadow: 0 12px 28px rgba(255, 133, 0, 0.28); --smil-green-shadow: 0 12px 28px rgba(13, 179, 75, 0.24); 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 { position: static !important; height: auto !important; margin: 0 0 9px !important; padding: 0 !important; overflow: visible !important; transform: none !important; color: var(--smil-title) !important; 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; } .smil-milan-footer__nav a[aria-current="page"] { color: var(--smil-white) !important; font-weight: 900; text-decoration: underline !important; text-decoration-color: var(--smil-orange) !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; } /* ========================================================= CONTATTI ========================================================= */ .smil-milan-footer__contacts address { margin: 0 0 15px; display: grid; gap: 9px; font-style: normal; } .smil-milan-footer__contact-link { min-width: 0; padding: 10px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; color: var(--smil-white) !important; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; text-decoration: none !important; transition: background 160ms ease, transform 160ms ease; } .smil-milan-footer__contact-link:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.16); } .smil-milan-footer__contact-icon { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.66rem; font-weight: 950; } .smil-milan-footer__contact-link small { display: block; margin-bottom: 2px; color: var(--smil-orange-soft); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__contact-link strong { display: block; color: var(--smil-white); font-size: 0.75rem; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere; } .smil-milan-footer__area { margin: 0 0 7px; color: var(--smil-aqua-soft); font-size: 0.69rem; line-height: 1.5; } .smil-milan-footer__area strong { color: var(--smil-white); } .smil-milan-footer__area-note { margin: 0; color: var(--smil-aqua-soft); font-size: 0.61rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA ========================================================= */ .smil-milan-footer__notice { margin: 24px 0; padding: 18px 20px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-left: 5px solid var(--smil-orange); border-radius: 13px; } .smil-milan-footer__notice-symbol { width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-orange-soft); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 0.9rem; font-weight: 900; } .smil-milan-footer__notice h3 { margin: 0 0 5px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-milan-footer__notice p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.7rem; line-height: 1.5; } /* ========================================================= CHIUSURA ========================================================= */ .smil-milan-footer__bottom { min-height: 72px; padding: 17px 0; display: flex; align-items: center; justify-content: center; } .smil-milan-footer__legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; color: var(--smil-aqua-soft); font-size: 0.65rem; line-height: 1.45; text-align: center; } .smil-milan-footer__legal strong { color: var(--smil-white); font-weight: 900; } /* ========================================================= FRECCIA FLUTTUANTE TORNA SU ========================================================= */ .smil-back-to-top { --smil-back-top-bottom: 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; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .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 PARETI 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; } .smil-mobile-bottom { display: none !important; } /* ========================================================= TABLET E SMARTPHONE ========================================================= */ @media (max-width: 980px) { 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; } .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; } .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); } .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; } .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; } .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; } .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; } .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 ========================================================= */ @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, #imCell_25, #imCell_26, #imCell_27, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1719_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_27 { 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_27 { 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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_25 { 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_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_26 { 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_26 { 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_1719_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; } } @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, #imCell_25, #imCell_26, #imCell_27, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1719_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_27 { 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_27 { 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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_25 { 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_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_26 { 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_26 { 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_1719_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; } } @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, #imCell_25, #imCell_26, #imCell_27, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1719_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_27 { 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_27 { 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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_25 { 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_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_26 { 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_26 { 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_1719_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; } } @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, #imCell_25, #imCell_26, #imCell_27, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #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_1719_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_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_27 { 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_27 { 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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_1719_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_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_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; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_25 { 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_25 { box-sizing: border-box; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1719_26 { 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_26 { 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_1719_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; } } @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 }