#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1200px minmax(0, 1fr); grid-template-rows: 187px auto 1775px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #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 1760px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #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 1890px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #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 1850px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; grid-row: 3 / 4; } #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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #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; } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #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; } } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #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; } } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #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; } } #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_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-cost-hero { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0db34b; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(24px, 4vw, 52px) 16px clamp(48px, 6vw, 76px); overflow: hidden; background: radial-gradient( circle at 7% 5%, rgba(0, 140, 131, 0.10), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; isolation: isolate; } .sps-cost-hero *, .sps-cost-hero *::before, .sps-cost-hero *::after { box-sizing: border-box; } .sps-cost-hero a { -webkit-tap-highlight-color: transparent; } .sps-cost-hero__container { width: min(1240px, 100%); margin: 0 auto; } /* ========================================================== BREADCRUMB ========================================================== */ .sps-cost-hero__breadcrumb { width: 100%; margin: 0 0 17px; } .sps-cost-hero__breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; padding: 0; list-style: none; color: var(--sps-muted); font-size: 0.82rem; line-height: 1.45; } .sps-cost-hero__breadcrumb li { min-width: 0; } .sps-cost-hero__breadcrumb a { color: var(--sps-teal); font-weight: 700; text-decoration: none; } .sps-cost-hero__breadcrumb a:hover { color: var(--sps-orange-dark); text-decoration: underline; } .sps-cost-hero__breadcrumb li[aria-current="page"] { color: var(--sps-muted); } /* ========================================================== BOX PRINCIPALE ========================================================== */ .sps-cost-hero__box { width: 100%; overflow: hidden; border: 1px solid rgba(7, 91, 137, 0.13); border-radius: 28px; background: linear-gradient( 135deg, #f4fbfc 0%, #ffffff 55%, #edf9f7 100% ); box-shadow: 0 26px 70px rgba(7, 59, 92, 0.11), 0 5px 18px rgba(7, 59, 92, 0.06); } /* ========================================================== GRID ========================================================== */ .sps-cost-hero__grid { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(360px, 0.87fr); gap: clamp(34px, 5vw, 58px); align-items: stretch; padding: clamp(36px, 5vw, 62px) clamp(28px, 5vw, 60px) clamp(32px, 4.5vw, 52px); } .sps-cost-hero__content, .sps-cost-hero__prices { min-width: 0; } /* ========================================================== EYEBROW ========================================================== */ .sps-cost-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin: 0 0 19px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.22); border-radius: 999px; background: rgba(0, 140, 131, 0.08); color: var(--sps-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-transform: uppercase; } .sps-cost-hero__eyebrow-icon { display: inline-flex; width: 27px; height: 27px; flex: 0 0 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.82rem; font-weight: 900; } /* ========================================================== H1 ========================================================== */ .sps-cost-hero__title { max-width: 760px; margin: 0; color: var(--sps-navy); font-size: clamp(2.1rem, 4.7vw, 3.75rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .sps-cost-hero__title span { display: block; margin-top: 8px; color: var(--sps-orange); } /* ========================================================== LEAD ========================================================== */ .sps-cost-hero__lead { max-width: 790px; margin: 23px 0 0; color: var(--sps-text); font-size: clamp(1.02rem, 1.5vw, 1.17rem); font-weight: 400; line-height: 1.72; } .sps-cost-hero__lead strong { color: var(--sps-navy); font-weight: 800; } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-cost-hero__answer { display: grid; grid-template-columns: 53px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin: 27px 0 0; padding: 21px 22px; border: 1px solid var(--sps-border); border-left: 6px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: var(--sps-orange-soft); box-shadow: 0 10px 28px rgba(7, 59, 92, 0.06); } .sps-cost-hero__answer-icon { display: inline-flex; width: 51px; height: 51px; align-items: center; justify-content: center; border-radius: 15px; background: var(--sps-white); color: var(--sps-orange-dark); } .sps-cost-hero__answer-content { min-width: 0; } .sps-cost-hero__answer-label { margin: 0 0 5px; color: var(--sps-orange-dark); font-size: 0.72rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .sps-cost-hero__answer-title { margin: 0; color: var(--sps-navy); font-size: clamp(1.05rem, 1.55vw, 1.18rem); font-weight: 850; line-height: 1.42; } .sps-cost-hero__answer-text { margin: 9px 0 0; color: var(--sps-text); font-size: 0.94rem; line-height: 1.64; } .sps-cost-hero__answer-text strong { color: var(--sps-navy); font-weight: 800; } /* ========================================================== CTA ========================================================== */ .sps-cost-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; } .sps-cost-hero__button { display: inline-flex; min-height: 53px; align-items: center; justify-content: center; gap: 9px; padding: 13px 21px; border: 2px solid transparent; border-radius: 11px; 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, box-shadow 180ms ease; } .sps-cost-hero__button--primary { background: var(--sps-orange); color: var(--sps-navy); box-shadow: 0 10px 22px rgba(255, 133, 0, 0.19); } .sps-cost-hero__button--secondary { border-color: var(--sps-navy); background: var(--sps-white); color: var(--sps-navy); } .sps-cost-hero__button--primary:hover { transform: translateY(-2px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } .sps-cost-hero__button--secondary:hover { transform: translateY(-2px); background: var(--sps-navy); color: var(--sps-white); text-decoration: none; } .sps-cost-hero__button:focus-visible, .sps-cost-hero__breadcrumb a:focus-visible, .sps-cost-hero__pillar-link a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== LINK PILLAR ========================================================== */ .sps-cost-hero__pillar-link { margin: 19px 0 0; color: var(--sps-muted); font-size: 0.88rem; line-height: 1.6; } .sps-cost-hero__pillar-link a { color: var(--sps-teal); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sps-cost-hero__pillar-link a:hover { color: var(--sps-orange-dark); } /* ========================================================== PRICE PANEL ========================================================== */ .sps-cost-hero__prices { position: relative; align-self: stretch; padding: clamp(25px, 3.5vw, 35px); border-radius: 23px; background: linear-gradient( 145deg, #073b5c 0%, #075b89 100% ); color: var(--sps-white); box-shadow: 0 20px 45px rgba(7, 59, 92, 0.19); } .sps-cost-hero__prices-head { margin-bottom: 20px; } .sps-cost-hero__prices-label { margin: 0 0 7px; color: var(--sps-teal-light); font-size: 0.74rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .sps-cost-hero__prices-title { margin: 0; color: var(--sps-white); font-size: clamp(1.35rem, 2.25vw, 1.72rem); font-weight: 750; line-height: 1.3; } .sps-cost-hero__prices-title strong { color: var(--sps-white); font-weight: 900; } .sps-cost-hero__prices-intro { margin: 8px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.91rem; line-height: 1.55; } /* ========================================================== PRICE CARDS ========================================================== */ .sps-cost-hero__price-card { position: relative; min-width: 0; margin: 0 0 14px; padding: 21px 21px 20px; border: 1px solid rgba(255, 255, 255, 0.2); border-top: 5px solid var(--sps-teal-light); border-radius: 17px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.11); } .sps-cost-hero__price-card--superior { border-top-color: var(--sps-orange); } .sps-cost-hero__price-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; } .sps-cost-hero__solution-label { margin: 0 0 2px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; } .sps-cost-hero__solution-name { margin: 0; color: var(--sps-navy); font-size: 1.31rem; font-weight: 900; line-height: 1.2; } .sps-cost-hero__thickness { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.78rem; font-weight: 900; line-height: 1; } .sps-cost-hero__thickness--orange { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } /* ========================================================== PREZZO ========================================================== */ .sps-cost-hero__amount { display: flex; align-items: flex-start; gap: 5px; margin-top: 15px; color: var(--sps-navy); } .sps-cost-hero__currency { margin-top: 6px; font-size: 1.2rem; font-weight: 900; line-height: 1; } .sps-cost-hero__number { font-size: clamp(2.25rem, 4vw, 3.05rem); font-weight: 900; line-height: 0.98; letter-spacing: -0.045em; } .sps-cost-hero__vat { display: inline-flex; margin: 10px 0 0; padding: 6px 10px; border-radius: 999px; background: #eaf9ef; color: #087f44; font-size: 0.75rem; font-weight: 900; line-height: 1.25; } .sps-cost-hero__price-description { margin: 14px 0 0; color: var(--sps-muted); font-size: 0.88rem; line-height: 1.55; } .sps-cost-hero__price-description strong { color: var(--sps-navy); } /* ========================================================== IVA BOX ========================================================== */ .sps-cost-hero__vat-box { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: flex-start; margin-top: 18px; padding: 15px 16px; border: 1px solid rgba(255, 133, 0, 0.4); border-radius: 14px; background: var(--sps-yellow-soft); color: var(--sps-text); } .sps-cost-hero__vat-box-icon { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 1rem; font-weight: 900; } .sps-cost-hero__vat-box strong { display: block; color: var(--sps-navy); font-size: 0.94rem; font-weight: 900; line-height: 1.38; } .sps-cost-hero__vat-box p { margin: 5px 0 0; color: var(--sps-text); font-size: 0.84rem; line-height: 1.5; } /* ========================================================== NOTA PREZZI ========================================================== */ .sps-cost-hero__price-note { margin: 15px 2px 0; color: rgba(255, 255, 255, 0.82); font-size: 0.8rem; line-height: 1.55; } .sps-cost-hero__price-note strong { color: var(--sps-white); } /* ========================================================== TRUST STRIP ========================================================== */ .sps-cost-hero__trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--sps-border); background: rgba(255, 255, 255, 0.82); } .sps-cost-hero__trust-item { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: center; min-width: 0; padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 30px); } .sps-cost-hero__trust-item + .sps-cost-hero__trust-item { border-left: 1px solid var(--sps-border); } .sps-cost-hero__trust-icon { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 1rem; font-weight: 900; } .sps-cost-hero__trust-icon--orange { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-cost-hero__trust-item strong { display: block; margin: 0 0 3px; color: var(--sps-navy); font-size: 0.92rem; font-weight: 850; line-height: 1.35; } .sps-cost-hero__trust-item p { margin: 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.45; } /* ========================================================== PROTEZIONE CONTRO OVERFLOW ========================================================== */ .sps-cost-hero__title, .sps-cost-hero__lead, .sps-cost-hero__answer, .sps-cost-hero__answer-text, .sps-cost-hero__pillar-link, .sps-cost-hero__prices, .sps-cost-hero__price-card, .sps-cost-hero__price-description, .sps-cost-hero__price-note { overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 1020px) { .sps-cost-hero { padding-right: 14px; padding-left: 14px; } .sps-cost-hero__grid { grid-template-columns: 1fr; gap: 34px; padding: 44px clamp(25px, 5vw, 42px) 38px; } .sps-cost-hero__content { max-width: 880px; } .sps-cost-hero__prices { width: 100%; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-cost-hero__trust { grid-template-columns: 1fr; } .sps-cost-hero__trust-item + .sps-cost-hero__trust-item { border-top: 1px solid var(--sps-border); border-left: 0; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 640px) { .sps-cost-hero { padding: 18px 10px 46px; } .sps-cost-hero__breadcrumb { margin-bottom: 13px; } .sps-cost-hero__breadcrumb ol { gap: 5px; font-size: 0.72rem; line-height: 1.4; } .sps-cost-hero__box { border-radius: 19px; } .sps-cost-hero__grid { gap: 27px; padding: 30px 18px 25px; } .sps-cost-hero__eyebrow { margin-bottom: 15px; padding: 7px 10px; font-size: 0.66rem; letter-spacing: 0.045em; } .sps-cost-hero__eyebrow-icon { width: 24px; height: 24px; flex-basis: 24px; } .sps-cost-hero__title { font-size: clamp(1.95rem, 9.7vw, 2.55rem); line-height: 1.09; letter-spacing: -0.035em; } .sps-cost-hero__title span { margin-top: 6px; } .sps-cost-hero__lead { margin-top: 19px; font-size: 1rem; line-height: 1.64; } .sps-cost-hero__answer { grid-template-columns: 1fr; gap: 12px; margin-top: 22px; padding: 18px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .sps-cost-hero__answer-icon { width: 45px; height: 45px; } .sps-cost-hero__answer-title { font-size: 1rem; } .sps-cost-hero__answer-text { font-size: 0.9rem; line-height: 1.58; } .sps-cost-hero__actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 22px; } .sps-cost-hero__button { width: 100%; min-height: 55px; padding-right: 16px; padding-left: 16px; border-radius: 13px; } .sps-cost-hero__pillar-link { margin-top: 16px; font-size: 0.85rem; } .sps-cost-hero__prices { padding: 23px 17px; border-radius: 18px; } .sps-cost-hero__prices-title { font-size: 1.33rem; } .sps-cost-hero__price-card { padding: 19px 17px 18px; border-radius: 15px; } .sps-cost-hero__number { font-size: clamp(2.25rem, 13vw, 2.85rem); } .sps-cost-hero__vat-box { grid-template-columns: 1fr; padding: 15px; } .sps-cost-hero__trust-item { padding: 19px 17px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-cost-hero { padding-right: 8px; padding-left: 8px; } .sps-cost-hero__grid { padding-right: 15px; padding-left: 15px; } .sps-cost-hero__title { font-size: 1.8rem; } .sps-cost-hero__price-top { gap: 10px; } .sps-cost-hero__solution-name { font-size: 1.18rem; } .sps-cost-hero__thickness { padding: 6px 8px; font-size: 0.72rem; } .sps-cost-hero__number { font-size: 2.35rem; } } /* ========================================================== ACCESSIBILITÀ — RIDUZIONE ANIMAZIONI ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-cost-hero__button { transition: none; } .sps-cost-hero__button:hover { transform: none; } }#imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-page-index { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(48px, 6vw, 76px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f3fafb 0%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-page-index *, .sps-page-index *::before, .sps-page-index *::after { box-sizing: border-box; } .sps-page-index a { -webkit-tap-highlight-color: transparent; } .sps-page-index__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-page-index__header { width: min(930px, 100%); margin: 0 auto clamp(27px, 4vw, 38px); text-align: center; } .sps-page-index__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-page-index__eyebrow > span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.7rem; font-weight: 900; } .sps-page-index__title { margin: 0; color: var(--sps-navy); font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 850; line-height: 1.13; letter-spacing: -0.035em; text-wrap: balance; } .sps-page-index__title span { display: block; margin-top: 4px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-page-index__direct-answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: center; max-width: 890px; margin: 20px auto 0; padding: 17px clamp(17px, 3vw, 23px); border: 1px solid rgba(0, 140, 131, 0.2); border-left: 4px solid var(--sps-teal); border-radius: 0 14px 14px 0; background: var(--sps-aqua-soft); text-align: left; } .sps-page-index__direct-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 13px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-page-index__direct-answer p { margin: 0; color: var(--sps-text); font-size: 0.9rem; line-height: 1.6; } .sps-page-index__direct-answer strong { color: var(--sps-navy); } /* ========================================================== QUICK PRICES ========================================================== */ .sps-page-index__quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: clamp(27px, 4vw, 38px); } .sps-page-index__quick-item { display: flex; min-width: 0; min-height: 103px; flex-direction: column; align-items: center; justify-content: center; padding: 15px; border: 1px solid var(--sps-border); border-top: 4px solid var(--sps-teal); border-radius: 14px; background: var(--sps-white); color: var(--sps-text); text-align: center; text-decoration: none; box-shadow: 0 7px 21px rgba(7, 59, 92, 0.045); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-page-index__quick-item--featured { border-top-color: var(--sps-orange); } .sps-page-index__quick-item > span { color: var(--sps-muted); font-size: 0.65rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; } .sps-page-index__quick-item strong { margin-top: 3px; color: var(--sps-navy); font-size: 1.38rem; font-weight: 900; } .sps-page-index__quick-item small { margin-top: 2px; color: var(--sps-muted); font-size: 0.66rem; } .sps-page-index__quick-item:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.34); box-shadow: 0 10px 27px rgba(7, 59, 92, 0.08); text-decoration: none; } /* ========================================================== GROUPS ========================================================== */ .sps-page-index__groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; align-items: stretch; } .sps-page-index__group { min-width: 0; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 18px; background: var(--sps-white); box-shadow: 0 11px 30px rgba(7, 59, 92, 0.055); } /* ========================================================== GROUP HEADER ========================================================== */ .sps-page-index__group-head { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 11px; align-items: center; min-height: 93px; padding: 17px; border-bottom: 1px solid var(--sps-border); background: linear-gradient( 105deg, var(--sps-aqua-soft) 0%, #ffffff 100% ); } .sps-page-index__group-head > span { display: inline-flex; width: 41px; height: 41px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.68rem; font-weight: 900; } .sps-page-index__group-head p { margin: 0 0 3px; color: var(--sps-teal); font-size: 0.6rem; font-weight: 900; letter-spacing: 0.065em; } .sps-page-index__group-head h3 { margin: 0; color: var(--sps-navy); font-size: 0.92rem; font-weight: 850; line-height: 1.34; } /* ========================================================== INDEX LIST ========================================================== */ .sps-page-index__list { display: grid; margin: 0; padding: 0; list-style: none; } .sps-page-index__list li { margin: 0; padding: 0; border-bottom: 1px solid var(--sps-border); } .sps-page-index__list li:last-child { border-bottom: 0; } .sps-page-index__list a { display: grid; grid-template-columns: 33px minmax(0, 1fr) 26px; gap: 9px; align-items: center; min-height: 73px; padding: 11px 12px; color: var(--sps-text); text-decoration: none; transition: background-color 180ms ease; } .sps-page-index__list a:hover { background: var(--sps-aqua-soft); text-decoration: none; } /* ITEM NUMBER */ .sps-page-index__item-number { display: inline-flex; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 9px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.6rem; font-weight: 900; } /* ITEM COPY */ .sps-page-index__item-copy { display: block; min-width: 0; } .sps-page-index__item-copy strong { display: block; color: var(--sps-navy); font-size: 0.78rem; font-weight: 850; line-height: 1.32; } .sps-page-index__item-copy small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.66rem; line-height: 1.35; } /* ARROW */ .sps-page-index__arrow { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-size: 0.66rem; transition: transform 180ms ease, background-color 180ms ease; } .sps-page-index__list a:hover .sps-page-index__arrow { transform: translateY(2px); background: var(--sps-orange); color: var(--sps-navy); } /* ========================================================== BOTTOM CTA ========================================================== */ .sps-page-index__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 17px; padding: 18px 20px; border-radius: 15px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); } .sps-page-index__bottom p { margin: 0 0 3px; color: var(--sps-teal-light); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.065em; } .sps-page-index__bottom strong { display: block; color: var(--sps-white); font-size: 0.83rem; line-height: 1.4; } .sps-page-index__bottom-button { display: inline-flex; flex: 0 0 auto; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.76rem; font-weight: 900; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-page-index__bottom-button:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== ACCESSIBILITÀ ========================================================== */ .sps-page-index a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 3px; } /* ========================================================== SCROLL OFFSET Utile se il sito ha header fisso/sticky ========================================================== */ #video-offerta-soffitto, #indice-video-soffitto, #prezzi-insonorizzazione-soffitto, #basic-o-superior-soffitto, #cosa-comprende-prezzo-soffitto, #perche-prezzo-soffitto-puo-cambiare, #come-viene-realizzato-soffitto-insonorizzato, #rumori-isolamento-acustico-soffitto, #quando-soffitto-non-basta, #come-capire-se-servono-pareti, #sopralluogo-analitico-soffitto, #garanzia-rischio-zero-soffitto, #soffitto-travi-legno, #dove-insonorizziamo-soffitti, #esperienze-clienti-soffitto, #faq-costi-insonorizzazione-soffitto, #prossimo-passo-insonorizzazione-soffitto { scroll-margin-top: 90px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-page-index__title, .sps-page-index__direct-answer, .sps-page-index__quick-item, .sps-page-index__group, .sps-page-index__list a, .sps-page-index__item-copy, .sps-page-index__bottom { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 1020px) { .sps-page-index__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-page-index__group:last-child { grid-column: 1 / -1; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-page-index { padding: 44px 11px; } .sps-page-index__groups { grid-template-columns: 1fr; } .sps-page-index__group:last-child { grid-column: auto; } .sps-page-index__bottom { align-items: stretch; flex-direction: column; } .sps-page-index__bottom-button { width: 100%; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-page-index { padding: 38px 8px; } .sps-page-index__header { margin-bottom: 25px; } .sps-page-index__title { font-size: clamp(1.65rem, 8.5vw, 2.15rem); line-height: 1.13; } .sps-page-index__direct-answer { grid-template-columns: 1fr; gap: 9px; padding: 15px 14px; } .sps-page-index__direct-icon { width: 41px; height: 41px; } .sps-page-index__quick { grid-template-columns: 1fr; gap: 7px; } .sps-page-index__quick-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; min-height: 74px; align-items: center; padding: 12px 14px; text-align: left; } .sps-page-index__quick-item > span { grid-column: 1; } .sps-page-index__quick-item strong { grid-column: 2; grid-row: 1 / 3; margin-top: 0; font-size: 1.25rem; text-align: right; } .sps-page-index__quick-item small { grid-column: 1; margin-top: 2px; } .sps-page-index__group { border-radius: 16px; } .sps-page-index__list a { min-height: 70px; padding: 10px 11px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-page-index__list a { grid-template-columns: 31px minmax(0, 1fr); } .sps-page-index__arrow { display: none; } .sps-page-index__bottom { padding: 16px 14px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-page-index__quick-item, .sps-page-index__arrow, .sps-page-index__bottom-button { transition: none; } .sps-page-index__quick-item:hover, .sps-page-index__list a:hover .sps-page-index__arrow, .sps-page-index__bottom-button:hover { transform: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-video-index { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-orange-soft: #fff1e2; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; width: 100%; margin: 0; padding: clamp(55px, 7vw, 90px) 16px; overflow: hidden; background: #ffffff; color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-video-index *, .sps-video-index *::before, .sps-video-index *::after { box-sizing: border-box; } .sps-video-index a { -webkit-tap-highlight-color: transparent; } .sps-video-index__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-video-index__header { width: min(920px, 100%); margin: 0 auto 31px; text-align: center; } .sps-video-index__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.75rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-video-index__eyebrow span { color: var(--sps-orange); } .sps-video-index__title { margin: 0; color: var(--sps-navy); font-size: clamp(1.95rem, 4.3vw, 3.2rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .sps-video-index__title span { color: var(--sps-orange); } .sps-video-index__intro { max-width: 850px; margin: 20px auto 0; color: var(--sps-text); font-size: clamp(1rem, 1.45vw, 1.12rem); line-height: 1.72; } .sps-video-index__intro strong { color: var(--sps-navy); font-weight: 800; } /* ========================================================== VOICE / AI ANSWER ========================================================== */ .sps-video-index__voice-summary { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; align-items: center; width: min(850px, 100%); margin: 24px auto 0; padding: 16px 19px; border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 15px; background: var(--sps-orange-soft); text-align: left; } .sps-video-index__voice-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 13px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1rem; font-weight: 900; } .sps-video-index__voice-summary p { margin: 0; color: var(--sps-text); font-size: 0.93rem; line-height: 1.6; } .sps-video-index__voice-summary strong { color: var(--sps-navy); } /* ========================================================== QUICK NAV ========================================================== */ .sps-video-index__quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 23px; } .sps-video-index__quick-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; min-width: 0; min-height: 79px; padding: 13px 14px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 7px 20px rgba(7, 59, 92, 0.06); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .sps-video-index__quick-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.4); box-shadow: 0 10px 26px rgba(7, 59, 92, 0.11); text-decoration: none; } .sps-video-index__quick-card--price { border-color: rgba(255, 133, 0, 0.32); background: linear-gradient( 135deg, #ffffff 0%, #fff7ee 100% ); } .sps-video-index__quick-card--walls { background: linear-gradient( 135deg, #ffffff 0%, #f0faf9 100% ); } .sps-video-index__quick-time { display: inline-flex; min-width: 54px; min-height: 34px; align-items: center; justify-content: center; padding: 6px 8px; border-radius: 9px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.75rem; font-weight: 900; line-height: 1; } .sps-video-index__quick-copy { min-width: 0; } .sps-video-index__quick-copy strong { display: block; color: var(--sps-navy); font-size: 0.88rem; font-weight: 850; line-height: 1.3; } .sps-video-index__quick-copy small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.71rem; line-height: 1.35; } .sps-video-index__quick-arrow { display: inline-flex; width: 29px; height: 29px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.75rem; font-weight: 900; } .sps-video-index__quick-card--price .sps-video-index__quick-arrow { background: var(--sps-orange); color: var(--sps-navy); } /* ========================================================== PLAYER ========================================================== */ .sps-video-index__player-shell { overflow: hidden; border: 1px solid rgba(7, 59, 92, 0.14); border-radius: 21px; background: var(--sps-navy); box-shadow: 0 22px 50px rgba(7, 59, 92, 0.17); } /* ========================================================== ANCORAGGIO DIRETTO AL PLAYER L'indice interattivo deve fermarsi qui, non sul titolo della sezione. ========================================================== */ #player-video-soffitto { scroll-margin-top: 18px; outline: none; } .sps-video-index__player { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000000; } .sps-video-index__player iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .sps-video-index__player-info { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 21px; background: linear-gradient( 100deg, #073b5c 0%, #075b89 100% ); color: var(--sps-white); } .sps-video-index__player-info-main { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; } .sps-video-index__player-info-icon { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.75rem; font-weight: 900; } .sps-video-index__player-info strong { display: block; color: var(--sps-white); font-size: 0.93rem; font-weight: 850; line-height: 1.35; } .sps-video-index__player-info p { margin: 3px 0 0; color: rgba(255, 255, 255, 0.76); font-size: 0.77rem; line-height: 1.45; } .sps-video-index__duration { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 999px; color: rgba(255, 255, 255, 0.9); font-size: 0.75rem; font-weight: 750; } /* ========================================================== INDEX ========================================================== */ .sps-video-index__index { margin-top: 31px; } .sps-video-index__index-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 19px; } .sps-video-index__index-eyebrow { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.72rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .sps-video-index__index-title { margin: 0; color: var(--sps-navy); font-size: clamp(1.4rem, 2.7vw, 2rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.025em; } .sps-video-index__index-intro { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.9rem; line-height: 1.55; } .sps-video-index__index-intro strong { color: var(--sps-navy); } .sps-video-index__index-badge { display: inline-flex; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.75rem; font-weight: 900; } /* ========================================================== GROUPS ========================================================== */ .sps-video-index__chapter-group { overflow: hidden; margin-bottom: 16px; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); } .sps-video-index__chapter-group--prices { border-color: rgba(255, 133, 0, 0.33); } .sps-video-index__chapter-group-title { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 13px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--sps-border); background: linear-gradient( 90deg, #f2fafb 0%, #ffffff 100% ); } .sps-video-index__chapter-group--prices .sps-video-index__chapter-group-title { background: linear-gradient( 90deg, #fff3e6 0%, #ffffff 100% ); } .sps-video-index__chapter-group-title > span { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.78rem; font-weight: 900; } .sps-video-index__chapter-group--prices .sps-video-index__chapter-group-title > span { background: var(--sps-orange); color: var(--sps-navy); } .sps-video-index__chapter-group-title strong { display: block; color: var(--sps-navy); font-size: 0.97rem; font-weight: 850; line-height: 1.35; } .sps-video-index__chapter-group-title small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.75rem; line-height: 1.4; } /* ========================================================== CHAPTER GRID ========================================================== */ .sps-video-index__chapters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--sps-border); } .sps-video-index__chapter { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; min-height: 65px; padding: 12px 15px; background: var(--sps-white); color: var(--sps-text); text-decoration: none; transition: background-color 160ms ease, box-shadow 160ms ease; } .sps-video-index__chapter:hover { position: relative; z-index: 1; background: #f1f9fa; box-shadow: inset 4px 0 0 var(--sps-teal); text-decoration: none; } .sps-video-index__chapter time { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; padding: 5px 7px; border-radius: 8px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.72rem; font-weight: 900; line-height: 1; } .sps-video-index__chapter > span { min-width: 0; color: var(--sps-text); font-size: 0.82rem; font-weight: 650; line-height: 1.42; } .sps-video-index__chapter > span strong { color: var(--sps-navy); font-weight: 850; } .sps-video-index__chapter em { grid-column: 2; justify-self: start; margin-top: -4px; padding: 4px 7px; border-radius: 999px; background: #eaf9ef; color: #087f44; font-size: 0.66rem; font-style: normal; font-weight: 900; line-height: 1; } /* PRICE CHAPTER */ .sps-video-index__chapter--price { background: #fff8ef; } .sps-video-index__chapter--price time { background: var(--sps-orange); color: var(--sps-navy); } .sps-video-index__chapter--important { background: #f1f9fa; } .sps-video-index__chapter--important time { background: var(--sps-navy); color: var(--sps-white); } /* ACTIVE DURANTE RIPRODUZIONE */ .sps-video-index__chapter--active { position: relative; z-index: 2; background: #e7f7f6; box-shadow: inset 5px 0 0 var(--sps-teal); } .sps-video-index__chapter--active time { background: var(--sps-teal); color: var(--sps-white); } /* ========================================================== RELATED ========================================================== */ .sps-video-index__related { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 25px; padding: 20px 21px; border: 1px solid var(--sps-border); border-radius: 16px; background: linear-gradient( 110deg, #eaf7f8 0%, #ffffff 100% ); } .sps-video-index__related-copy { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; align-items: center; min-width: 0; } .sps-video-index__related-icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-video-index__related strong { display: block; color: var(--sps-navy); font-size: 0.94rem; font-weight: 850; } .sps-video-index__related p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.82rem; line-height: 1.5; } .sps-video-index__related p strong { display: inline; color: var(--sps-navy); font-size: inherit; } .sps-video-index__related-button { display: inline-flex; flex: 0 0 auto; min-height: 47px; align-items: center; justify-content: center; gap: 9px; padding: 11px 16px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.82rem; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: background-color 180ms ease, transform 180ms ease; } .sps-video-index__related-button:hover { transform: translateY(-1px); background: var(--sps-teal); text-decoration: none; } /* ========================================================== FOCUS ACCESSIBILITÀ ========================================================== */ .sps-video-index a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 3px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-video-index__title, .sps-video-index__intro, .sps-video-index__chapter, .sps-video-index__quick-card, .sps-video-index__related { overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-video-index__quick { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-video-index__chapters { grid-template-columns: 1fr; } } /* ========================================================== TABLET / MOBILE ========================================================== */ @media screen and (max-width: 720px) { .sps-video-index { padding: 50px 11px; } .sps-video-index__header { margin-bottom: 25px; } .sps-video-index__voice-summary { grid-template-columns: 1fr; padding: 16px; text-align: left; } .sps-video-index__player-info { align-items: flex-start; flex-direction: column; gap: 12px; } .sps-video-index__index-head { align-items: flex-start; flex-direction: column; gap: 11px; } .sps-video-index__related { align-items: stretch; flex-direction: column; gap: 17px; } .sps-video-index__related-button { width: 100%; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 520px) { .sps-video-index { padding: 43px 8px; } .sps-video-index__quick { grid-template-columns: 1fr; gap: 9px; } .sps-video-index__quick-card { min-height: 70px; padding: 11px 12px; } .sps-video-index__title { font-size: clamp(1.75rem, 9vw, 2.25rem); line-height: 1.12; } .sps-video-index__intro { font-size: 0.98rem; line-height: 1.65; } .sps-video-index__player-shell { border-radius: 14px; } .sps-video-index__player-info { padding: 15px; } .sps-video-index__chapter-group { border-radius: 14px; } .sps-video-index__chapter-group-title { grid-template-columns: 39px minmax(0, 1fr); gap: 10px; padding: 14px; } .sps-video-index__chapter-group-title > span { width: 38px; height: 38px; border-radius: 10px; } .sps-video-index__chapter { grid-template-columns: 55px minmax(0, 1fr); min-height: 62px; padding: 11px 12px; } .sps-video-index__chapter > span { font-size: 0.8rem; } .sps-video-index__related { padding: 16px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 360px) { .sps-video-index__chapter { grid-template-columns: 1fr; gap: 7px; } .sps-video-index__chapter time { justify-self: start; } .sps-video-index__chapter em { grid-column: 1; } .sps-video-index__related-copy { grid-template-columns: 1fr; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-video-index__quick-card, .sps-video-index__related-button { transition: none; } .sps-video-index__quick-card:hover, .sps-video-index__related-button:hover { transform: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-price15 { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-red-soft: #fff2f0; --sps-red: #bd493d; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 48%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-price15 *, .sps-price15 *::before, .sps-price15 *::after { box-sizing: border-box; } .sps-price15 a { -webkit-tap-highlight-color: transparent; } .sps-price15__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-price15__header { width: min(910px, 100%); margin: 0 auto clamp(34px, 5vw, 48px); text-align: center; } .sps-price15__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.74rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-price15__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.75rem; } .sps-price15__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.5vw, 3.35rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-price15__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-price15__direct-answer { position: relative; width: min(840px, 100%); margin: 23px auto 0; padding: 20px clamp(20px, 4vw, 30px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 16px 16px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-price15__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(1rem, 1.45vw, 1.1rem); line-height: 1.7; } .sps-price15__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-price15__intro { max-width: 810px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.65; } .sps-price15__intro strong { color: var(--sps-navy); } /* ========================================================== COMPARISON ========================================================== */ .sps-price15__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 26px); align-items: stretch; } /* ========================================================== CARD ========================================================== */ .sps-price15__card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: clamp(26px, 4vw, 36px); border: 1px solid var(--sps-border); border-top: 6px solid var(--sps-teal); border-radius: 23px; background: var(--sps-white); box-shadow: 0 18px 45px rgba(7, 59, 92, 0.09); } .sps-price15__card--superior { border-top-color: var(--sps-orange); box-shadow: 0 20px 50px rgba(7, 59, 92, 0.12); } /* ========================================================== RECOMMENDED LABEL ========================================================== */ .sps-price15__recommended { position: absolute; top: 0; right: 28px; padding: 7px 11px; border-radius: 0 0 9px 9px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.64rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.055em; text-transform: uppercase; } /* ========================================================== CARD HEAD ========================================================== */ .sps-price15__card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .sps-price15__brand { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.08em; } .sps-price15__card-title { margin: 0; color: var(--sps-navy); font-size: clamp(1.6rem, 2.5vw, 2rem); font-weight: 900; line-height: 1.1; letter-spacing: -0.025em; } .sps-price15__badge { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 67px; padding: 9px 12px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.83rem; font-weight: 900; line-height: 1; } .sps-price15__badge--orange { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-price15__card-subtitle { margin: 12px 0 0; color: var(--sps-muted); font-size: 0.9rem; line-height: 1.5; } /* ========================================================== PRICE ========================================================== */ .sps-price15__price { display: flex; align-items: flex-start; gap: 7px; margin-top: 24px; color: var(--sps-navy); } .sps-price15__currency { margin-top: 8px; font-size: 1.45rem; font-weight: 900; line-height: 1; } .sps-price15__amount { color: var(--sps-navy); font-size: clamp(3.15rem, 6vw, 4.35rem); font-weight: 900; line-height: 0.95; letter-spacing: -0.055em; } /* ========================================================== VAT ========================================================== */ .sps-price15__vat { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; margin-top: 14px; padding: 7px 11px; border-radius: 999px; background: #e8f8ef; color: #087f44; font-size: 0.78rem; font-weight: 900; line-height: 1.2; } .sps-price15__vat span { display: inline-flex; width: 17px; height: 17px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-green); color: var(--sps-white); font-size: 0.63rem; } /* ========================================================== SPECS ========================================================== */ .sps-price15__specs { margin: 26px 0 0; padding: 18px 0; border-top: 1px solid var(--sps-border); border-bottom: 1px solid var(--sps-border); } .sps-price15__spec { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 8px 0; } .sps-price15__spec dt { margin: 0; color: var(--sps-muted); font-size: 0.83rem; line-height: 1.4; } .sps-price15__spec dd { margin: 0; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.4; text-align: right; } /* ========================================================== VIDEO LINK ========================================================== */ .sps-price15__video-link { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 11px; align-items: center; width: 100%; margin-top: auto; padding-top: 23px; color: var(--sps-text); text-decoration: none; } .sps-price15__play { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.76rem; font-weight: 900; transition: transform 180ms ease, background-color 180ms ease; } .sps-price15__video-link strong { display: block; color: var(--sps-navy); font-size: 0.86rem; font-weight: 850; line-height: 1.35; } .sps-price15__video-link small { display: block; margin-top: 2px; color: var(--sps-muted); font-size: 0.74rem; line-height: 1.3; } .sps-price15__video-link:hover { text-decoration: none; } .sps-price15__video-link:hover .sps-price15__play { transform: scale(1.08); background: var(--sps-orange-dark); color: var(--sps-white); } /* ========================================================== DIFFERENCE ========================================================== */ .sps-price15__difference { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; align-items: center; margin: clamp(25px, 4vw, 34px) 0 0; padding: clamp(20px, 3.5vw, 27px); border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 18px; background: linear-gradient( 110deg, #fff4e8 0%, #ffffff 100% ); } .sps-price15__difference-icon { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.25rem; font-weight: 900; } .sps-price15__difference-label { margin: 0 0 5px; color: var(--sps-orange-dark); font-size: 0.68rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .sps-price15__difference-title { margin: 0; color: var(--sps-navy); font-size: clamp(1rem, 1.7vw, 1.18rem); font-weight: 800; line-height: 1.48; } .sps-price15__difference-title strong { color: var(--sps-orange-dark); font-weight: 900; } .sps-price15__difference-text { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.86rem; line-height: 1.57; } .sps-price15__difference-text strong { color: var(--sps-navy); } /* ========================================================== INCLUDED SECTION ========================================================== */ .sps-price15__included { margin-top: clamp(40px, 6vw, 62px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 22px; background: var(--sps-white); box-shadow: 0 16px 38px rgba(7, 59, 92, 0.07); } .sps-price15__included-header { padding: clamp(24px, 4vw, 33px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 110deg, #eaf7f8 0%, #ffffff 70% ); } .sps-price15__included-eyebrow { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .sps-price15__included-title { margin: 0; color: var(--sps-navy); font-size: clamp(1.4rem, 2.8vw, 2rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.025em; } .sps-price15__included-intro { margin: 8px 0 0; color: var(--sps-muted); font-size: 0.9rem; line-height: 1.55; } /* ========================================================== INCLUDED GRID ========================================================== */ .sps-price15__included-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--sps-border); gap: 1px; } .sps-price15__included-item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: flex-start; min-width: 0; padding: 22px 20px; background: var(--sps-white); } .sps-price15__included-item > span { display: inline-flex; width: 39px; height: 39px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.72rem; font-weight: 900; } .sps-price15__included-item strong { display: block; color: var(--sps-navy); font-size: 0.9rem; font-weight: 850; line-height: 1.35; } .sps-price15__included-item p { margin: 5px 0 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.5; } /* EXCLUDED */ .sps-price15__included-item--excluded { background: var(--sps-red-soft); } .sps-price15__included-item--excluded > span { background: var(--sps-red); color: var(--sps-white); font-size: 1rem; } /* ========================================================== NOTICE ========================================================== */ .sps-price15__notice { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: 25px; padding: clamp(20px, 3.5vw, 27px); border: 1px solid rgba(7, 91, 137, 0.16); border-left: 5px solid var(--sps-navy); border-radius: 0 17px 17px 0; background: #eef6fa; } .sps-price15__notice-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 15px; background: var(--sps-navy); color: var(--sps-white); font-size: 1.15rem; font-weight: 900; } .sps-price15__notice h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.05rem, 1.8vw, 1.27rem); font-weight: 850; line-height: 1.4; } .sps-price15__notice p { margin: 8px 0 0; color: var(--sps-text); font-size: 0.9rem; line-height: 1.63; } .sps-price15__notice p strong { color: var(--sps-navy); } .sps-price15__notice a { color: var(--sps-teal); font-weight: 850; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sps-price15__notice a:hover { color: var(--sps-orange-dark); } /* ========================================================== TECHNOLOGY LINK ========================================================== */ .sps-price15__technology { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 21px; padding: 19px 21px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); } .sps-price15__technology-copy { min-width: 0; } .sps-price15__technology p { margin: 0; color: var(--sps-muted); font-size: 0.84rem; line-height: 1.55; } .sps-price15__technology p strong { color: var(--sps-navy); } .sps-price15__technology-link { display: inline-flex; flex: 0 0 auto; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 9px; background: var(--sps-teal); color: var(--sps-white); font-size: 0.82rem; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-price15__technology-link:hover { transform: translateY(-1px); background: var(--sps-navy); color: var(--sps-white); text-decoration: none; } /* ========================================================== FOCUS ========================================================== */ .sps-price15 a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-price15__title, .sps-price15__direct-answer, .sps-price15__intro, .sps-price15__card, .sps-price15__included-item, .sps-price15__notice, .sps-price15__technology { overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 900px) { .sps-price15__included-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-price15 { padding: 52px 11px; } .sps-price15__comparison { grid-template-columns: 1fr; gap: 20px; } .sps-price15__difference { grid-template-columns: 50px minmax(0, 1fr); } .sps-price15__difference-icon { width: 49px; height: 49px; border-radius: 14px; } .sps-price15__technology { align-items: stretch; flex-direction: column; gap: 15px; } .sps-price15__technology-link { width: 100%; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-price15 { padding: 45px 8px; } .sps-price15__header { margin-bottom: 30px; } .sps-price15__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-price15__direct-answer { margin-top: 19px; padding: 17px 16px; border-left-width: 4px; } .sps-price15__direct-answer p { font-size: 0.96rem; line-height: 1.62; } .sps-price15__card { padding: 25px 18px; border-radius: 18px; } .sps-price15__recommended { right: 18px; font-size: 0.59rem; } .sps-price15__amount { font-size: clamp(3rem, 16vw, 3.7rem); } .sps-price15__included-grid { grid-template-columns: 1fr; } .sps-price15__notice { grid-template-columns: 1fr; gap: 12px; padding: 18px 16px; } .sps-price15__notice-icon { width: 45px; height: 45px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-price15__card-top { gap: 10px; } .sps-price15__card-title { font-size: 1.5rem; } .sps-price15__badge { min-width: 58px; padding: 8px 9px; font-size: 0.74rem; } .sps-price15__amount { font-size: 3rem; } .sps-price15__spec { flex-direction: column; gap: 2px; } .sps-price15__spec dd { text-align: left; } .sps-price15__difference { grid-template-columns: 1fr; gap: 11px; } } /* ========================================================== ACCESSIBILITÀ — RIDUZIONE ANIMAZIONI ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-price15__video-link, .sps-price15__play, .sps-price15__technology-link { transition: none; } .sps-price15__video-link:hover .sps-price15__play, .sps-price15__technology-link:hover { transform: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-bs { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f5fbfb 50%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-bs *, .sps-bs *::before, .sps-bs *::after { box-sizing: border-box; } .sps-bs a { -webkit-tap-highlight-color: transparent; } .sps-bs__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-bs__header { width: min(930px, 100%); margin: 0 auto clamp(34px, 5vw, 49px); text-align: center; } .sps-bs__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.74rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-bs__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.8rem; } .sps-bs__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-bs__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-bs__direct-answer { display: grid; grid-template-columns: 49px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 880px; margin: 23px auto 0; padding: 19px clamp(18px, 3vw, 25px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-bs__direct-icon { display: inline-flex; width: 47px; height: 47px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-bs__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.4vw, 1.08rem); line-height: 1.67; } .sps-bs__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-bs__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.65; } .sps-bs__intro strong { color: var(--sps-navy); } /* ========================================================== COMPARE ========================================================== */ .sps-bs__compare { display: grid; grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr); gap: 18px; align-items: center; } /* ========================================================== SOLUTIONS ========================================================== */ .sps-bs__solution { position: relative; min-width: 0; overflow: hidden; padding: clamp(25px, 4vw, 34px); border: 1px solid var(--sps-border); border-top: 6px solid var(--sps-teal); border-radius: 22px; background: var(--sps-white); box-shadow: 0 17px 42px rgba(7, 59, 92, 0.08); } .sps-bs__solution--superior { border-top-color: var(--sps-orange); box-shadow: 0 20px 48px rgba(7, 59, 92, 0.11); } .sps-bs__solution-ribbon { position: absolute; top: 0; right: 24px; padding: 7px 10px; border-radius: 0 0 9px 9px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.62rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.06em; } /* ========================================================== HEAD ========================================================== */ .sps-bs__solution-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; } .sps-bs__brand { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.69rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.08em; } .sps-bs__solution-title { margin: 0; color: var(--sps-navy); font-size: clamp(1.55rem, 2.6vw, 2rem); font-weight: 900; line-height: 1.1; letter-spacing: -0.03em; } .sps-bs__size-badge { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 9px 12px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.83rem; font-weight: 900; line-height: 1; } .sps-bs__size-badge--superior { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } /* ========================================================== THICKNESS VISUAL ========================================================== */ .sps-bs__thickness-visual { position: relative; margin-top: 23px; padding-right: 51px; } .sps-bs__room-line { display: flex; min-height: 33px; align-items: center; justify-content: center; padding: 6px 9px; border-radius: 8px 8px 0 0; background: var(--sps-navy); color: var(--sps-white); font-size: 0.61rem; font-weight: 850; line-height: 1.2; letter-spacing: 0.045em; } .sps-bs__air { display: flex; align-items: center; justify-content: center; padding: 8px; border-right: 1px dashed rgba(0, 140, 131, 0.35); border-left: 1px dashed rgba(0, 140, 131, 0.35); background: repeating-linear-gradient( 135deg, #f1fafa, #f1fafa 8px, #e9f6f6 8px, #e9f6f6 16px ); color: var(--sps-teal-dark); font-size: 0.67rem; font-weight: 800; line-height: 1.3; text-align: center; } .sps-bs__air--basic { min-height: 65px; } .sps-bs__air--superior { min-height: 116px; background: repeating-linear-gradient( 135deg, #fff7ed, #fff7ed 8px, #ffeedb 8px, #ffeedb 16px ); border-color: rgba(255, 133, 0, 0.38); color: var(--sps-orange-dark); } .sps-bs__new-ceiling { display: flex; min-height: 37px; align-items: center; justify-content: center; padding: 6px 9px; border-radius: 0 0 8px 8px; background: var(--sps-teal); color: var(--sps-white); font-size: 0.61rem; font-weight: 850; line-height: 1.2; letter-spacing: 0.035em; } .sps-bs__solution--superior .sps-bs__new-ceiling { background: var(--sps-orange); color: var(--sps-navy); } /* DIMENSION */ .sps-bs__dimension { position: absolute; top: 33px; right: 0; bottom: 0; display: flex; width: 43px; align-items: center; justify-content: center; } .sps-bs__dimension-line { position: absolute; top: 3px; bottom: 3px; left: 11px; width: 2px; background: var(--sps-navy); } .sps-bs__dimension-line::before, .sps-bs__dimension-line::after { content: ""; position: absolute; left: -4px; width: 10px; height: 2px; background: var(--sps-navy); } .sps-bs__dimension-line::before { top: 0; } .sps-bs__dimension-line::after { bottom: 0; } .sps-bs__dimension strong { position: relative; margin-left: 17px; color: var(--sps-navy); font-size: 0.72rem; font-weight: 900; writing-mode: vertical-rl; } /* ========================================================== SUMMARY ========================================================== */ .sps-bs__solution-summary { margin: 20px 0 0; color: var(--sps-text); font-size: 0.9rem; line-height: 1.58; } .sps-bs__solution-summary strong { color: var(--sps-navy); } /* ========================================================== FACTS ========================================================== */ .sps-bs__facts { margin: 20px 0 0; padding: 14px 0; border-top: 1px solid var(--sps-border); border-bottom: 1px solid var(--sps-border); } .sps-bs__facts > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 7px 0; } .sps-bs__facts dt { color: var(--sps-muted); font-size: 0.8rem; line-height: 1.4; } .sps-bs__facts dd { margin: 0; color: var(--sps-navy); font-size: 0.81rem; font-weight: 850; line-height: 1.4; text-align: right; } /* ========================================================== VIDEO LINK ========================================================== */ .sps-bs__video-link { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 19px; color: var(--sps-text); text-decoration: none; } .sps-bs__video-link > span { display: inline-flex; width: 39px; height: 39px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.72rem; font-weight: 900; transition: transform 180ms ease, background-color 180ms ease; } .sps-bs__video-link strong { display: block; color: var(--sps-navy); font-size: 0.83rem; font-weight: 850; line-height: 1.35; } .sps-bs__video-link small { display: block; margin-top: 2px; color: var(--sps-muted); font-size: 0.72rem; } .sps-bs__video-link:hover { text-decoration: none; } .sps-bs__video-link:hover > span { transform: scale(1.07); background: var(--sps-orange-dark); color: var(--sps-white); } /* ========================================================== VS ========================================================== */ .sps-bs__vs { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .sps-bs__vs > span { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border: 1px solid var(--sps-border); border-radius: 50%; background: var(--sps-white); color: var(--sps-muted); font-size: 0.73rem; font-weight: 900; box-shadow: 0 8px 22px rgba(7, 59, 92, 0.08); } .sps-bs__vs strong { margin-top: 11px; color: var(--sps-orange-dark); font-size: 1.03rem; font-weight: 900; } .sps-bs__vs small { margin-top: 3px; color: var(--sps-muted); font-size: 0.65rem; line-height: 1.35; } /* ========================================================== COMPARISON TABLE ========================================================== */ .sps-bs__table-wrap { margin-top: clamp(38px, 6vw, 58px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 20px; background: var(--sps-white); box-shadow: 0 14px 35px rgba(7, 59, 92, 0.06); } .sps-bs__table-head { padding: 23px clamp(20px, 4vw, 30px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 100deg, #eaf7f8 0%, #ffffff 100% ); } .sps-bs__table-head p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.69rem; font-weight: 900; letter-spacing: 0.075em; } .sps-bs__table-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.22rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.25; } /* TABLE STRUCTURE */ .sps-bs__comparison-table { width: 100%; } .sps-bs__tr { display: grid; grid-template-columns: 1.45fr 1fr 1fr; border-bottom: 1px solid var(--sps-border); } .sps-bs__tr:last-child { border-bottom: 0; } .sps-bs__tr--header { background: #f7fbfc; } .sps-bs__cell { min-width: 0; padding: 15px 18px; border-left: 1px solid var(--sps-border); color: var(--sps-text); font-size: 0.85rem; line-height: 1.45; text-align: center; } .sps-bs__cell:first-child { border-left: 0; } .sps-bs__cell--feature { color: var(--sps-navy); font-weight: 800; text-align: left; } .sps-bs__table-product { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-weight: 900; } .sps-bs__table-product--superior { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-bs__table-price { color: var(--sps-navy); font-size: 0.97rem; font-weight: 900; } .sps-bs__difference-price { color: var(--sps-orange-dark); } .sps-bs__yes { display: inline-flex; align-items: center; gap: 4px; color: var(--sps-green); font-weight: 850; } /* ========================================================== CHOICE ========================================================== */ .sps-bs__choice { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; align-items: flex-start; margin-top: 24px; padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.28); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e8 0%, #ffffff 100% ); } .sps-bs__choice-icon { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.1rem; font-weight: 900; } .sps-bs__choice-eyebrow { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.07em; } .sps-bs__choice h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 850; line-height: 1.35; } .sps-bs__choice p:not(.sps-bs__choice-eyebrow) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.9rem; line-height: 1.62; } .sps-bs__choice strong { color: var(--sps-navy); } /* ========================================================== INTERNAL LINKS ========================================================== */ .sps-bs__links { margin-top: clamp(38px, 5vw, 50px); } .sps-bs__links-header { margin-bottom: 15px; } .sps-bs__links-header p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-bs__links-header h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 850; line-height: 1.35; } .sps-bs__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .sps-bs__link-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) 30px; gap: 13px; align-items: center; min-width: 0; padding: 17px 18px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 24px rgba(7, 59, 92, 0.05); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-bs__link-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.35); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.09); text-decoration: none; } .sps-bs__link-number { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; } .sps-bs__link-card strong { display: block; color: var(--sps-navy); font-size: 0.86rem; font-weight: 850; line-height: 1.35; } .sps-bs__link-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.76rem; line-height: 1.45; } .sps-bs__link-arrow { display: inline-flex; width: 29px; height: 29px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-bs a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-bs__title, .sps-bs__direct-answer, .sps-bs__solution, .sps-bs__cell, .sps-bs__choice, .sps-bs__link-card { overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-bs__compare { grid-template-columns: 1fr; } .sps-bs__vs { flex-direction: row; gap: 10px; } .sps-bs__vs > span { width: 44px; height: 44px; } .sps-bs__vs strong { margin-top: 0; } .sps-bs__vs small { max-width: 150px; margin-top: 0; text-align: left; } } /* ========================================================== MOBILE TABLE Nessuna scrollbar orizzontale ========================================================== */ @media screen and (max-width: 720px) { .sps-bs { padding: 52px 11px; } .sps-bs__links-grid { grid-template-columns: 1fr; } .sps-bs__tr--header { display: none; } .sps-bs__tr { display: block; padding: 14px 15px; border-bottom: 1px solid var(--sps-border); } .sps-bs__cell { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 8px 0; border-left: 0; text-align: right; } .sps-bs__cell--feature { display: block; padding-bottom: 10px; border-bottom: 1px dashed var(--sps-border); font-size: 0.91rem; text-align: left; } .sps-bs__cell:not(.sps-bs__cell--feature)::before { content: attr(data-label); flex: 0 0 auto; color: var(--sps-muted); font-size: 0.75rem; font-weight: 700; text-align: left; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-bs { padding: 45px 8px; } .sps-bs__header { margin-bottom: 30px; } .sps-bs__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-bs__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; } .sps-bs__direct-icon { width: 43px; height: 43px; } .sps-bs__solution { padding: 24px 17px; border-radius: 18px; } .sps-bs__thickness-visual { padding-right: 43px; } .sps-bs__choice { grid-template-columns: 1fr; gap: 11px; padding: 18px 16px; } .sps-bs__choice-icon { width: 46px; height: 46px; border-radius: 14px; } .sps-bs__link-card { grid-template-columns: 38px minmax(0, 1fr) 28px; gap: 10px; padding: 15px 14px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-bs__solution-head { gap: 8px; } .sps-bs__size-badge { padding: 8px 9px; font-size: 0.73rem; } .sps-bs__facts > div { flex-direction: column; gap: 2px; } .sps-bs__facts dd { text-align: left; } .sps-bs__link-card { grid-template-columns: 36px minmax(0, 1fr); } .sps-bs__link-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-bs__video-link > span, .sps-bs__link-card { transition: none; } .sps-bs__video-link:hover > span, .sps-bs__link-card:hover { transform: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-included { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-red: #b7483e; --sps-red-soft: #fff2f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 50%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-included *, .sps-included *::before, .sps-included *::after { box-sizing: border-box; } .sps-included a { -webkit-tap-highlight-color: transparent; } .sps-included__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-included__header { width: min(930px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-included__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.74rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-included__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.73rem; font-weight: 900; } .sps-included__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-included__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-included__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 890px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 27px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-included__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.05rem; font-weight: 900; } .sps-included__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.09rem); line-height: 1.68; } .sps-included__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-included__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-included__intro strong { color: var(--sps-navy); } /* ========================================================== MAIN LAYOUT ========================================================== */ .sps-included__main { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(300px, 0.78fr); gap: 22px; align-items: stretch; } /* ========================================================== INCLUDED BOX ========================================================== */ .sps-included__included-box { min-width: 0; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 22px; background: var(--sps-white); box-shadow: 0 17px 42px rgba(7, 59, 92, 0.075); } .sps-included__box-head { display: grid; grid-template-columns: 55px minmax(0, 1fr); gap: 15px; align-items: center; padding: clamp(23px, 4vw, 31px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 110deg, #eaf8f8 0%, #ffffff 100% ); } .sps-included__box-icon { display: inline-flex; width: 53px; height: 53px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.13rem; font-weight: 900; } .sps-included__box-head p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.075em; } .sps-included__box-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.25rem, 2.4vw, 1.72rem); font-weight: 850; line-height: 1.25; letter-spacing: -0.022em; } /* ========================================================== ITEMS ========================================================== */ .sps-included__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--sps-border); } .sps-included__item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: flex-start; min-width: 0; padding: 21px 20px; background: var(--sps-white); } .sps-included__item-number { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; } .sps-included__item h4 { margin: 0; color: var(--sps-navy); font-size: 0.92rem; font-weight: 850; line-height: 1.35; } .sps-included__item p { margin: 5px 0 0; color: var(--sps-muted); font-size: 0.8rem; line-height: 1.52; } .sps-included__item p strong { color: var(--sps-navy); } /* ========================================================== EXCLUDED ========================================================== */ .sps-included__excluded-box { display: flex; flex-direction: column; min-width: 0; padding: clamp(23px, 3.5vw, 30px); border: 1px solid rgba(183, 72, 62, 0.23); border-top: 6px solid var(--sps-red); border-radius: 22px; background: linear-gradient( 145deg, var(--sps-red-soft) 0%, #ffffff 75% ); box-shadow: 0 17px 42px rgba(7, 59, 92, 0.06); } .sps-included__excluded-head { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 13px; align-items: center; } .sps-included__excluded-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 15px; background: var(--sps-red); color: var(--sps-white); font-size: 1.3rem; font-weight: 900; } .sps-included__excluded-head p { margin: 0 0 3px; color: var(--sps-red); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-included__excluded-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.2rem, 2.2vw, 1.6rem); font-weight: 850; line-height: 1.25; } .sps-included__excluded-text { margin: 21px 0 0; color: var(--sps-text); font-size: 0.91rem; line-height: 1.63; } .sps-included__excluded-text strong { color: var(--sps-navy); } .sps-included__excluded-note { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: flex-start; margin-top: auto; padding: 17px 0 0; } .sps-included__excluded-note > span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.82rem; font-weight: 900; } .sps-included__excluded-note p { margin: 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.52; } /* ========================================================== VAT BANNER ========================================================== */ .sps-included__vat-banner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; margin-top: 27px; padding: clamp(24px, 4vw, 33px); overflow: hidden; border: 1px solid rgba(255, 133, 0, 0.28); border-radius: 21px; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-included__vat-left { display: grid; grid-template-columns: 65px minmax(0, 1fr); gap: 17px; align-items: center; } .sps-included__vat-icon { display: inline-flex; width: 63px; height: 63px; align-items: center; justify-content: center; border-radius: 19px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.15rem; font-weight: 900; } .sps-included__vat-eyebrow { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-included__vat-left h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.22rem, 2.45vw, 1.72rem); font-weight: 850; line-height: 1.3; } .sps-included__vat-prices { display: grid; grid-template-columns: repeat(2, minmax(145px, 1fr)); gap: 10px; } .sps-included__vat-prices > div { min-width: 0; padding: 14px 16px; border: 1px solid rgba(255, 133, 0, 0.22); border-radius: 14px; background: var(--sps-white); text-align: center; } .sps-included__vat-prices span { display: block; color: var(--sps-muted); font-size: 0.64rem; font-weight: 850; letter-spacing: 0.045em; } .sps-included__vat-prices strong { display: block; margin-top: 4px; color: var(--sps-navy); font-size: 1.42rem; font-weight: 900; } .sps-included__vat-prices small { display: block; margin-top: 3px; color: var(--sps-green); font-size: 0.68rem; font-weight: 850; } /* ========================================================== CLARIFICATION ========================================================== */ .sps-included__clarification { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: 26px; padding: clamp(22px, 3.6vw, 29px); border: 1px solid rgba(7, 91, 137, 0.17); border-left: 5px solid var(--sps-navy); border-radius: 0 18px 18px 0; background: #eef6fa; } .sps-included__clarification-icon { display: inline-flex; width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-navy); color: var(--sps-white); font-size: 1.25rem; font-weight: 900; } .sps-included__clarification-eyebrow { margin: 0 0 4px; color: var(--sps-blue); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-included__clarification h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.35; } .sps-included__clarification p:not( .sps-included__clarification-eyebrow ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.89rem; line-height: 1.62; } .sps-included__clarification strong { color: var(--sps-navy); } /* ========================================================== VIDEO ROW ========================================================== */ .sps-included__video-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; padding: 19px 21px; border: 1px solid var(--sps-border); border-radius: 16px; background: var(--sps-white); box-shadow: 0 8px 24px rgba(7, 59, 92, 0.045); } .sps-included__video-copy { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; } .sps-included__video-icon { display: inline-flex; width: 41px; height: 41px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.74rem; font-weight: 900; } .sps-included__video-copy strong { display: block; color: var(--sps-navy); font-size: 0.88rem; font-weight: 850; line-height: 1.4; } .sps-included__video-copy p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.78rem; line-height: 1.47; } .sps-included__video-button { display: inline-flex; flex: 0 0 auto; min-height: 45px; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.8rem; font-weight: 900; line-height: 1.3; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-included__video-button:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== NEXT / INTERNAL LINK ========================================================== */ .sps-included__next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: clamp(38px, 5vw, 50px); padding: clamp(23px, 4vw, 31px); border: 1px solid var(--sps-border); border-radius: 19px; background: linear-gradient( 110deg, #eaf7f8 0%, #ffffff 100% ); } .sps-included__next-eyebrow { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-included__next h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.15rem, 2.2vw, 1.55rem); font-weight: 850; line-height: 1.35; } .sps-included__next p:not( .sps-included__next-eyebrow ) { max-width: 760px; margin: 7px 0 0; color: var(--sps-muted); font-size: 0.86rem; line-height: 1.58; } .sps-included__next strong { color: var(--sps-navy); } .sps-included__next-link { display: inline-flex; flex: 0 0 auto; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 11px 17px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.82rem; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-included__next-link:hover { transform: translateY(-1px); background: var(--sps-teal); color: var(--sps-white); text-decoration: none; } /* ========================================================== FOCUS ========================================================== */ .sps-included a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== PROTEZIONE OVERFLOW ========================================================== */ .sps-included__title, .sps-included__direct-answer, .sps-included__item, .sps-included__excluded-box, .sps-included__vat-banner, .sps-included__clarification, .sps-included__video-row, .sps-included__next { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-included__main { grid-template-columns: 1fr; } .sps-included__excluded-box { min-height: 0; } .sps-included__vat-banner { grid-template-columns: 1fr; gap: 20px; } .sps-included__vat-prices { width: 100%; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-included { padding: 52px 11px; } .sps-included__items { grid-template-columns: 1fr; } .sps-included__video-row { align-items: stretch; flex-direction: column; gap: 16px; } .sps-included__video-button { width: 100%; } .sps-included__next { grid-template-columns: 1fr; gap: 17px; } .sps-included__next-link { width: 100%; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-included { padding: 45px 8px; } .sps-included__header { margin-bottom: 30px; } .sps-included__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-included__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-included__direct-icon { width: 44px; height: 44px; } .sps-included__box-head { grid-template-columns: 47px minmax(0, 1fr); gap: 12px; padding: 20px 17px; } .sps-included__box-icon { width: 45px; height: 45px; border-radius: 13px; } .sps-included__item { padding: 18px 16px; } .sps-included__excluded-box { padding: 21px 17px; } .sps-included__vat-left { grid-template-columns: 1fr; gap: 11px; } .sps-included__vat-icon { width: 53px; height: 53px; border-radius: 16px; } .sps-included__vat-prices { grid-template-columns: 1fr; } .sps-included__clarification { grid-template-columns: 1fr; gap: 11px; padding: 18px 16px; } .sps-included__clarification-icon { width: 46px; height: 46px; border-radius: 14px; } .sps-included__video-copy { grid-template-columns: 1fr; gap: 10px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-included__item { grid-template-columns: 37px minmax(0, 1fr); gap: 10px; } .sps-included__item-number { width: 35px; height: 35px; } .sps-included__excluded-head { grid-template-columns: 43px minmax(0, 1fr); } .sps-included__excluded-icon { width: 41px; height: 41px; border-radius: 12px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-included__video-button, .sps-included__next-link { transition: none; } .sps-included__video-button:hover, .sps-included__next-link:hover { transform: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-finalprice { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 48%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-finalprice *, .sps-finalprice *::before, .sps-finalprice *::after { box-sizing: border-box; } .sps-finalprice a { -webkit-tap-highlight-color: transparent; } .sps-finalprice__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-finalprice__header { width: min(930px, 100%); margin: 0 auto clamp(35px, 5vw, 49px); text-align: center; } .sps-finalprice__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.72rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.067em; text-transform: uppercase; } .sps-finalprice__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.73rem; font-weight: 900; } .sps-finalprice__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-finalprice__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-finalprice__direct-answer { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 900px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 27px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-finalprice__direct-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-finalprice__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-finalprice__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-finalprice__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-finalprice__intro strong { color: var(--sps-navy); } /* ========================================================== NO LISTINO MQ ========================================================== */ .sps-finalprice__nomq { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.65fr); gap: 25px; align-items: center; padding: clamp(23px, 4vw, 31px); border: 1px solid rgba(255, 133, 0, 0.29); border-radius: 21px; background: linear-gradient( 110deg, #fff3e5 0%, #ffffff 72% ); box-shadow: 0 14px 34px rgba(7, 59, 92, 0.06); } .sps-finalprice__nomq-main { display: grid; grid-template-columns: 61px minmax(0, 1fr); gap: 17px; align-items: flex-start; } .sps-finalprice__nomq-icon { display: inline-flex; width: 59px; height: 59px; align-items: center; justify-content: center; border-radius: 18px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.92rem; font-weight: 900; } .sps-finalprice__nomq-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-finalprice__nomq h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.13rem, 2.2vw, 1.52rem); font-weight: 850; line-height: 1.35; } .sps-finalprice__nomq-main p:not( .sps-finalprice__nomq-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.88rem; line-height: 1.6; } .sps-finalprice__nomq-main strong { color: var(--sps-navy); } /* EXAMPLE */ .sps-finalprice__nomq-example { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; padding: 15px; border: 1px solid rgba(255, 133, 0, 0.2); border-radius: 15px; background: var(--sps-white); } .sps-finalprice__nomq-example > span { grid-column: 1 / -1; color: var(--sps-muted); font-size: 0.63rem; font-weight: 900; letter-spacing: 0.065em; text-align: center; } .sps-finalprice__nomq-example div { text-align: center; } .sps-finalprice__nomq-example strong { display: block; color: var(--sps-navy); font-size: 1rem; font-weight: 900; } .sps-finalprice__nomq-example small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.66rem; line-height: 1.3; } .sps-finalprice__nomq-example b { color: var(--sps-orange-dark); font-size: 1.4rem; font-weight: 900; } /* ========================================================== FACTORS ========================================================== */ .sps-finalprice__factors { margin-top: clamp(40px, 6vw, 61px); } .sps-finalprice__factors-head { margin-bottom: 18px; } .sps-finalprice__factors-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-finalprice__factors-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.38rem, 2.9vw, 2rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* GRID */ .sps-finalprice__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sps-finalprice__factor { position: relative; min-width: 0; padding: 20px 18px; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); box-shadow: 0 9px 26px rgba(7, 59, 92, 0.05); } .sps-finalprice__factor-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 13px; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; } .sps-finalprice__factor h4 { margin: 0; color: var(--sps-navy); font-size: 0.92rem; font-weight: 850; line-height: 1.36; } .sps-finalprice__factor p { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.53; } .sps-finalprice__factor strong { color: var(--sps-navy); } /* ========================================================== PROCESS ========================================================== */ .sps-finalprice__process { margin-top: clamp(39px, 6vw, 59px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 21px; background: var(--sps-white); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.06); } .sps-finalprice__process-head { padding: clamp(22px, 4vw, 30px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 105deg, #eaf7f8 0%, #ffffff 100% ); } .sps-finalprice__process-head p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-finalprice__process-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.3rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.28; } /* STEPS */ .sps-finalprice__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--sps-border); list-style: none; } .sps-finalprice__step { position: relative; min-width: 0; padding: 22px 19px; background: var(--sps-white); } .sps-finalprice__step-number { display: inline-flex; width: 39px; height: 39px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 12px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.68rem; font-weight: 900; } .sps-finalprice__step strong { display: block; color: var(--sps-navy); font-size: 0.88rem; font-weight: 850; line-height: 1.4; } .sps-finalprice__step p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.52; } /* ========================================================== LATERAL ========================================================== */ .sps-finalprice__lateral { display: grid; grid-template-columns: 57px minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 26px; padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.28); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-finalprice__lateral-icon { display: inline-flex; width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.25rem; font-weight: 900; } .sps-finalprice__lateral-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-finalprice__lateral h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.07rem, 1.9vw, 1.34rem); font-weight: 850; line-height: 1.36; } .sps-finalprice__lateral-copy p:not( .sps-finalprice__lateral-kicker ) { margin: 7px 0 0; color: var(--sps-text); font-size: 0.85rem; line-height: 1.58; } .sps-finalprice__lateral strong { color: var(--sps-navy); } .sps-finalprice__lateral-link { display: inline-flex; flex: 0 0 auto; min-height: 47px; align-items: center; justify-content: center; gap: 8px; max-width: 230px; padding: 11px 15px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.79rem; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-finalprice__lateral-link:hover { transform: translateY(-1px); background: var(--sps-teal); text-decoration: none; } /* ========================================================== SURVEY ========================================================== */ .sps-finalprice__survey { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: clamp(38px, 5vw, 49px); padding: clamp(24px, 4vw, 32px); border-radius: 21px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); box-shadow: 0 18px 42px rgba(7, 59, 92, 0.17); } .sps-finalprice__survey-kicker { margin: 0 0 5px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-finalprice__survey h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.2rem, 2.35vw, 1.62rem); font-weight: 850; line-height: 1.35; } .sps-finalprice__survey-copy p:not( .sps-finalprice__survey-kicker ) { max-width: 760px; margin: 8px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.87rem; line-height: 1.6; } .sps-finalprice__survey-copy strong { color: var(--sps-white); } .sps-finalprice__survey-actions { display: grid; gap: 9px; width: min(270px, 100%); } .sps-finalprice__survey-button, .sps-finalprice__survey-video { display: inline-flex; width: 100%; min-height: 47px; align-items: center; justify-content: center; gap: 8px; padding: 11px 15px; border-radius: 10px; font-size: 0.79rem; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-finalprice__survey-button { background: var(--sps-orange); color: var(--sps-navy); } .sps-finalprice__survey-video { border: 1px solid rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.08); color: var(--sps-white); } .sps-finalprice__survey-button:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } .sps-finalprice__survey-video:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.16); text-decoration: none; } /* ========================================================== TECHNICAL PILLAR LINK ========================================================== */ .sps-finalprice__technical { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 18px 20px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); } .sps-finalprice__technical p { margin: 0; color: var(--sps-muted); font-size: 0.82rem; line-height: 1.52; } .sps-finalprice__technical p strong { color: var(--sps-navy); } .sps-finalprice__technical a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; color: var(--sps-teal); font-size: 0.79rem; font-weight: 850; line-height: 1.4; text-align: right; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sps-finalprice__technical a:hover { color: var(--sps-orange-dark); } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-finalprice a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-finalprice__title, .sps-finalprice__direct-answer, .sps-finalprice__nomq, .sps-finalprice__factor, .sps-finalprice__process, .sps-finalprice__lateral, .sps-finalprice__survey, .sps-finalprice__technical { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== DESKTOP MEDIO ========================================================== */ @media screen and (max-width: 1050px) { .sps-finalprice__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-finalprice__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 900px) { .sps-finalprice__nomq { grid-template-columns: 1fr; } .sps-finalprice__lateral { grid-template-columns: 55px minmax(0, 1fr); } .sps-finalprice__lateral-link { grid-column: 1 / -1; width: 100%; max-width: none; } .sps-finalprice__survey { grid-template-columns: 1fr; gap: 20px; } .sps-finalprice__survey-actions { width: 100%; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-finalprice { padding: 52px 11px; } .sps-finalprice__technical { align-items: stretch; flex-direction: column; gap: 13px; } .sps-finalprice__technical a { text-align: left; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-finalprice { padding: 45px 8px; } .sps-finalprice__header { margin-bottom: 30px; } .sps-finalprice__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-finalprice__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-finalprice__direct-icon { width: 44px; height: 44px; } .sps-finalprice__nomq { padding: 18px 16px; } .sps-finalprice__nomq-main { grid-template-columns: 1fr; gap: 11px; } .sps-finalprice__nomq-icon { width: 49px; height: 49px; border-radius: 15px; } .sps-finalprice__nomq-example { grid-template-columns: 1fr auto 1fr; padding: 13px 10px; } .sps-finalprice__grid { grid-template-columns: 1fr; gap: 10px; } .sps-finalprice__factor { display: grid; grid-template-columns: 41px minmax(0, 1fr); gap: 12px; padding: 17px 15px; } .sps-finalprice__factor-number { margin-bottom: 0; } .sps-finalprice__steps { grid-template-columns: 1fr; } .sps-finalprice__step { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 18px 16px; } .sps-finalprice__step-number { margin-bottom: 0; } .sps-finalprice__lateral { grid-template-columns: 1fr; gap: 11px; padding: 18px 16px; border-left-width: 4px; } .sps-finalprice__lateral-icon { width: 47px; height: 47px; border-radius: 14px; } .sps-finalprice__survey { padding: 22px 17px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-finalprice__nomq-example { grid-template-columns: 1fr; gap: 8px; } .sps-finalprice__nomq-example b { transform: rotate(90deg); } .sps-finalprice__factor { grid-template-columns: 37px minmax(0, 1fr); } .sps-finalprice__factor-number { width: 35px; height: 35px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-finalprice__lateral-link, .sps-finalprice__survey-button, .sps-finalprice__survey-video { transition: none; } .sps-finalprice__lateral-link:hover, .sps-finalprice__survey-button:hover, .sps-finalprice__survey-video:hover { transform: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-build { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 50%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-build *, .sps-build *::before, .sps-build *::after { box-sizing: border-box; } .sps-build a { -webkit-tap-highlight-color: transparent; } .sps-build__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-build__header { width: min(940px, 100%); margin: 0 auto clamp(36px, 5vw, 52px); text-align: center; } .sps-build__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-build__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.73rem; } .sps-build__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-build__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-build__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 900px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 27px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-build__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.1rem; font-weight: 900; } .sps-build__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-build__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-build__intro { max-width: 840px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-build__intro strong { color: var(--sps-navy); } /* ========================================================== PRINCIPLE ========================================================== */ .sps-build__principle { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr); gap: clamp(25px, 5vw, 47px); align-items: center; padding: clamp(27px, 4.5vw, 40px); border: 1px solid var(--sps-border); border-radius: 23px; background: var(--sps-white); box-shadow: 0 18px 45px rgba(7, 59, 92, 0.075); } .sps-build__kicker { margin: 0 0 6px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__principle-copy h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .sps-build__principle-copy > p:not(.sps-build__kicker) { margin: 12px 0 0; color: var(--sps-text); font-size: 0.91rem; line-height: 1.64; } .sps-build__principle-copy strong { color: var(--sps-navy); } /* KEY POINT */ .sps-build__key-point { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 20px; padding: 14px 15px; border-radius: 13px; background: var(--sps-aqua); } .sps-build__key-point > span { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-weight: 900; } .sps-build__key-point p { margin: 0; color: var(--sps-text); font-size: 0.82rem; line-height: 1.52; } /* ========================================================== DIAGRAM ========================================================== */ .sps-build__diagram { min-width: 0; padding: 18px; border: 1px solid var(--sps-border); border-radius: 18px; background: linear-gradient( 180deg, #f7fbfc 0%, #eef8f8 100% ); } .sps-build__existing { padding: 14px; border-radius: 11px; background: var(--sps-navy); text-align: center; } .sps-build__existing span { display: block; color: var(--sps-white); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.05em; } .sps-build__existing small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.72); font-size: 0.66rem; line-height: 1.35; } /* SEPARATION */ .sps-build__separation { position: relative; min-height: 88px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 13px; text-align: center; } .sps-build__separation-line { position: absolute; top: 10px; bottom: 10px; width: 2px; border-left: 2px dashed var(--sps-orange); } .sps-build__separation span, .sps-build__separation small { position: relative; padding: 3px 8px; background: #f3fafb; } .sps-build__separation span { color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.04em; } .sps-build__separation small { margin-top: 3px; color: var(--sps-muted); font-size: 0.62rem; } /* SUPPORTS */ .sps-build__supports { display: grid; grid-template-columns: 55px minmax(0, 1fr) 55px; gap: 7px; align-items: stretch; } .sps-build__wall { display: flex; align-items: center; justify-content: center; min-height: 135px; border-radius: 8px; background: var(--sps-navy); } .sps-build__wall span { color: var(--sps-white); font-size: 0.61rem; font-weight: 800; writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 0.05em; text-transform: uppercase; } .sps-build__system { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; } .sps-build__air { display: flex; min-height: 82px; align-items: center; justify-content: center; padding: 10px; border: 1px dashed rgba(0, 140, 131, 0.35); background: repeating-linear-gradient( 135deg, #f4fbfb, #f4fbfb 8px, #e9f6f6 8px, #e9f6f6 16px ); } .sps-build__air span { color: var(--sps-teal-dark); font-size: 0.66rem; font-weight: 900; } .sps-build__layers { display: flex; min-height: 47px; align-items: center; justify-content: center; padding: 9px; border-radius: 0 0 7px 7px; background: var(--sps-orange); } .sps-build__layers span { color: var(--sps-navy); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.035em; } .sps-build__support-label { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 11px; padding: 8px; border-radius: 9px; background: var(--sps-aqua); color: var(--sps-teal); } .sps-build__support-label strong { color: var(--sps-navy); font-size: 0.69rem; font-weight: 850; } /* ========================================================== SYSTEM ELEMENTS ========================================================== */ .sps-build__system-section { margin-top: clamp(41px, 6vw, 61px); } .sps-build__section-head { max-width: 830px; margin-bottom: 18px; } .sps-build__section-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.4rem, 2.9vw, 2rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .sps-build__section-intro { margin: 8px 0 0; color: var(--sps-muted); font-size: 0.89rem; line-height: 1.6; } /* ELEMENT GRID */ .sps-build__elements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sps-build__element { min-width: 0; padding: 20px 18px; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); box-shadow: 0 8px 24px rgba(7, 59, 92, 0.045); } .sps-build__element-number { display: inline-flex; width: 39px; height: 39px; align-items: center; justify-content: center; margin-bottom: 13px; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.69rem; font-weight: 900; } .sps-build__element h4 { margin: 0; color: var(--sps-navy); font-size: 0.93rem; font-weight: 850; line-height: 1.35; } .sps-build__element p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.53; } .sps-build__element strong { color: var(--sps-navy); } /* ========================================================== CONFIGURATIONS ========================================================== */ .sps-build__configurations { margin-top: clamp(42px, 6vw, 60px); } .sps-build__configurations-head { margin-bottom: 17px; } .sps-build__configurations-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__configurations-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.88rem); font-weight: 850; line-height: 1.28; } .sps-build__configuration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; } .sps-build__configuration { min-width: 0; padding: clamp(22px, 3.5vw, 29px); border: 1px solid var(--sps-border); border-top: 5px solid var(--sps-teal); border-radius: 19px; background: var(--sps-white); box-shadow: 0 12px 32px rgba(7, 59, 92, 0.06); } .sps-build__configuration--superior { border-top-color: var(--sps-orange); } .sps-build__configuration-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .sps-build__configuration-head span { display: block; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.07em; } .sps-build__configuration-head h4 { margin: 3px 0 0; color: var(--sps-navy); font-size: 1.42rem; font-weight: 900; } .sps-build__configuration-head > strong { display: inline-flex; align-items: center; justify-content: center; padding: 8px 11px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.81rem; font-weight: 900; } .sps-build__configuration--superior .sps-build__configuration-head > strong { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-build__configuration > p { margin: 14px 0 0; color: var(--sps-muted); font-size: 0.86rem; line-height: 1.58; } .sps-build__configuration > p strong { color: var(--sps-navy); } /* PRICE */ .sps-build__configuration-price { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 15px; align-items: center; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--sps-border); } .sps-build__configuration-price span { color: var(--sps-muted); font-size: 0.72rem; } .sps-build__configuration-price strong { grid-row: 1 / 3; grid-column: 2; color: var(--sps-navy); font-size: 1.55rem; font-weight: 900; } .sps-build__configuration-price small { color: var(--sps-green); font-size: 0.68rem; font-weight: 850; } /* ========================================================== DETAILS ========================================================== */ .sps-build__details { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 27px; align-items: center; margin-top: clamp(39px, 5vw, 51px); padding: clamp(23px, 4vw, 31px); border-radius: 20px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); box-shadow: 0 17px 40px rgba(7, 59, 92, 0.15); } .sps-build__details-kicker { margin: 0 0 5px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__details h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.17rem, 2.3vw, 1.56rem); font-weight: 850; line-height: 1.35; } .sps-build__details-copy > p:not( .sps-build__details-kicker ) { max-width: 760px; margin: 8px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.86rem; line-height: 1.6; } .sps-build__details-copy strong { color: var(--sps-white); } /* TAGS */ .sps-build__detail-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .sps-build__detail-tags span { display: inline-flex; padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); font-size: 0.67rem; font-weight: 750; } /* VIDEO BUTTON */ .sps-build__video-button { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 225px; padding: 13px 15px; border-radius: 12px; background: var(--sps-orange); color: var(--sps-navy); text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-build__video-play { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-white); color: var(--sps-orange-dark); font-size: 0.72rem; font-weight: 900; } .sps-build__video-button strong { display: block; color: inherit; font-size: 0.82rem; font-weight: 900; } .sps-build__video-button small { display: block; margin-top: 2px; color: inherit; opacity: 0.8; font-size: 0.69rem; } .sps-build__video-button:hover { transform: translateY(-2px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== WARNING ========================================================== */ .sps-build__warning { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; align-items: flex-start; margin-top: 24px; padding: clamp(20px, 3.5vw, 27px); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--sps-orange); border-radius: 0 17px 17px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-build__warning-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 15px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.1rem; font-weight: 900; } .sps-build__warning-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__warning h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.07rem, 1.9vw, 1.32rem); font-weight: 850; line-height: 1.37; } .sps-build__warning p:not( .sps-build__warning-kicker ) { margin: 7px 0 0; color: var(--sps-text); font-size: 0.85rem; line-height: 1.58; } .sps-build__warning strong { color: var(--sps-navy); } /* ========================================================== RELATED ========================================================== */ .sps-build__related { margin-top: clamp(39px, 5vw, 52px); } .sps-build__related-head { max-width: 800px; margin-bottom: 16px; } .sps-build__related-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-build__related-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.25rem, 2.5vw, 1.7rem); font-weight: 850; line-height: 1.3; } .sps-build__related-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.84rem; line-height: 1.58; } .sps-build__related-head strong { color: var(--sps-navy); } /* RELATED GRID */ .sps-build__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .sps-build__related-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-width: 0; padding: 17px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-build__related-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.35); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.085); text-decoration: none; } .sps-build__related-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; } .sps-build__related-card strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .sps-build__related-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.43; } .sps-build__related-arrow { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-build a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-build__title, .sps-build__direct-answer, .sps-build__principle, .sps-build__diagram, .sps-build__element, .sps-build__configuration, .sps-build__details, .sps-build__warning, .sps-build__related-card { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-build__principle { grid-template-columns: 1fr; } .sps-build__elements { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-build__related-grid { grid-template-columns: 1fr; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-build { padding: 52px 11px; } .sps-build__details { grid-template-columns: 1fr; gap: 18px; } .sps-build__video-button { width: 100%; min-width: 0; } .sps-build__configuration-grid { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-build { padding: 45px 8px; } .sps-build__header { margin-bottom: 30px; } .sps-build__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-build__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-build__direct-icon { width: 44px; height: 44px; } .sps-build__principle { padding: 19px 16px; border-radius: 18px; } .sps-build__diagram { padding: 12px; border-radius: 14px; } .sps-build__supports { grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 5px; } .sps-build__wall { min-height: 120px; } .sps-build__elements { grid-template-columns: 1fr; gap: 10px; } .sps-build__element { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 17px 15px; } .sps-build__element-number { margin-bottom: 0; } .sps-build__warning { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-build__warning-icon { width: 45px; height: 45px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-build__support-label { gap: 6px; } .sps-build__support-label strong { font-size: 0.61rem; } .sps-build__configuration-price { grid-template-columns: 1fr; } .sps-build__configuration-price strong { grid-row: auto; grid-column: auto; margin-top: 5px; } .sps-build__related-card { grid-template-columns: 37px minmax(0, 1fr); } .sps-build__related-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-build__video-button, .sps-build__related-card { transition: none; } .sps-build__video-button:hover, .sps-build__related-card:hover { transform: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-noises { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 50%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-noises *, .sps-noises *::before, .sps-noises *::after { box-sizing: border-box; } .sps-noises a { -webkit-tap-highlight-color: transparent; } .sps-noises__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-noises__header { width: min(930px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-noises__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-noises__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-weight: 900; } .sps-noises__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-noises__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-noises__direct-answer { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 895px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 27px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-noises__direct-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.25rem; font-weight: 900; } .sps-noises__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-noises__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-noises__intro { max-width: 825px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-noises__intro strong { color: var(--sps-navy); } /* ========================================================== CATEGORY GRID ========================================================== */ .sps-noises__categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; align-items: stretch; } .sps-noises__category { display: flex; flex-direction: column; min-width: 0; padding: clamp(22px, 3.5vw, 28px); border: 1px solid var(--sps-border); border-top: 5px solid var(--sps-teal); border-radius: 20px; background: var(--sps-white); box-shadow: 0 13px 34px rgba(7, 59, 92, 0.065); } .sps-noises__category--impact { border-top-color: var(--sps-orange); } .sps-noises__category--systems { border-top-color: var(--sps-navy); } /* CATEGORY HEAD */ .sps-noises__category-head { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: flex-start; } .sps-noises__category-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; } .sps-noises__category--impact .sps-noises__category-number { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-noises__category--systems .sps-noises__category-number { background: #edf4f8; color: var(--sps-navy); } .sps-noises__category-head p { margin: 1px 0 4px; color: var(--sps-teal); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.067em; } .sps-noises__category--impact .sps-noises__category-head p { color: var(--sps-orange-dark); } .sps-noises__category--systems .sps-noises__category-head p { color: var(--sps-blue); } .sps-noises__category-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.02rem, 1.8vw, 1.23rem); font-weight: 850; line-height: 1.35; } .sps-noises__category-intro { margin: 17px 0 0; color: var(--sps-muted); font-size: 0.84rem; line-height: 1.58; } .sps-noises__category-intro strong { color: var(--sps-navy); } /* ========================================================== LIST ========================================================== */ .sps-noises__list { display: grid; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; } .sps-noises__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; color: var(--sps-text); font-size: 0.81rem; font-weight: 700; line-height: 1.4; } .sps-noises__list li > span { display: inline-flex; width: 23px; height: 23px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.6rem; font-weight: 900; } .sps-noises__category--impact .sps-noises__list li > span { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-noises__category--systems .sps-noises__list li > span { background: #edf4f8; color: var(--sps-navy); } /* ========================================================== VIDEO LINK ========================================================== */ .sps-noises__video-link { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: auto; padding-top: 23px; color: var(--sps-text); text-decoration: none; } .sps-noises__video-link > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.7rem; font-weight: 900; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-noises__video-link strong { display: block; color: var(--sps-navy); font-size: 0.8rem; font-weight: 850; line-height: 1.35; } .sps-noises__video-link small { display: block; margin-top: 2px; color: var(--sps-muted); font-size: 0.7rem; } .sps-noises__video-link:hover { text-decoration: none; } .sps-noises__video-link:hover > span { transform: scale(1.07); background: var(--sps-orange-dark); color: var(--sps-white); } /* ========================================================== EXAMPLES ========================================================== */ .sps-noises__examples { margin-top: clamp(40px, 6vw, 59px); } .sps-noises__examples-head { margin-bottom: 17px; } .sps-noises__examples-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-noises__examples-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.88rem); font-weight: 850; line-height: 1.3; } .sps-noises__examples-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .sps-noises__example { min-width: 0; padding: 18px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); box-shadow: 0 8px 22px rgba(7, 59, 92, 0.045); } .sps-noises__example > span { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; margin-bottom: 10px; border-radius: 10px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.65rem; font-weight: 900; } .sps-noises__example p { margin: 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.52; } .sps-noises__example strong { color: var(--sps-navy); } /* ========================================================== WARNING ========================================================== */ .sps-noises__warning { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(38px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-noises__warning-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.15rem; font-weight: 900; } .sps-noises__warning-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-noises__warning h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.37rem); font-weight: 850; line-height: 1.37; } .sps-noises__warning-copy p:not( .sps-noises__warning-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.61; } .sps-noises__warning strong { color: var(--sps-navy); } /* ========================================================== PATHS ========================================================== */ .sps-noises__paths { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(310px, 0.9fr); gap: 28px; align-items: center; margin-top: clamp(38px, 5vw, 51px); padding: clamp(24px, 4vw, 32px); border: 1px solid var(--sps-border); border-radius: 21px; background: var(--sps-white); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.06); } .sps-noises__paths-kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-noises__paths h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.25rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.34; } .sps-noises__paths-copy p:not( .sps-noises__paths-kicker ) { margin: 9px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.61; } .sps-noises__paths strong { color: var(--sps-navy); } /* DIAGRAM */ .sps-noises__paths-diagram { padding: 18px; border-radius: 17px; background: linear-gradient( 180deg, #f1f9fa 0%, #e7f4f5 100% ); text-align: center; } .sps-noises__upper { padding: 13px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.69rem; font-weight: 900; letter-spacing: 0.05em; } .sps-noises__arrows { display: flex; justify-content: center; gap: 31px; padding: 10px; color: var(--sps-orange); font-size: 1.4rem; font-weight: 900; } .sps-noises__surfaces { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; } .sps-noises__surfaces div { padding: 16px 10px; border: 1px solid var(--sps-border); border-radius: 10px; background: var(--sps-white); } .sps-noises__surfaces strong { color: var(--sps-navy); font-size: 0.78rem; } .sps-noises__paths-diagram > p { margin: 10px 0 0; color: var(--sps-muted); font-size: 0.66rem; } /* ========================================================== RELATED ========================================================== */ .sps-noises__related { margin-top: clamp(41px, 6vw, 58px); } .sps-noises__related-head { margin-bottom: 15px; } .sps-noises__related-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-noises__related-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.28rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.3; } .sps-noises__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .sps-noises__related-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-width: 0; padding: 17px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-noises__related-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.34); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.085); text-decoration: none; } .sps-noises__related-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-noises__related-card strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .sps-noises__related-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.43; } .sps-noises__related-arrow { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== VIDEO CTA ========================================================== */ .sps-noises__video { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 23px; padding: 20px 21px; border-radius: 17px; background: linear-gradient( 105deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); } .sps-noises__video-copy { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; } .sps-noises__video-icon { display: inline-flex; width: 41px; height: 41px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.72rem; font-weight: 900; } .sps-noises__video-copy strong { display: block; color: var(--sps-white); font-size: 0.87rem; font-weight: 850; line-height: 1.4; } .sps-noises__video-copy p { margin: 4px 0 0; color: rgba(255, 255, 255, 0.77); font-size: 0.77rem; line-height: 1.48; } .sps-noises__video-button { display: inline-flex; flex: 0 0 auto; min-height: 45px; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.79rem; font-weight: 900; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-noises__video-button:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== FOCUS ========================================================== */ .sps-noises a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-noises__title, .sps-noises__direct-answer, .sps-noises__category, .sps-noises__example, .sps-noises__warning, .sps-noises__paths, .sps-noises__related-card, .sps-noises__video { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-noises__categories { grid-template-columns: 1fr; } .sps-noises__examples-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-noises__related-grid { grid-template-columns: 1fr; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-noises { padding: 52px 11px; } .sps-noises__paths { grid-template-columns: 1fr; } .sps-noises__video { align-items: stretch; flex-direction: column; gap: 16px; } .sps-noises__video-button { width: 100%; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-noises { padding: 45px 8px; } .sps-noises__header { margin-bottom: 30px; } .sps-noises__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-noises__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-noises__direct-icon { width: 44px; height: 44px; } .sps-noises__category { padding: 21px 17px; border-radius: 18px; } .sps-noises__examples-grid { grid-template-columns: 1fr; gap: 9px; } .sps-noises__example { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; align-items: flex-start; padding: 15px; } .sps-noises__example > span { margin-bottom: 0; } .sps-noises__warning { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-noises__warning-icon { width: 46px; height: 46px; } .sps-noises__paths { padding: 20px 16px; border-radius: 18px; } .sps-noises__video-copy { grid-template-columns: 1fr; gap: 9px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-noises__category-head { grid-template-columns: 39px minmax(0, 1fr); gap: 9px; } .sps-noises__category-number { width: 37px; height: 37px; } .sps-noises__related-card { grid-template-columns: 37px minmax(0, 1fr); } .sps-noises__related-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-noises__video-link > span, .sps-noises__related-card, .sps-noises__video-button { transition: none; } .sps-noises__video-link:hover > span, .sps-noises__related-card:hover, .sps-noises__video-button:hover { transform: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-lateral { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 50%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-lateral *, .sps-lateral *::before, .sps-lateral *::after { box-sizing: border-box; } .sps-lateral a { -webkit-tap-highlight-color: transparent; } .sps-lateral__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-lateral__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-lateral__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-lateral__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-weight: 900; } .sps-lateral__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-lateral__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-lateral__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 910px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-lateral__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.1rem; font-weight: 900; } .sps-lateral__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-lateral__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-lateral__intro { max-width: 835px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-lateral__intro strong { color: var(--sps-navy); } /* ========================================================== PROBLEM ========================================================== */ .sps-lateral__problem { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: clamp(27px, 5vw, 46px); align-items: center; padding: clamp(26px, 4.5vw, 39px); border: 1px solid var(--sps-border); border-radius: 22px; background: var(--sps-white); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.07); } .sps-lateral__kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__problem h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.025em; } .sps-lateral__problem-copy > p:not( .sps-lateral__kicker ) { margin: 11px 0 0; color: var(--sps-text); font-size: 0.89rem; line-height: 1.62; } .sps-lateral__problem-copy strong { color: var(--sps-navy); } /* IMPORTANT */ .sps-lateral__important { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 19px; padding: 14px 15px; border-radius: 13px; background: var(--sps-orange-soft); } .sps-lateral__important > span { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-weight: 900; } .sps-lateral__important p { margin: 0; color: var(--sps-text); font-size: 0.81rem; line-height: 1.5; } /* ========================================================== DIAGRAM ========================================================== */ .sps-lateral__diagram { min-width: 0; padding: 18px; border: 1px solid var(--sps-border); border-radius: 18px; background: linear-gradient( 180deg, #f2fafb 0%, #e8f5f6 100% ); text-align: center; } .sps-lateral__diagram-upper { padding: 14px; border-radius: 10px; background: var(--sps-navy); } .sps-lateral__diagram-upper span { display: block; color: var(--sps-white); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.05em; } .sps-lateral__diagram-upper small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.72); font-size: 0.64rem; } .sps-lateral__diagram-arrows { display: flex; justify-content: center; gap: 48px; padding: 11px; color: var(--sps-orange); font-size: 1.5rem; font-weight: 900; } .sps-lateral__diagram-room { display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; gap: 7px; min-height: 180px; } .sps-lateral__diagram-wall { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; border-radius: 8px; background: var(--sps-teal); } .sps-lateral__diagram-wall span { color: var(--sps-white); font-size: 0.66rem; font-weight: 900; writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 0.04em; } .sps-lateral__diagram-wall small { margin-top: 9px; color: rgba(255, 255, 255, 0.78); font-size: 0.57rem; line-height: 1.25; } .sps-lateral__diagram-center { display: flex; flex-direction: column; } .sps-lateral__diagram-ceiling { padding: 10px; border-radius: 7px 7px 0 0; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.67rem; font-weight: 900; } .sps-lateral__diagram-person { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--sps-border); border-top: 0; border-radius: 0 0 7px 7px; background: var(--sps-white); } .sps-lateral__diagram-person > span { color: var(--sps-navy); font-size: 2.1rem; } .sps-lateral__diagram-person strong { color: var(--sps-navy); font-size: 0.68rem; } .sps-lateral__diagram-caption { margin: 10px 0 0; color: var(--sps-muted); font-size: 0.63rem; line-height: 1.4; } /* ========================================================== CHECK ========================================================== */ .sps-lateral__check { margin-top: clamp(41px, 6vw, 60px); } .sps-lateral__check-head { margin-bottom: 17px; } .sps-lateral__check-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__check-head h3 { margin: 0; max-width: 850px; color: var(--sps-navy); font-size: clamp(1.32rem, 2.75vw, 1.9rem); font-weight: 850; line-height: 1.3; } .sps-lateral__check-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sps-lateral__check-item { min-width: 0; padding: 19px 17px; border: 1px solid var(--sps-border); border-radius: 16px; background: var(--sps-white); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); } .sps-lateral__check-item > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-lateral__check-item h4 { margin: 0; color: var(--sps-navy); font-size: 0.89rem; font-weight: 850; line-height: 1.37; } .sps-lateral__check-item p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.5; } .sps-lateral__check-item strong { color: var(--sps-navy); } /* VIDEO CHECK */ .sps-lateral__video-check { display: grid; grid-template-columns: 41px minmax(0, 1fr); gap: 11px; align-items: center; width: fit-content; max-width: 100%; margin-top: 16px; color: var(--sps-text); text-decoration: none; } .sps-lateral__video-check > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.7rem; font-weight: 900; } .sps-lateral__video-check strong { display: block; color: var(--sps-navy); font-size: 0.81rem; font-weight: 850; } .sps-lateral__video-check small { display: block; margin-top: 2px; color: var(--sps-muted); font-size: 0.69rem; } /* ========================================================== WALLS PRICE ========================================================== */ .sps-lateral__walls-price { margin-top: clamp(42px, 6vw, 61px); overflow: hidden; border: 1px solid rgba(255, 133, 0, 0.31); border-top: 6px solid var(--sps-orange); border-radius: 22px; background: var(--sps-white); box-shadow: 0 18px 46px rgba(7, 59, 92, 0.085); } .sps-lateral__walls-price-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: clamp(23px, 4vw, 31px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 110deg, #fff3e5 0%, #ffffff 100% ); } .sps-lateral__walls-eyebrow { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__walls-price-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.8vw, 1.95rem); font-weight: 850; line-height: 1.3; } .sps-lateral__vat-badge { display: inline-flex; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: var(--sps-green-soft); color: var(--sps-green); font-size: 0.73rem; font-weight: 900; } .sps-lateral__walls-price-main { display: grid; grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr); gap: 1px; background: var(--sps-border); } .sps-lateral__walls-amount, .sps-lateral__walls-specs { background: var(--sps-white); } .sps-lateral__walls-amount { padding: clamp(25px, 4vw, 34px); text-align: center; } .sps-lateral__walls-amount > p { margin: 0 0 13px; color: var(--sps-muted); font-size: 0.78rem; font-weight: 750; } .sps-lateral__walls-amount > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 8px; } .sps-lateral__walls-amount div span, .sps-lateral__walls-amount div b { color: var(--sps-muted); font-size: 0.8rem; font-weight: 700; } .sps-lateral__walls-amount div strong { color: var(--sps-navy); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 900; letter-spacing: -0.04em; } .sps-lateral__walls-amount > small { display: inline-flex; margin-top: 13px; padding: 7px 10px; border-radius: 999px; background: var(--sps-green-soft); color: var(--sps-green); font-size: 0.71rem; font-weight: 900; } /* SPECS */ .sps-lateral__walls-specs { margin: 0; padding: clamp(22px, 4vw, 31px); } .sps-lateral__walls-specs > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 17px; padding: 10px 0; border-bottom: 1px solid var(--sps-border); } .sps-lateral__walls-specs > div:last-child { border-bottom: 0; } .sps-lateral__walls-specs dt { color: var(--sps-muted); font-size: 0.82rem; } .sps-lateral__walls-specs dd { margin: 0; color: var(--sps-navy); font-size: 0.83rem; font-weight: 850; text-align: right; } .sps-lateral__walls-note { margin: 0; padding: 17px 21px; border-top: 1px solid var(--sps-border); background: var(--sps-yellow-soft); color: var(--sps-text); font-size: 0.81rem; line-height: 1.53; } .sps-lateral__walls-note strong { color: var(--sps-navy); } /* WALLS VIDEO */ .sps-lateral__walls-video { display: grid; grid-template-columns: 41px minmax(0, 1fr); gap: 11px; align-items: center; margin: 0; padding: 16px 21px; border-top: 1px solid var(--sps-border); background: #f8fbfc; color: var(--sps-text); text-decoration: none; } .sps-lateral__walls-video > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.7rem; font-weight: 900; } .sps-lateral__walls-video strong { display: block; color: var(--sps-navy); font-size: 0.83rem; font-weight: 850; } .sps-lateral__walls-video small { display: block; margin-top: 2px; color: var(--sps-muted); font-size: 0.7rem; } /* ========================================================== COMBINED ========================================================== */ .sps-lateral__combined { margin-top: clamp(41px, 6vw, 59px); } .sps-lateral__combined-head { max-width: 880px; margin-bottom: 18px; } .sps-lateral__combined-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__combined-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.8vw, 1.95rem); font-weight: 850; line-height: 1.3; } .sps-lateral__combined-head > p:last-child { margin: 8px 0 0; color: var(--sps-muted); font-size: 0.85rem; line-height: 1.58; } .sps-lateral__combined-head strong { color: var(--sps-navy); } .sps-lateral__combined-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sps-lateral__combined-card { min-width: 0; overflow: hidden; padding: clamp(22px, 3.5vw, 29px); border: 1px solid var(--sps-border); border-top: 5px solid var(--sps-teal); border-radius: 19px; background: var(--sps-white); box-shadow: 0 12px 32px rgba(7, 59, 92, 0.06); } .sps-lateral__combined-card--superior { border-top-color: var(--sps-orange); } .sps-lateral__combined-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; } .sps-lateral__combined-card-head span { color: var(--sps-teal); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.06em; } .sps-lateral__combined-card--superior .sps-lateral__combined-card-head span { color: var(--sps-orange-dark); } .sps-lateral__combined-card-head h4 { margin: 4px 0 0; color: var(--sps-navy); font-size: 1.17rem; font-weight: 850; line-height: 1.35; } .sps-lateral__combined-card-head b { flex: 0 0 auto; padding: 6px 8px; border-radius: 999px; background: var(--sps-green-soft); color: var(--sps-green); font-size: 0.63rem; font-weight: 900; } /* MATH */ .sps-lateral__math { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin-top: 20px; padding: 16px; border-radius: 13px; background: var(--sps-page); } .sps-lateral__math > div { text-align: center; } .sps-lateral__math small { display: block; color: var(--sps-muted); font-size: 0.67rem; } .sps-lateral__math strong { display: block; margin-top: 4px; color: var(--sps-navy); font-size: 1.02rem; font-weight: 900; } .sps-lateral__math > span { color: var(--sps-orange); font-size: 1.35rem; font-weight: 900; } /* TOTAL */ .sps-lateral__total { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--sps-border); } .sps-lateral__total span { display: block; color: var(--sps-muted); font-size: 0.69rem; font-weight: 750; } .sps-lateral__total strong { display: block; margin-top: 4px; color: var(--sps-navy); font-size: clamp(1.65rem, 3.5vw, 2.25rem); font-weight: 900; letter-spacing: -0.035em; } /* WARNING */ .sps-lateral__combined-warning { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 15px; padding: 15px 16px; border: 1px solid rgba(255, 133, 0, 0.25); border-radius: 13px; background: var(--sps-yellow-soft); } .sps-lateral__combined-warning > span { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-orange); color: var(--sps-navy); font-weight: 900; } .sps-lateral__combined-warning p { margin: 0; color: var(--sps-text); font-size: 0.79rem; line-height: 1.52; } .sps-lateral__combined-warning strong { color: var(--sps-navy); } /* ========================================================== NOT AUTOMATIC ========================================================== */ .sps-lateral__notautomatic { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(39px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(0, 140, 131, 0.23); border-left: 5px solid var(--sps-teal); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #eaf8f8 0%, #ffffff 100% ); } .sps-lateral__notautomatic-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-lateral__notautomatic-kicker { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__notautomatic h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-lateral__notautomatic-copy p:not(.sps-lateral__notautomatic-kicker) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-lateral__notautomatic strong { color: var(--sps-navy); } /* ========================================================== RELATED ========================================================== */ .sps-lateral__related { margin-top: clamp(40px, 6vw, 57px); } .sps-lateral__related-head { margin-bottom: 15px; } .sps-lateral__related-head p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-lateral__related-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.28rem, 2.55vw, 1.75rem); font-weight: 850; line-height: 1.3; } .sps-lateral__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .sps-lateral__related-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-width: 0; padding: 17px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-lateral__related-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.35); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.085); text-decoration: none; } .sps-lateral__related-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-lateral__related-card strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .sps-lateral__related-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.43; } .sps-lateral__related-arrow { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== FOCUS ========================================================== */ .sps-lateral a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-lateral__title, .sps-lateral__direct-answer, .sps-lateral__problem, .sps-lateral__diagram, .sps-lateral__check-item, .sps-lateral__walls-price, .sps-lateral__combined-card, .sps-lateral__notautomatic, .sps-lateral__related-card { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-lateral__problem { grid-template-columns: 1fr; } .sps-lateral__check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-lateral__related-grid { grid-template-columns: 1fr; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-lateral { padding: 52px 11px; } .sps-lateral__walls-price-head { align-items: flex-start; flex-direction: column; } .sps-lateral__walls-price-main { grid-template-columns: 1fr; } .sps-lateral__combined-grid { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-lateral { padding: 45px 8px; } .sps-lateral__header { margin-bottom: 30px; } .sps-lateral__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-lateral__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-lateral__direct-icon { width: 44px; height: 44px; } .sps-lateral__problem { padding: 20px 16px; border-radius: 18px; } .sps-lateral__diagram-room { grid-template-columns: 48px minmax(0, 1fr) 48px; min-height: 155px; } .sps-lateral__check-grid { grid-template-columns: 1fr; } .sps-lateral__check-item { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 16px 15px; } .sps-lateral__check-item > span { margin-bottom: 0; } .sps-lateral__walls-amount div strong { font-size: clamp(1.9rem, 10vw, 2.45rem); } .sps-lateral__walls-specs > div { flex-direction: column; gap: 3px; } .sps-lateral__walls-specs dd { text-align: left; } .sps-lateral__math { grid-template-columns: 1fr; gap: 8px; } .sps-lateral__math > span { text-align: center; } .sps-lateral__notautomatic { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-lateral__notautomatic-icon { width: 46px; height: 46px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-lateral__important { grid-template-columns: 1fr; } .sps-lateral__combined-card-head { flex-direction: column; } .sps-lateral__combined-warning { grid-template-columns: 1fr; } .sps-lateral__related-card { grid-template-columns: 37px minmax(0, 1fr); } .sps-lateral__related-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-lateral__related-card { transition: none; } .sps-lateral__related-card:hover { transform: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-wallcheck { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-red: #b7483e; --sps-red-soft: #fff2f0; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 48%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-wallcheck *, .sps-wallcheck *::before, .sps-wallcheck *::after { box-sizing: border-box; } .sps-wallcheck a { -webkit-tap-highlight-color: transparent; } .sps-wallcheck__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-wallcheck__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-wallcheck__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-wallcheck__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.78rem; font-weight: 900; } .sps-wallcheck__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-wallcheck__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-wallcheck__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 905px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-wallcheck__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-wallcheck__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-wallcheck__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-wallcheck__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-wallcheck__intro strong { color: var(--sps-navy); } /* ========================================================== CONCEPT ========================================================== */ .sps-wallcheck__concept { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 0.9fr); gap: clamp(27px, 5vw, 46px); align-items: center; padding: clamp(26px, 4.5vw, 39px); border: 1px solid var(--sps-border); border-radius: 22px; background: var(--sps-white); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.07); } .sps-wallcheck__kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__concept h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.025em; } .sps-wallcheck__concept-copy > p:not( .sps-wallcheck__kicker ) { margin: 11px 0 0; color: var(--sps-text); font-size: 0.89rem; line-height: 1.62; } .sps-wallcheck__concept-copy strong { color: var(--sps-navy); } /* CONCEPT NOTE */ .sps-wallcheck__concept-note { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 20px; padding: 14px 15px; border-radius: 13px; background: var(--sps-aqua); } .sps-wallcheck__concept-note > span { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.75rem; font-weight: 900; } .sps-wallcheck__concept-note p { margin: 0; color: var(--sps-text); font-size: 0.81rem; line-height: 1.52; } /* ========================================================== DIAGRAM ========================================================== */ .sps-wallcheck__diagram { min-width: 0; padding: 18px; border: 1px solid var(--sps-border); border-radius: 18px; background: linear-gradient( 180deg, #f2fafb 0%, #e9f6f6 100% ); text-align: center; } .sps-wallcheck__diagram-source { padding: 14px; border-radius: 10px; background: var(--sps-navy); } .sps-wallcheck__diagram-source span { display: block; color: var(--sps-white); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.045em; } .sps-wallcheck__diagram-source small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.72); font-size: 0.63rem; } .sps-wallcheck__diagram-flow { display: flex; justify-content: center; gap: 48px; padding: 11px; color: var(--sps-orange); font-size: 1.4rem; font-weight: 900; } .sps-wallcheck__diagram-surfaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .sps-wallcheck__surface { min-width: 0; padding: 15px 9px; border: 1px solid var(--sps-border); border-radius: 11px; background: var(--sps-white); } .sps-wallcheck__surface > span { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; margin-bottom: 8px; border-radius: 9px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.61rem; font-weight: 900; } .sps-wallcheck__surface strong { display: block; color: var(--sps-navy); font-size: 0.69rem; font-weight: 900; } .sps-wallcheck__surface small { display: block; margin-top: 4px; color: var(--sps-muted); font-size: 0.59rem; line-height: 1.3; } .sps-wallcheck__diagram > p { margin: 10px 0 0; color: var(--sps-muted); font-size: 0.63rem; line-height: 1.4; } /* ========================================================== SIGNALS ========================================================== */ .sps-wallcheck__signals { margin-top: clamp(42px, 6vw, 61px); } .sps-wallcheck__section-head { max-width: 850px; margin-bottom: 18px; } .sps-wallcheck__section-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.8vw, 1.95rem); font-weight: 850; line-height: 1.3; } .sps-wallcheck__section-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.85rem; line-height: 1.58; } .sps-wallcheck__section-head strong { color: var(--sps-navy); } /* SIGNAL GRID */ .sps-wallcheck__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sps-wallcheck__signal { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: flex-start; min-width: 0; padding: 20px 18px; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); box-shadow: 0 8px 24px rgba(7, 59, 92, 0.045); } .sps-wallcheck__signal-number { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; } .sps-wallcheck__signal h4 { margin: 0; color: var(--sps-navy); font-size: 0.9rem; font-weight: 850; line-height: 1.37; } .sps-wallcheck__signal p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.78rem; line-height: 1.51; } .sps-wallcheck__signal strong { color: var(--sps-navy); } /* ========================================================== DON'T ========================================================== */ .sps-wallcheck__dont { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(38px, 5vw, 49px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(183, 72, 62, 0.22); border-left: 5px solid var(--sps-red); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, var(--sps-red-soft) 0%, #ffffff 100% ); } .sps-wallcheck__dont-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-red); color: var(--sps-white); font-size: 1.15rem; font-weight: 900; } .sps-wallcheck__dont-kicker { margin: 0 0 4px; color: var(--sps-red); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__dont h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-wallcheck__dont-copy p:not( .sps-wallcheck__dont-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-wallcheck__dont strong { color: var(--sps-navy); } /* ========================================================== ANALYSIS STEPS ========================================================== */ .sps-wallcheck__analysis { margin-top: clamp(41px, 6vw, 60px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 21px; background: var(--sps-white); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.06); } .sps-wallcheck__analysis-head { padding: clamp(22px, 4vw, 30px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 105deg, #eaf7f8 0%, #ffffff 100% ); } .sps-wallcheck__analysis-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__analysis-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.3rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } /* STEPS */ .sps-wallcheck__steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--sps-border); list-style: none; } .sps-wallcheck__step { min-width: 0; padding: 21px 17px; background: var(--sps-white); } .sps-wallcheck__step > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.67rem; font-weight: 900; } .sps-wallcheck__step strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.38; } .sps-wallcheck__step p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.74rem; line-height: 1.49; } /* ========================================================== OUTCOMES ========================================================== */ .sps-wallcheck__outcomes { margin-top: clamp(41px, 6vw, 58px); } .sps-wallcheck__outcomes-head { margin-bottom: 16px; } .sps-wallcheck__outcomes-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__outcomes-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.3rem, 2.6vw, 1.82rem); font-weight: 850; line-height: 1.3; } .sps-wallcheck__outcomes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sps-wallcheck__outcome { min-width: 0; padding: 21px 19px; border: 1px solid var(--sps-border); border-top: 5px solid var(--sps-teal); border-radius: 17px; background: var(--sps-white); box-shadow: 0 9px 26px rgba(7, 59, 92, 0.05); } .sps-wallcheck__outcome--middle { border-top-color: var(--sps-blue); } .sps-wallcheck__outcome--full { border-top-color: var(--sps-orange); } .sps-wallcheck__outcome-label { color: var(--sps-muted); font-size: 0.63rem; font-weight: 900; letter-spacing: 0.06em; } .sps-wallcheck__outcome-icon { display: inline-flex; width: 45px; height: 45px; align-items: center; justify-content: center; margin-top: 13px; border-radius: 13px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 1.1rem; font-weight: 900; } .sps-wallcheck__outcome--middle .sps-wallcheck__outcome-icon { background: #edf4f8; color: var(--sps-blue); } .sps-wallcheck__outcome--full .sps-wallcheck__outcome-icon { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-wallcheck__outcome h4 { margin: 13px 0 0; color: var(--sps-navy); font-size: 0.94rem; font-weight: 850; line-height: 1.37; } .sps-wallcheck__outcome p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.79rem; line-height: 1.52; } .sps-wallcheck__outcome strong { color: var(--sps-navy); } /* ========================================================== SURVEY BRIDGE ========================================================== */ .sps-wallcheck__survey { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 0.34fr); gap: 27px; align-items: center; margin-top: clamp(42px, 6vw, 60px); padding: clamp(24px, 4vw, 32px); border-radius: 21px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); box-shadow: 0 18px 43px rgba(7, 59, 92, 0.17); } .sps-wallcheck__survey-kicker { margin: 0 0 5px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__survey h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.2rem, 2.4vw, 1.65rem); font-weight: 850; line-height: 1.34; } .sps-wallcheck__survey-copy p:not( .sps-wallcheck__survey-kicker ) { max-width: 770px; margin: 8px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.87rem; line-height: 1.61; } .sps-wallcheck__survey-copy strong { color: var(--sps-white); } .sps-wallcheck__survey-actions { display: grid; gap: 9px; width: 100%; } .sps-wallcheck__survey-primary, .sps-wallcheck__survey-video { display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 11px 15px; border-radius: 10px; font-size: 0.78rem; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-wallcheck__survey-primary { background: var(--sps-orange); color: var(--sps-navy); } .sps-wallcheck__survey-video { border: 1px solid rgba(255, 255, 255, 0.26); background: rgba(255, 255, 255, 0.08); color: var(--sps-white); } .sps-wallcheck__survey-primary:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } .sps-wallcheck__survey-video:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.16); text-decoration: none; } /* ========================================================== RELATED ========================================================== */ .sps-wallcheck__related { margin-top: clamp(40px, 5vw, 51px); } .sps-wallcheck__related-head { margin-bottom: 15px; } .sps-wallcheck__related-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wallcheck__related-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.27rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.3; } .sps-wallcheck__related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sps-wallcheck__related-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-width: 0; padding: 17px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-wallcheck__related-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.35); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.085); text-decoration: none; } .sps-wallcheck__related-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-wallcheck__related-card strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .sps-wallcheck__related-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.43; } .sps-wallcheck__related-arrow { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== ACCESSIBILITÀ ========================================================== */ .sps-wallcheck a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-wallcheck__title, .sps-wallcheck__direct-answer, .sps-wallcheck__concept, .sps-wallcheck__diagram, .sps-wallcheck__signal, .sps-wallcheck__dont, .sps-wallcheck__analysis, .sps-wallcheck__outcome, .sps-wallcheck__survey, .sps-wallcheck__related-card { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== DESKTOP MEDIO ========================================================== */ @media screen and (max-width: 1050px) { .sps-wallcheck__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-wallcheck__concept { grid-template-columns: 1fr; } .sps-wallcheck__signals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-wallcheck__survey { grid-template-columns: 1fr; gap: 19px; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-wallcheck { padding: 52px 11px; } .sps-wallcheck__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-wallcheck__outcomes-grid { grid-template-columns: 1fr; } .sps-wallcheck__related-grid { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-wallcheck { padding: 45px 8px; } .sps-wallcheck__header { margin-bottom: 30px; } .sps-wallcheck__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-wallcheck__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-wallcheck__direct-icon { width: 44px; height: 44px; } .sps-wallcheck__concept { padding: 20px 16px; border-radius: 18px; } .sps-wallcheck__diagram-surfaces { grid-template-columns: 1fr; } .sps-wallcheck__diagram-flow { gap: 28px; } .sps-wallcheck__signals-grid { grid-template-columns: 1fr; } .sps-wallcheck__signal { padding: 17px 15px; } .sps-wallcheck__dont { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-wallcheck__dont-icon { width: 46px; height: 46px; } .sps-wallcheck__steps { grid-template-columns: 1fr; } .sps-wallcheck__step { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 17px 15px; } .sps-wallcheck__step > span { margin-bottom: 0; } .sps-wallcheck__survey { padding: 22px 17px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-wallcheck__concept-note { grid-template-columns: 1fr; } .sps-wallcheck__signal { grid-template-columns: 37px minmax(0, 1fr); gap: 10px; } .sps-wallcheck__signal-number { width: 35px; height: 35px; } .sps-wallcheck__related-card { grid-template-columns: 37px minmax(0, 1fr); } .sps-wallcheck__related-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-wallcheck__survey-primary, .sps-wallcheck__survey-video, .sps-wallcheck__related-card { transition: none; } .sps-wallcheck__survey-primary:hover, .sps-wallcheck__survey-video:hover, .sps-wallcheck__related-card:hover { transform: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-survey { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 50%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-survey *, .sps-survey *::before, .sps-survey *::after { box-sizing: border-box; } .sps-survey a { -webkit-tap-highlight-color: transparent; } .sps-survey__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-survey__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-survey__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-survey__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.7rem; font-weight: 900; } .sps-survey__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-survey__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-survey__direct-answer { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 910px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-survey__direct-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.05rem; font-weight: 900; } .sps-survey__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-survey__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-survey__intro { max-width: 820px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-survey__intro strong { color: var(--sps-navy); } /* ========================================================== PRICE ========================================================== */ .sps-survey__price { display: grid; grid-template-columns: minmax(320px, 0.75fr) minmax(0, 1.25fr); gap: 1px; overflow: hidden; border: 1px solid var(--sps-border); border-top: 6px solid var(--sps-orange); border-radius: 22px; background: var(--sps-border); box-shadow: 0 18px 46px rgba(7, 59, 92, 0.09); } /* PRICE MAIN */ .sps-survey__price-main { padding: clamp(27px, 4.5vw, 38px); background: linear-gradient( 145deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); text-align: center; } .sps-survey__price-label { margin: 0 0 16px; color: var(--sps-teal-light); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__price-net { display: flex; align-items: flex-start; justify-content: center; gap: 5px; } .sps-survey__price-net > span { margin-top: 8px; font-size: 1.3rem; font-weight: 900; } .sps-survey__price-net strong { color: var(--sps-white); font-size: clamp(3.2rem, 6vw, 4.5rem); font-weight: 900; line-height: 0.95; letter-spacing: -0.055em; } .sps-survey__price-vat-rate { margin: 11px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 0.83rem; font-weight: 750; } .sps-survey__price-total { margin-top: 24px; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.09); } .sps-survey__price-total > span { display: block; color: rgba(255, 255, 255, 0.67); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.07em; } .sps-survey__price-total strong { display: block; margin-top: 4px; color: var(--sps-white); font-size: 1.65rem; font-weight: 900; } .sps-survey__price-total small { display: block; margin-top: 3px; color: var(--sps-teal-light); font-size: 0.71rem; font-weight: 850; } /* ========================================================== CREDIT ========================================================== */ .sps-survey__credit { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; align-items: flex-start; padding: clamp(27px, 4.5vw, 38px); background: var(--sps-white); } .sps-survey__credit-icon { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-green-soft); color: var(--sps-green); font-size: 1rem; font-weight: 900; } .sps-survey__credit-label { margin: 0 0 5px; color: var(--sps-green); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.07em; } .sps-survey__credit h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.25rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.33; } .sps-survey__credit > div:last-child > p:not( .sps-survey__credit-label ) { margin: 9px 0 0; color: var(--sps-text); font-size: 0.88rem; line-height: 1.61; } .sps-survey__credit strong { color: var(--sps-navy); } .sps-survey__credit-note { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 16px; padding: 13px 14px; border-radius: 12px; background: var(--sps-yellow-soft); } .sps-survey__credit-note > span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.8rem; font-weight: 900; } .sps-survey__credit-note p { margin: 0; color: var(--sps-muted); font-size: 0.76rem; line-height: 1.48; } /* ========================================================== PURPOSE ========================================================== */ .sps-survey__purpose { margin-top: clamp(42px, 6vw, 61px); } .sps-survey__section-head { max-width: 860px; margin-bottom: 18px; } .sps-survey__section-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.8vw, 1.95rem); font-weight: 850; line-height: 1.3; } .sps-survey__section-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.85rem; line-height: 1.58; } .sps-survey__section-head strong { color: var(--sps-navy); } /* PURPOSE GRID */ .sps-survey__purpose-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sps-survey__purpose-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: flex-start; min-width: 0; padding: 20px 18px; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); box-shadow: 0 8px 24px rgba(7, 59, 92, 0.045); } .sps-survey__purpose-item > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; } .sps-survey__purpose-item h4 { margin: 0; color: var(--sps-navy); font-size: 0.9rem; font-weight: 850; line-height: 1.37; } .sps-survey__purpose-item p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.78rem; line-height: 1.51; } .sps-survey__purpose-item strong { color: var(--sps-navy); } /* ========================================================== DIFFERENCE ========================================================== */ .sps-survey__difference { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(39px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-survey__difference-icon { display: inline-flex; width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.15rem; font-weight: 900; } .sps-survey__difference-label { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__difference h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-survey__difference-copy p:not(.sps-survey__difference-label) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-survey__difference strong { color: var(--sps-navy); } /* ========================================================== FLOW ========================================================== */ .sps-survey__flow { margin-top: clamp(42px, 6vw, 60px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 21px; background: var(--sps-white); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.06); } .sps-survey__flow-head { padding: clamp(22px, 4vw, 30px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 105deg, #eaf7f8 0%, #ffffff 100% ); } .sps-survey__flow-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__flow-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.3rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } .sps-survey__flow-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--sps-border); list-style: none; } .sps-survey__flow-list li { min-width: 0; padding: 21px 17px; background: var(--sps-white); } .sps-survey__flow-list li > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.67rem; font-weight: 900; } .sps-survey__flow-list strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.38; } .sps-survey__flow-list p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.74rem; line-height: 1.49; } /* ========================================================== VIDEO ========================================================== */ .sps-survey__video { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 0.37fr); gap: 28px; align-items: center; margin-top: clamp(42px, 6vw, 60px); padding: clamp(24px, 4vw, 32px); border-radius: 21px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); box-shadow: 0 18px 43px rgba(7, 59, 92, 0.17); } .sps-survey__video-eyebrow { margin: 0 0 5px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__video h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.2rem, 2.4vw, 1.65rem); font-weight: 850; line-height: 1.34; } .sps-survey__video-copy > p:not( .sps-survey__video-eyebrow ) { max-width: 760px; margin: 8px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.86rem; line-height: 1.6; } .sps-survey__video-copy strong { color: var(--sps-white); } .sps-survey__video-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .sps-survey__video-meta span { display: inline-flex; padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); font-size: 0.67rem; font-weight: 750; } .sps-survey__video-actions { display: grid; gap: 9px; } .sps-survey__video-primary, .sps-survey__video-secondary { display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 11px 15px; border-radius: 10px; font-size: 0.78rem; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-survey__video-primary { background: var(--sps-orange); color: var(--sps-navy); } .sps-survey__video-secondary { border: 1px solid rgba(255, 255, 255, 0.26); background: rgba(255, 255, 255, 0.08); color: var(--sps-white); } .sps-survey__video-primary:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } .sps-survey__video-secondary:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.16); text-decoration: none; } /* ========================================================== RECAP ========================================================== */ .sps-survey__recap { display: grid; grid-template-columns: minmax(160px, 0.45fr) minmax(160px, 0.45fr) minmax(0, 1.1fr); gap: 1px; margin-top: 22px; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-border); } .sps-survey__recap > div { min-width: 0; padding: 18px; background: var(--sps-white); } .sps-survey__recap-price, .sps-survey__recap-total { text-align: center; } .sps-survey__recap-price span, .sps-survey__recap-total span { display: block; color: var(--sps-muted); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.06em; } .sps-survey__recap-price strong, .sps-survey__recap-total strong { display: block; margin-top: 5px; color: var(--sps-navy); font-size: 1.45rem; font-weight: 900; } .sps-survey__recap-price small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.68rem; } .sps-survey__recap-credit { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; } .sps-survey__recap-credit > span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-green-soft); color: var(--sps-green); font-weight: 900; } .sps-survey__recap-credit p { margin: 0; color: var(--sps-muted); font-size: 0.75rem; line-height: 1.48; } .sps-survey__recap-credit strong { color: var(--sps-navy); } /* ========================================================== RELATED ========================================================== */ .sps-survey__related { margin-top: clamp(40px, 5vw, 51px); } .sps-survey__related-head { margin-bottom: 15px; } .sps-survey__related-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-survey__related-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.27rem, 2.5vw, 1.72rem); font-weight: 850; line-height: 1.3; } .sps-survey__related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sps-survey__related-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-width: 0; padding: 17px 16px; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); color: var(--sps-text); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-survey__related-card:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.35); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.085); text-decoration: none; } .sps-survey__related-number { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-survey__related-card strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .sps-survey__related-card p { margin: 4px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.43; } .sps-survey__related-arrow { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-weight: 900; } /* ========================================================== FOCUS ========================================================== */ .sps-survey a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-survey__title, .sps-survey__direct-answer, .sps-survey__price, .sps-survey__credit, .sps-survey__purpose-item, .sps-survey__difference, .sps-survey__flow, .sps-survey__video, .sps-survey__recap, .sps-survey__related-card { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== DESKTOP MEDIO ========================================================== */ @media screen and (max-width: 1050px) { .sps-survey__flow-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-survey__price { grid-template-columns: 1fr; } .sps-survey__purpose-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-survey__video { grid-template-columns: 1fr; gap: 19px; } .sps-survey__recap { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-survey__recap-credit { grid-column: 1 / -1; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-survey { padding: 52px 11px; } .sps-survey__flow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-survey__related-grid { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-survey { padding: 45px 8px; } .sps-survey__header { margin-bottom: 30px; } .sps-survey__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-survey__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-survey__direct-icon { width: 44px; height: 44px; } .sps-survey__credit { grid-template-columns: 1fr; gap: 11px; padding: 22px 17px; } .sps-survey__credit-icon { width: 47px; height: 47px; } .sps-survey__purpose-grid { grid-template-columns: 1fr; } .sps-survey__purpose-item { padding: 17px 15px; } .sps-survey__difference { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-survey__difference-icon { width: 46px; height: 46px; } .sps-survey__flow-list { grid-template-columns: 1fr; } .sps-survey__flow-list li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 17px 15px; } .sps-survey__flow-list li > span { margin-bottom: 0; } .sps-survey__video { padding: 22px 17px; } .sps-survey__recap { grid-template-columns: 1fr; } .sps-survey__recap-credit { grid-column: auto; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-survey__credit-note { grid-template-columns: 1fr; } .sps-survey__purpose-item { grid-template-columns: 37px minmax(0, 1fr); gap: 10px; } .sps-survey__purpose-item > span { width: 35px; height: 35px; } .sps-survey__recap-credit { grid-template-columns: 1fr; } .sps-survey__related-card { grid-template-columns: 37px minmax(0, 1fr); } .sps-survey__related-arrow { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-survey__video-primary, .sps-survey__video-secondary, .sps-survey__related-card { transition: none; } .sps-survey__video-primary:hover, .sps-survey__video-secondary:hover, .sps-survey__related-card:hover { transform: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-guarantee { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-red: #b7483e; --sps-red-soft: #fff2f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 48%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-guarantee *, .sps-guarantee *::before, .sps-guarantee *::after { box-sizing: border-box; } .sps-guarantee a { -webkit-tap-highlight-color: transparent; } .sps-guarantee__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-guarantee__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-guarantee__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-guarantee__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.7rem; font-weight: 900; } .sps-guarantee__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-guarantee__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-guarantee__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 910px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-guarantee__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-guarantee__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-guarantee__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-guarantee__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-guarantee__intro strong { color: var(--sps-navy); } /* ========================================================== MAIN ========================================================== */ .sps-guarantee__main { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr); gap: 22px; align-items: stretch; } /* MEANING */ .sps-guarantee__meaning { padding: clamp(25px, 4vw, 34px); border: 1px solid var(--sps-border); border-radius: 21px; background: var(--sps-white); box-shadow: 0 14px 36px rgba(7, 59, 92, 0.06); } .sps-guarantee__kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-guarantee__meaning h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } .sps-guarantee__meaning > p:not( .sps-guarantee__kicker ) { margin: 10px 0 0; color: var(--sps-text); font-size: 0.88rem; line-height: 1.62; } .sps-guarantee__meaning strong { color: var(--sps-navy); } /* KEY POINTS */ .sps-guarantee__key-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 21px; } .sps-guarantee__key-point { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 10px; align-items: center; padding: 13px; border-radius: 12px; background: var(--sps-aqua-soft); } .sps-guarantee__key-point > span { display: inline-flex; width: 35px; height: 35px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-teal); color: var(--sps-white); font-size: 0.63rem; font-weight: 900; } .sps-guarantee__key-point p { margin: 0; color: var(--sps-muted); font-size: 0.75rem; line-height: 1.45; } .sps-guarantee__key-point strong { color: var(--sps-navy); } /* ========================================================== BADGE BOX ========================================================== */ .sps-guarantee__badge-box { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: clamp(27px, 4vw, 36px); border-radius: 21px; background: linear-gradient( 145deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); text-align: center; box-shadow: 0 18px 43px rgba(7, 59, 92, 0.17); } .sps-guarantee__shield { display: inline-flex; width: 66px; height: 66px; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.35); border-radius: 20px 20px 24px 24px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.35rem; font-weight: 900; } .sps-guarantee__badge-eyebrow { margin: 17px 0 5px; color: var(--sps-teal-light); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.075em; } .sps-guarantee__badge-box h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.65rem, 3vw, 2.1rem); font-weight: 900; line-height: 1.15; } .sps-guarantee__badge-box h3 span { display: block; color: var(--sps-orange); } .sps-guarantee__badge-box > p:not( .sps-guarantee__badge-eyebrow ) { margin: 13px 0 0; color: rgba(255, 255, 255, 0.79); font-size: 0.8rem; line-height: 1.55; } /* TAGS */ .sps-guarantee__badge-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 16px; } .sps-guarantee__badge-tags span { padding: 6px 8px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.88); font-size: 0.64rem; font-weight: 750; } /* OFFICIAL LINK */ .sps-guarantee__official-link { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 8px; margin-top: auto; padding: 11px 14px; border-radius: 10px; background: var(--sps-white); color: var(--sps-navy); font-size: 0.78rem; font-weight: 850; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-guarantee__official-link:hover { transform: translateY(-1px); background: var(--sps-orange); text-decoration: none; } /* ========================================================== SECTION HEAD ========================================================== */ .sps-guarantee__section-head { margin-bottom: 17px; } .sps-guarantee__section-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-guarantee__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } /* ========================================================== PROCESS ========================================================== */ .sps-guarantee__process { margin-top: clamp(42px, 6vw, 61px); } .sps-guarantee__steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 18px; background: var(--sps-border); list-style: none; } .sps-guarantee__step { min-width: 0; padding: 20px 17px; background: var(--sps-white); } .sps-guarantee__step > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.66rem; font-weight: 900; } .sps-guarantee__step strong { display: block; color: var(--sps-navy); font-size: 0.83rem; font-weight: 850; line-height: 1.38; } .sps-guarantee__step p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.74rem; line-height: 1.49; } /* ========================================================== CLARITY ========================================================== */ .sps-guarantee__clarity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(41px, 6vw, 59px); } .sps-guarantee__clarity-box { min-width: 0; padding: clamp(22px, 3.5vw, 28px); border-radius: 18px; } .sps-guarantee__clarity-box--no { border: 1px solid rgba(183, 72, 62, 0.22); background: var(--sps-red-soft); } .sps-guarantee__clarity-box--yes { border: 1px solid rgba(0, 140, 131, 0.22); background: var(--sps-aqua-soft); } .sps-guarantee__clarity-head { display: flex; align-items: center; gap: 11px; } .sps-guarantee__clarity-head > span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; font-size: 1rem; font-weight: 900; } .sps-guarantee__clarity-box--no .sps-guarantee__clarity-head > span { background: var(--sps-red); color: var(--sps-white); } .sps-guarantee__clarity-box--yes .sps-guarantee__clarity-head > span { background: var(--sps-teal); color: var(--sps-white); } .sps-guarantee__clarity-head h3 { margin: 0; color: var(--sps-navy); font-size: 1.1rem; font-weight: 850; } .sps-guarantee__clarity-box ul { display: grid; gap: 8px; margin: 18px 0 0; padding-left: 19px; color: var(--sps-text); font-size: 0.81rem; line-height: 1.5; } /* ========================================================== RESULT ========================================================== */ .sps-guarantee__result { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(40px, 5vw, 51px); padding: clamp(22px, 3.6vw, 29px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #eaf8f8 0%, #ffffff 100% ); } .sps-guarantee__result-icon { display: inline-flex; width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-guarantee__result-kicker { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-guarantee__result h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-guarantee__result-copy > p:not( .sps-guarantee__result-kicker, .sps-guarantee__result-note ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-guarantee__result strong { color: var(--sps-navy); } .sps-guarantee__result-items { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .sps-guarantee__result-items span { padding: 6px 9px; border-radius: 999px; background: var(--sps-white); color: var(--sps-navy); font-size: 0.68rem; font-weight: 800; } .sps-guarantee__result-note { margin: 14px 0 0; color: var(--sps-muted); font-size: 0.72rem; line-height: 1.5; } /* ========================================================== OFFICIAL ========================================================== */ .sps-guarantee__official { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 22px; padding: 20px 21px; border: 1px solid var(--sps-border); border-radius: 16px; background: var(--sps-white); } .sps-guarantee__official-eyebrow { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.07em; } .sps-guarantee__official h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.05rem, 1.9vw, 1.3rem); font-weight: 850; } .sps-guarantee__official p:not( .sps-guarantee__official-eyebrow ) { max-width: 720px; margin: 5px 0 0; color: var(--sps-muted); font-size: 0.78rem; line-height: 1.5; } .sps-guarantee__official-button { display: inline-flex; flex: 0 0 auto; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.78rem; font-weight: 850; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-guarantee__official-button:hover { transform: translateY(-1px); background: var(--sps-teal); text-decoration: none; } /* ========================================================== CTA ========================================================== */ .sps-guarantee__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.48fr); gap: 30px; align-items: center; margin-top: clamp(48px, 7vw, 72px); padding: clamp(28px, 5vw, 42px); overflow: hidden; border-radius: 24px; background: linear-gradient( 115deg, var(--sps-navy) 0%, #075b89 72%, #087779 100% ); color: var(--sps-white); box-shadow: 0 22px 52px rgba(7, 59, 92, 0.2); } .sps-guarantee__cta::after { content: ""; position: absolute; right: -90px; bottom: -115px; width: 290px; height: 290px; border: 38px solid rgba(255, 255, 255, 0.035); border-radius: 50%; pointer-events: none; } .sps-guarantee__cta-copy { position: relative; z-index: 1; min-width: 0; } .sps-guarantee__cta-eyebrow { margin: 0 0 6px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-guarantee__cta h3 { max-width: 720px; margin: 0; color: var(--sps-white); font-size: clamp(1.55rem, 3.2vw, 2.35rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.025em; } .sps-guarantee__cta-copy > p:not( .sps-guarantee__cta-eyebrow ) { max-width: 760px; margin: 12px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.88rem; line-height: 1.62; } .sps-guarantee__cta-copy strong { color: var(--sps-white); } /* CTA POINTS */ .sps-guarantee__cta-points { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; } .sps-guarantee__cta-points span { display: inline-flex; padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.92); font-size: 0.68rem; font-weight: 750; } /* ========================================================== CTA ACTIONS ========================================================== */ .sps-guarantee__cta-actions { position: relative; z-index: 1; display: grid; gap: 11px; } .sps-guarantee__cta-button { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 13px; align-items: center; width: 100%; min-height: 82px; padding: 14px 16px; border: 2px solid transparent; border-radius: 15px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .sps-guarantee__cta-button--phone { background: var(--sps-orange); color: var(--sps-navy); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13); } .sps-guarantee__cta-button--whatsapp { border-color: rgba(255, 255, 255, 0.25); background: var(--sps-white); color: var(--sps-navy); } .sps-guarantee__cta-button-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, 0.74); color: var(--sps-navy); font-size: 0.88rem; font-weight: 900; } .sps-guarantee__cta-button small { display: block; margin: 0 0 2px; color: inherit; opacity: 0.72; font-size: 0.61rem; font-weight: 900; letter-spacing: 0.06em; } .sps-guarantee__cta-button strong { display: block; color: inherit; font-size: 1.08rem; font-weight: 900; line-height: 1.2; } .sps-guarantee__cta-button em { display: block; margin-top: 3px; color: inherit; opacity: 0.77; font-size: 0.7rem; font-style: normal; font-weight: 750; } .sps-guarantee__cta-button:hover { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(0, 0, 0, 0.17); text-decoration: none; } .sps-guarantee__cta-button--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-guarantee__cta-button--whatsapp:hover { background: #f3fbfb; } /* CTA NOTE */ .sps-guarantee__cta-note { position: relative; z-index: 1; grid-column: 1 / -1; margin: 2px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.7); font-size: 0.73rem; line-height: 1.5; text-align: center; } .sps-guarantee__cta-note strong { color: var(--sps-white); } /* ========================================================== FOCUS ========================================================== */ .sps-guarantee a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-guarantee__title, .sps-guarantee__direct-answer, .sps-guarantee__meaning, .sps-guarantee__badge-box, .sps-guarantee__step, .sps-guarantee__clarity-box, .sps-guarantee__result, .sps-guarantee__official, .sps-guarantee__cta, .sps-guarantee__cta-button { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== DESKTOP MEDIO ========================================================== */ @media screen and (max-width: 1050px) { .sps-guarantee__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-guarantee__main { grid-template-columns: 1fr; } .sps-guarantee__cta { grid-template-columns: 1fr; } .sps-guarantee__cta-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-guarantee { padding: 52px 11px; } .sps-guarantee__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-guarantee__clarity { grid-template-columns: 1fr; } .sps-guarantee__official { align-items: stretch; flex-direction: column; } .sps-guarantee__official-button { width: 100%; } .sps-guarantee__cta-actions { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-guarantee { padding: 45px 8px; } .sps-guarantee__header { margin-bottom: 30px; } .sps-guarantee__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-guarantee__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-guarantee__direct-icon { width: 44px; height: 44px; } .sps-guarantee__meaning { padding: 21px 17px; } .sps-guarantee__key-points { grid-template-columns: 1fr; } .sps-guarantee__badge-box { padding: 26px 19px; } .sps-guarantee__steps { grid-template-columns: 1fr; } .sps-guarantee__step { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 17px 15px; } .sps-guarantee__step > span { margin-bottom: 0; } .sps-guarantee__result { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-guarantee__result-icon { width: 46px; height: 46px; } .sps-guarantee__cta { padding: 25px 17px; border-radius: 19px; } .sps-guarantee__cta h3 { font-size: clamp(1.45rem, 8vw, 1.95rem); } .sps-guarantee__cta-button { grid-template-columns: 47px minmax(0, 1fr); min-height: 79px; padding: 13px 14px; } .sps-guarantee__cta-button-icon { width: 45px; height: 45px; border-radius: 13px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-guarantee__key-point { grid-template-columns: 34px minmax(0, 1fr); } .sps-guarantee__clarity-box { padding: 19px 16px; } .sps-guarantee__cta-points { display: grid; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-guarantee__official-link, .sps-guarantee__official-button, .sps-guarantee__cta-button { transition: none; } .sps-guarantee__official-link:hover, .sps-guarantee__official-button:hover, .sps-guarantee__cta-button:hover { transform: none; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-wood { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 48%, #f6fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-wood *, .sps-wood *::before, .sps-wood *::after { box-sizing: border-box; } .sps-wood a { -webkit-tap-highlight-color: transparent; } .sps-wood__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-wood__header { width: min(930px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-wood__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-wood__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.73rem; font-weight: 900; } .sps-wood__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-wood__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-wood__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 900px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-wood__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-wood__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-wood__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-wood__intro { max-width: 815px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-wood__intro strong { color: var(--sps-navy); } /* ========================================================== PRINCIPLE ========================================================== */ .sps-wood__principle { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr); gap: clamp(27px, 5vw, 46px); align-items: center; padding: clamp(26px, 4.5vw, 39px); border: 1px solid var(--sps-border); border-radius: 22px; background: var(--sps-white); box-shadow: 0 16px 40px rgba(7, 59, 92, 0.07); } .sps-wood__kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wood__principle h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.025em; } .sps-wood__principle-copy > p:not( .sps-wood__kicker ) { margin: 11px 0 0; color: var(--sps-text); font-size: 0.89rem; line-height: 1.62; } .sps-wood__principle-copy strong { color: var(--sps-navy); } /* HIGHLIGHT */ .sps-wood__principle-highlight { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 20px; padding: 14px 15px; border-radius: 13px; background: var(--sps-aqua); } .sps-wood__principle-highlight > span { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.72rem; font-weight: 900; } .sps-wood__principle-highlight p { margin: 0; color: var(--sps-text); font-size: 0.81rem; line-height: 1.52; } /* ========================================================== DIAGRAM ========================================================== */ .sps-wood__diagram { min-width: 0; padding: 18px; border: 1px solid var(--sps-border); border-radius: 18px; background: linear-gradient( 180deg, #fff8ee 0%, #f3f9f9 100% ); text-align: center; } .sps-wood__timber { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .sps-wood__beam { padding: 14px 6px; border-radius: 7px; background: linear-gradient( 180deg, #9a6b3f 0%, #76502f 100% ); color: var(--sps-white); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.05em; } .sps-wood__existing-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; padding: 9px 10px; border-radius: 8px; background: #ead8c3; } .sps-wood__existing-label strong { color: #684529; font-size: 0.62rem; } .sps-wood__existing-label span { color: var(--sps-orange-dark); font-size: 0.58rem; font-weight: 900; } .sps-wood__gap { display: flex; min-height: 72px; align-items: center; justify-content: center; margin: 5px 0; border-right: 1px dashed rgba(0, 140, 131, 0.32); border-left: 1px dashed rgba(0, 140, 131, 0.32); background: repeating-linear-gradient( 135deg, #f3fafa, #f3fafa 8px, #e8f5f5 8px, #e8f5f5 16px ); } .sps-wood__gap span { color: var(--sps-teal-dark); font-size: 0.62rem; font-weight: 900; } .sps-wood__support-system { display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; gap: 5px; } .sps-wood__side-wall { display: flex; min-height: 93px; align-items: center; justify-content: center; border-radius: 7px; background: var(--sps-navy); } .sps-wood__side-wall span { color: var(--sps-white); font-size: 0.58rem; font-weight: 900; writing-mode: vertical-rl; transform: rotate(180deg); } .sps-wood__acoustic-system { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; padding: 14px; border-radius: 7px; background: var(--sps-orange); } .sps-wood__acoustic-system span { color: var(--sps-navy); font-size: 0.65rem; font-weight: 900; } .sps-wood__acoustic-system small { margin-top: 4px; color: rgba(7, 59, 92, 0.74); font-size: 0.58rem; font-weight: 750; } .sps-wood__support-caption { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; color: var(--sps-teal); } .sps-wood__support-caption strong { color: var(--sps-navy); font-size: 0.65rem; } .sps-wood__diagram > p { margin: 10px 0 0; color: var(--sps-muted); font-size: 0.61rem; line-height: 1.4; } /* ========================================================== DIFFERENCES ========================================================== */ .sps-wood__differences { margin-top: clamp(42px, 6vw, 61px); } .sps-wood__section-head { margin-bottom: 17px; } .sps-wood__section-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wood__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } .sps-wood__differences-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sps-wood__difference { min-width: 0; padding: 19px 17px; border: 1px solid var(--sps-border); border-radius: 16px; background: var(--sps-white); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); } .sps-wood__difference > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-wood__difference h4 { margin: 0; color: var(--sps-navy); font-size: 0.89rem; font-weight: 850; line-height: 1.37; } .sps-wood__difference p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.5; } .sps-wood__difference strong { color: var(--sps-navy); } /* ========================================================== WARNING ========================================================== */ .sps-wood__warning { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(39px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-wood__warning-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1.15rem; font-weight: 900; } .sps-wood__warning-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wood__warning h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-wood__warning p:not( .sps-wood__warning-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-wood__warning strong { color: var(--sps-navy); } /* ========================================================== SPECIALIST PAGE ========================================================== */ .sps-wood__specialist { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr); gap: 27px; align-items: center; margin-top: clamp(42px, 6vw, 60px); padding: clamp(24px, 4vw, 32px); border-radius: 21px; background: linear-gradient( 110deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); box-shadow: 0 18px 43px rgba(7, 59, 92, 0.17); } .sps-wood__specialist-kicker { margin: 0 0 5px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-wood__specialist h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.2rem, 2.4vw, 1.65rem); font-weight: 850; line-height: 1.34; } .sps-wood__specialist-copy > p:not( .sps-wood__specialist-kicker ) { margin: 8px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.86rem; line-height: 1.6; } .sps-wood__specialist-copy strong { color: var(--sps-white); } .sps-wood__specialist-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .sps-wood__specialist-tags span { padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); font-size: 0.67rem; font-weight: 750; } /* BUTTON */ .sps-wood__specialist-button { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 72px; padding: 14px 15px; border-radius: 12px; background: var(--sps-orange); color: var(--sps-navy); text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-wood__specialist-button > span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-white); font-weight: 900; } .sps-wood__specialist-button strong { display: block; color: inherit; font-size: 0.82rem; font-weight: 900; } .sps-wood__specialist-button small { display: block; margin-top: 3px; color: inherit; opacity: 0.77; font-size: 0.68rem; } .sps-wood__specialist-button:hover { transform: translateY(-2px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== CTA ========================================================== */ .sps-wood__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.52fr); gap: 25px; align-items: center; margin-top: 23px; padding: clamp(22px, 3.7vw, 29px); border: 1px solid var(--sps-border); border-radius: 18px; background: var(--sps-white); box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-wood__cta-kicker { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.07em; } .sps-wood__cta h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.4rem); font-weight: 850; line-height: 1.36; } .sps-wood__cta-copy > p:not( .sps-wood__cta-kicker ) { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.83rem; line-height: 1.56; } .sps-wood__cta-copy strong { color: var(--sps-navy); } .sps-wood__cta-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .sps-wood__cta-button { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 65px; padding: 11px 12px; border-radius: 11px; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-wood__cta-button--phone { background: var(--sps-orange); color: var(--sps-navy); } .sps-wood__cta-button--whatsapp { border: 1px solid var(--sps-border); background: var(--sps-aqua-soft); color: var(--sps-navy); } .sps-wood__cta-button > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 11px; background: var(--sps-white); color: var(--sps-navy); font-size: 0.72rem; font-weight: 900; } .sps-wood__cta-button small { display: block; color: inherit; opacity: 0.68; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.05em; } .sps-wood__cta-button strong { display: block; margin-top: 2px; color: inherit; font-size: 0.78rem; font-weight: 900; line-height: 1.25; } .sps-wood__cta-button:hover { transform: translateY(-1px); text-decoration: none; } .sps-wood__cta-button--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-wood__cta-button--whatsapp:hover { background: var(--sps-aqua); } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-wood a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-wood__title, .sps-wood__direct-answer, .sps-wood__principle, .sps-wood__diagram, .sps-wood__difference, .sps-wood__warning, .sps-wood__specialist, .sps-wood__cta, .sps-wood__cta-button { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-wood__principle { grid-template-columns: 1fr; } .sps-wood__differences-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-wood__specialist { grid-template-columns: 1fr; } .sps-wood__cta { grid-template-columns: 1fr; } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-wood { padding: 52px 11px; } .sps-wood__cta-actions { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-wood { padding: 45px 8px; } .sps-wood__header { margin-bottom: 30px; } .sps-wood__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-wood__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-wood__direct-icon { width: 44px; height: 44px; } .sps-wood__principle { padding: 20px 16px; border-radius: 18px; } .sps-wood__existing-label { align-items: flex-start; flex-direction: column; } .sps-wood__support-system { grid-template-columns: 40px minmax(0, 1fr) 40px; } .sps-wood__differences-grid { grid-template-columns: 1fr; } .sps-wood__difference { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 16px 15px; } .sps-wood__difference > span { margin-bottom: 0; } .sps-wood__warning { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-wood__warning-icon { width: 46px; height: 46px; } .sps-wood__specialist { padding: 22px 17px; } .sps-wood__cta { padding: 20px 16px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-wood__principle-highlight { grid-template-columns: 1fr; } .sps-wood__timber { gap: 6px; } .sps-wood__beam { padding: 12px 3px; font-size: 0.54rem; } .sps-wood__support-caption { gap: 5px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-wood__specialist-button, .sps-wood__cta-button { transition: none; } .sps-wood__specialist-button:hover, .sps-wood__cta-button:hover { transform: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-geo { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 50%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-geo *, .sps-geo *::before, .sps-geo *::after { box-sizing: border-box; } .sps-geo a { -webkit-tap-highlight-color: transparent; } .sps-geo__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-geo__header { width: min(940px, 100%); margin: 0 auto clamp(36px, 5vw, 51px); text-align: center; } .sps-geo__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sps-geo__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.76rem; font-weight: 900; } .sps-geo__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-geo__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-geo__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 905px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-geo__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1.05rem; font-weight: 900; } .sps-geo__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-geo__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-geo__intro { max-width: 830px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-geo__intro strong { color: var(--sps-navy); } /* ========================================================== SECTION HEAD ========================================================== */ .sps-geo__section-head { max-width: 860px; margin-bottom: 18px; } .sps-geo__section-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-geo__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.35rem, 2.8vw, 1.95rem); font-weight: 850; line-height: 1.3; } .sps-geo__section-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.85rem; line-height: 1.58; } .sps-geo__section-head strong { color: var(--sps-navy); } /* ========================================================== LOCAL ========================================================== */ .sps-geo__local { margin-top: 0; } .sps-geo__local-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } /* CITY CARD */ .sps-geo__city { display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: clamp(24px, 4vw, 32px); border: 1px solid var(--sps-border); border-top: 6px solid var(--sps-teal); border-radius: 21px; background: var(--sps-white); box-shadow: 0 15px 38px rgba(7, 59, 92, 0.07); } .sps-geo__city--roma { border-top-color: var(--sps-orange); } .sps-geo__city-top { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 15px; align-items: center; } .sps-geo__city-code { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 17px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-geo__city--roma .sps-geo__city-code { background: var(--sps-orange); color: var(--sps-navy); } .sps-geo__city-top p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.065em; } .sps-geo__city--roma .sps-geo__city-top p { color: var(--sps-orange-dark); } .sps-geo__city-top h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.13rem, 2.2vw, 1.47rem); font-weight: 850; line-height: 1.34; } .sps-geo__city-copy { margin: 19px 0 0; color: var(--sps-text); font-size: 0.87rem; line-height: 1.6; } .sps-geo__city-copy strong { color: var(--sps-navy); } /* CITY FEATURES */ .sps-geo__city-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sps-geo__city-features li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 7px; align-items: center; color: var(--sps-muted); font-size: 0.76rem; font-weight: 750; line-height: 1.4; } .sps-geo__city-features li span { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.56rem; font-weight: 900; } /* CITY LINK */ .sps-geo__city-link { display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 10px; align-items: center; margin-top: auto; padding-top: 22px; color: var(--sps-text); text-decoration: none; } .sps-geo__city-link > span { display: block; grid-column: 1; color: var(--sps-muted); font-size: 0.67rem; } .sps-geo__city-link strong { display: block; grid-column: 1; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; } .sps-geo__city-link b { display: inline-flex; grid-column: 2; grid-row: 1 / 3; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); color: var(--sps-white); font-size: 0.9rem; transition: transform 180ms ease, background-color 180ms ease; } .sps-geo__city-link:hover { text-decoration: none; } .sps-geo__city-link:hover b { transform: translateX(2px); background: var(--sps-teal); } /* ========================================================== COVERAGE ========================================================== */ .sps-geo__coverage { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: 23px; align-items: stretch; margin-top: clamp(44px, 6vw, 64px); } .sps-geo__coverage-copy { padding: clamp(24px, 4vw, 32px); border: 1px solid var(--sps-border); border-radius: 20px; background: var(--sps-white); box-shadow: 0 12px 32px rgba(7, 59, 92, 0.055); } .sps-geo__coverage-kicker { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-geo__coverage-copy h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.3rem, 2.6vw, 1.8rem); font-weight: 850; line-height: 1.3; } .sps-geo__coverage-copy > p:not( .sps-geo__coverage-kicker, .sps-geo__coverage-note ) { margin: 9px 0 0; color: var(--sps-text); font-size: 0.87rem; line-height: 1.61; } .sps-geo__coverage-copy strong { color: var(--sps-navy); } /* REGIONS */ .sps-geo__regions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; } .sps-geo__regions span { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 11px; border: 1px solid rgba(0, 140, 131, 0.17); border-radius: 999px; background: var(--sps-aqua-soft); color: var(--sps-navy); font-size: 0.72rem; font-weight: 800; } .sps-geo__coverage-note { margin: 17px 0 0; color: var(--sps-muted); font-size: 0.75rem; line-height: 1.5; } /* COVERAGE BOX */ .sps-geo__coverage-box { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: clamp(25px, 4vw, 33px); border-radius: 20px; background: linear-gradient( 145deg, var(--sps-navy) 0%, var(--sps-blue) 100% ); color: var(--sps-white); text-align: center; box-shadow: 0 17px 40px rgba(7, 59, 92, 0.15); } .sps-geo__coverage-icon { display: inline-flex; width: 61px; height: 61px; align-items: center; justify-content: center; border-radius: 18px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.95rem; font-weight: 900; } .sps-geo__coverage-box > p { margin: 15px 0 4px; color: var(--sps-teal-light); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.07em; } .sps-geo__coverage-box > h3 { margin: 0; color: var(--sps-white); font-size: 1.5rem; font-weight: 900; } /* DATA */ .sps-geo__coverage-data { display: grid; gap: 8px; width: 100%; margin-top: 20px; } .sps-geo__coverage-data > div { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; padding: 11px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 11px; background: rgba(255, 255, 255, 0.07); text-align: left; } .sps-geo__coverage-data span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 9px; background: rgba(255, 255, 255, 0.13); color: var(--sps-white); font-size: 0.62rem; font-weight: 900; } .sps-geo__coverage-data p { margin: 0; color: rgba(255, 255, 255, 0.81); font-size: 0.72rem; line-height: 1.45; } .sps-geo__coverage-data strong { color: var(--sps-white); } /* COVERAGE LINK */ .sps-geo__coverage-link { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 8px; margin-top: auto; padding: 11px 14px; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.77rem; font-weight: 900; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sps-geo__coverage-link:hover { transform: translateY(-1px); background: var(--sps-orange-dark); color: var(--sps-white); text-decoration: none; } /* ========================================================== CITIES ========================================================== */ .sps-geo__cities { margin-top: clamp(42px, 6vw, 59px); } .sps-geo__cities-head { max-width: 850px; } .sps-geo__cities-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-geo__cities-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.28rem, 2.55vw, 1.75rem); font-weight: 850; line-height: 1.3; } .sps-geo__cities-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.83rem; line-height: 1.56; } .sps-geo__cities-head strong { color: var(--sps-navy); } .sps-geo__cities-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; } .sps-geo__cities-list span { display: inline-flex; align-items: center; justify-content: center; min-height: 37px; padding: 8px 13px; border: 1px solid var(--sps-border); border-radius: 999px; background: var(--sps-white); color: var(--sps-navy); font-size: 0.73rem; font-weight: 800; box-shadow: 0 5px 15px rgba(7, 59, 92, 0.035); } /* ========================================================== CLARIFICATION ========================================================== */ .sps-geo__clarification { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(39px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #eaf8f8 0%, #ffffff 100% ); } .sps-geo__clarification-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-geo__clarification-kicker { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-geo__clarification h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-geo__clarification p:not( .sps-geo__clarification-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.85rem; line-height: 1.59; } .sps-geo__clarification strong { color: var(--sps-navy); } /* ========================================================== CTA ========================================================== */ .sps-geo__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr); gap: 30px; align-items: center; margin-top: clamp(48px, 7vw, 70px); padding: clamp(28px, 5vw, 42px); overflow: hidden; border-radius: 23px; background: linear-gradient( 115deg, var(--sps-navy) 0%, var(--sps-blue) 72%, #087779 100% ); color: var(--sps-white); box-shadow: 0 22px 52px rgba(7, 59, 92, 0.2); } .sps-geo__cta-copy { position: relative; z-index: 1; min-width: 0; } .sps-geo__cta-eyebrow { margin: 0 0 6px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-geo__cta h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.55rem, 3.2vw, 2.3rem); font-weight: 850; line-height: 1.21; letter-spacing: -0.025em; } .sps-geo__cta-copy > p:not( .sps-geo__cta-eyebrow ) { max-width: 750px; margin: 11px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.87rem; line-height: 1.61; } .sps-geo__cta-copy strong { color: var(--sps-white); } /* CTA TAGS */ .sps-geo__cta-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; } .sps-geo__cta-tags span { padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.92); font-size: 0.68rem; font-weight: 750; } /* CTA ACTIONS */ .sps-geo__cta-actions { position: relative; z-index: 1; display: grid; gap: 11px; } .sps-geo__cta-button { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 13px; align-items: center; min-height: 82px; padding: 14px 16px; border: 2px solid transparent; border-radius: 15px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .sps-geo__cta-button--phone { background: var(--sps-orange); color: var(--sps-navy); } .sps-geo__cta-button--whatsapp { background: var(--sps-white); color: var(--sps-navy); } .sps-geo__cta-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, 0.74); color: var(--sps-navy); font-size: 0.86rem; font-weight: 900; } .sps-geo__cta-button small { display: block; color: inherit; opacity: 0.7; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.06em; } .sps-geo__cta-button strong { display: block; margin-top: 2px; color: inherit; font-size: 1.06rem; font-weight: 900; } .sps-geo__cta-button em { display: block; margin-top: 3px; color: inherit; opacity: 0.76; font-size: 0.69rem; font-style: normal; font-weight: 750; } .sps-geo__cta-button:hover { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(0, 0, 0, 0.16); text-decoration: none; } .sps-geo__cta-button--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-geo__cta-button--whatsapp:hover { background: #f3fbfb; } /* CTA NOTE */ .sps-geo__cta-note { position: relative; z-index: 1; grid-column: 1 / -1; margin: 2px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.7); font-size: 0.72rem; line-height: 1.5; text-align: center; } .sps-geo__cta-note strong { color: var(--sps-white); } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-geo a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW ========================================================== */ .sps-geo__title, .sps-geo__direct-answer, .sps-geo__city, .sps-geo__coverage, .sps-geo__coverage-box, .sps-geo__clarification, .sps-geo__cta, .sps-geo__cta-button { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 920px) { .sps-geo__coverage { grid-template-columns: 1fr; } .sps-geo__cta { grid-template-columns: 1fr; } .sps-geo__cta-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-geo { padding: 52px 11px; } .sps-geo__local-grid { grid-template-columns: 1fr; } .sps-geo__cta-actions { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-geo { padding: 45px 8px; } .sps-geo__header { margin-bottom: 30px; } .sps-geo__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-geo__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-geo__direct-icon { width: 44px; height: 44px; } .sps-geo__city { padding: 21px 17px; border-radius: 18px; } .sps-geo__city-top { grid-template-columns: 50px minmax(0, 1fr); gap: 11px; } .sps-geo__city-code { width: 48px; height: 48px; border-radius: 14px; } .sps-geo__city-features { grid-template-columns: 1fr; } .sps-geo__coverage-copy { padding: 20px 16px; } .sps-geo__coverage-box { padding: 23px 17px; } .sps-geo__clarification { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-geo__clarification-icon { width: 46px; height: 46px; } .sps-geo__cta { padding: 25px 17px; border-radius: 19px; } .sps-geo__cta h3 { font-size: clamp(1.45rem, 8vw, 1.95rem); } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-geo__regions span, .sps-geo__cities-list span { width: 100%; justify-content: flex-start; } .sps-geo__cta-tags { display: grid; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-geo__city-link b, .sps-geo__coverage-link, .sps-geo__cta-button { transition: none; } .sps-geo__city-link:hover b, .sps-geo__coverage-link:hover, .sps-geo__cta-button:hover { transform: none; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-proof { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 48%, #f5fbfb 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-proof *, .sps-proof *::before, .sps-proof *::after { box-sizing: border-box; } .sps-proof a { -webkit-tap-highlight-color: transparent; } .sps-proof__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-proof__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-proof__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sps-proof__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.71rem; } .sps-proof__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-proof__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-proof__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 905px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-proof__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-proof__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-proof__direct-answer strong { color: var(--sps-navy); font-weight: 850; } .sps-proof__intro { max-width: 820px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-proof__intro strong { color: var(--sps-navy); } /* ========================================================== RESOURCES ========================================================== */ .sps-proof__resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .sps-proof__resource { display: flex; flex-direction: column; min-width: 0; padding: clamp(24px, 4vw, 32px); border: 1px solid var(--sps-border); border-top: 6px solid var(--sps-teal); border-radius: 21px; background: var(--sps-white); box-shadow: 0 15px 38px rgba(7, 59, 92, 0.07); } .sps-proof__resource--written { border-top-color: var(--sps-orange); } .sps-proof__resource-top { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 14px; align-items: center; } .sps-proof__resource-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-teal); color: var(--sps-white); font-size: 0.85rem; font-weight: 900; } .sps-proof__resource--written .sps-proof__resource-icon { background: var(--sps-orange); color: var(--sps-navy); font-size: 1.5rem; } .sps-proof__resource-top p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.07em; } .sps-proof__resource--written .sps-proof__resource-top p { color: var(--sps-orange-dark); } .sps-proof__resource-top h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.12rem, 2.1vw, 1.45rem); font-weight: 850; line-height: 1.34; } .sps-proof__resource-copy { margin: 19px 0 0; color: var(--sps-text); font-size: 0.87rem; line-height: 1.6; } .sps-proof__resource-copy strong { color: var(--sps-navy); } /* RESOURCE LIST */ .sps-proof__resource-list { display: grid; gap: 8px; margin: 19px 0 0; padding: 0; list-style: none; } .sps-proof__resource-list li { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 8px; align-items: center; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.44; } .sps-proof__resource-list li span { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.55rem; font-weight: 900; } /* RESOURCE BUTTON */ .sps-proof__resource-button { display: grid; grid-template-columns: 40px minmax(0, 1fr) 29px; gap: 11px; align-items: center; min-height: 70px; margin-top: auto; padding: 14px 15px; border-radius: 12px; background: var(--sps-navy); color: var(--sps-white); text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .sps-proof__resource-list + .sps-proof__resource-button { margin-top: 22px; } .sps-proof__resource-button > span { display: inline-flex; width: 39px; height: 39px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.7rem; font-weight: 900; } .sps-proof__resource-button strong { display: block; color: var(--sps-white); font-size: 0.82rem; font-weight: 850; } .sps-proof__resource-button small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.7); font-size: 0.68rem; } .sps-proof__resource-button b { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.11); color: var(--sps-white); } .sps-proof__resource-button:hover { transform: translateY(-2px); background: var(--sps-teal); text-decoration: none; } /* ========================================================== SECTION HEAD ========================================================== */ .sps-proof__section-head { max-width: 850px; margin-bottom: 18px; } .sps-proof__section-head > p:first-child { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-proof__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } .sps-proof__section-head > p:last-child { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.85rem; line-height: 1.58; } .sps-proof__section-head strong { color: var(--sps-navy); } /* ========================================================== HOW ========================================================== */ .sps-proof__how { margin-top: clamp(42px, 6vw, 61px); } .sps-proof__how-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sps-proof__how-item { min-width: 0; padding: 19px 17px; border: 1px solid var(--sps-border); border-radius: 16px; background: var(--sps-white); box-shadow: 0 8px 23px rgba(7, 59, 92, 0.045); } .sps-proof__how-item > span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 11px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; } .sps-proof__how-item h4 { margin: 0; color: var(--sps-navy); font-size: 0.89rem; font-weight: 850; line-height: 1.37; } .sps-proof__how-item p { margin: 6px 0 0; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.5; } .sps-proof__how-item strong { color: var(--sps-navy); } /* ========================================================== CLARIFICATION ========================================================== */ .sps-proof__clarification { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: flex-start; margin-top: clamp(39px, 5vw, 50px); padding: clamp(21px, 3.5vw, 28px); border: 1px solid rgba(255, 133, 0, 0.27); border-left: 5px solid var(--sps-orange); border-radius: 0 18px 18px 0; background: linear-gradient( 110deg, #fff4e7 0%, #ffffff 100% ); } .sps-proof__clarification-icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--sps-orange); color: var(--sps-navy); font-size: 1rem; font-weight: 900; } .sps-proof__clarification-kicker { margin: 0 0 4px; color: var(--sps-orange-dark); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-proof__clarification h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.08rem, 2vw, 1.38rem); font-weight: 850; line-height: 1.36; } .sps-proof__clarification p:not( .sps-proof__clarification-kicker ) { margin: 8px 0 0; color: var(--sps-text); font-size: 0.86rem; line-height: 1.6; } .sps-proof__clarification strong { color: var(--sps-navy); } /* ========================================================== TRUST ========================================================== */ .sps-proof__trust { margin-top: clamp(42px, 6vw, 59px); } .sps-proof__trust-head { margin-bottom: 16px; } .sps-proof__trust-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-proof__trust-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.28rem, 2.55vw, 1.75rem); font-weight: 850; line-height: 1.3; } .sps-proof__trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 18px; background: var(--sps-border); } .sps-proof__trust-item { min-width: 0; padding: 20px 17px; background: var(--sps-white); } .sps-proof__trust-item span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; margin-bottom: 11px; border-radius: 10px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.65rem; font-weight: 900; } .sps-proof__trust-item strong { display: block; color: var(--sps-navy); font-size: 0.84rem; font-weight: 850; } .sps-proof__trust-item p { margin: 5px 0 0; color: var(--sps-muted); font-size: 0.73rem; line-height: 1.45; } /* ========================================================== CTA ========================================================== */ .sps-proof__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr); gap: 30px; align-items: center; margin-top: clamp(48px, 7vw, 70px); padding: clamp(28px, 5vw, 42px); border-radius: 23px; background: linear-gradient( 115deg, var(--sps-navy) 0%, var(--sps-blue) 72%, #087779 100% ); color: var(--sps-white); box-shadow: 0 22px 52px rgba(7, 59, 92, 0.2); } .sps-proof__cta-eyebrow { margin: 0 0 6px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-proof__cta h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.5rem, 3.1vw, 2.25rem); font-weight: 850; line-height: 1.22; } .sps-proof__cta-copy > p:not( .sps-proof__cta-eyebrow ) { margin: 11px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.87rem; line-height: 1.61; } .sps-proof__cta-copy strong { color: var(--sps-white); } .sps-proof__cta-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; } .sps-proof__cta-tags span { padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.92); font-size: 0.68rem; font-weight: 750; } /* CTA ACTIONS */ .sps-proof__cta-actions { display: grid; gap: 11px; } .sps-proof__cta-button { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 13px; align-items: center; min-height: 82px; padding: 14px 16px; border-radius: 15px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .sps-proof__cta-button--phone { background: var(--sps-orange); color: var(--sps-navy); } .sps-proof__cta-button--whatsapp { background: var(--sps-white); color: var(--sps-navy); } .sps-proof__cta-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, 0.74); color: var(--sps-navy); font-size: 0.86rem; font-weight: 900; } .sps-proof__cta-button small { display: block; color: inherit; opacity: 0.7; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.06em; } .sps-proof__cta-button strong { display: block; margin-top: 2px; color: inherit; font-size: 1.05rem; font-weight: 900; } .sps-proof__cta-button em { display: block; margin-top: 3px; color: inherit; opacity: 0.76; font-size: 0.69rem; font-style: normal; font-weight: 750; } .sps-proof__cta-button:hover { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(0, 0, 0, 0.16); text-decoration: none; } .sps-proof__cta-button--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-proof__cta-button--whatsapp:hover { background: #f3fbfb; } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-proof a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-proof__title, .sps-proof__direct-answer, .sps-proof__resource, .sps-proof__how-item, .sps-proof__clarification, .sps-proof__trust-item, .sps-proof__cta, .sps-proof__cta-button { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-proof__how-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-proof__trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-proof__cta { grid-template-columns: 1fr; } .sps-proof__cta-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 760px) { .sps-proof { padding: 52px 11px; } .sps-proof__resources { grid-template-columns: 1fr; } .sps-proof__cta-actions { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-proof { padding: 45px 8px; } .sps-proof__header { margin-bottom: 30px; } .sps-proof__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-proof__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-proof__direct-icon { width: 44px; height: 44px; } .sps-proof__resource { padding: 21px 17px; border-radius: 18px; } .sps-proof__how-grid { grid-template-columns: 1fr; } .sps-proof__how-item { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 16px 15px; } .sps-proof__how-item > span { margin-bottom: 0; } .sps-proof__clarification { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px; border-left-width: 4px; } .sps-proof__clarification-icon { width: 46px; height: 46px; } .sps-proof__trust-grid { grid-template-columns: 1fr; } .sps-proof__cta { padding: 25px 17px; border-radius: 19px; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-proof__resource-top { grid-template-columns: 47px minmax(0, 1fr); } .sps-proof__resource-icon { width: 45px; height: 45px; } .sps-proof__resource-button { grid-template-columns: 37px minmax(0, 1fr); } .sps-proof__resource-button b { display: none; } .sps-proof__cta-tags { display: grid; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-proof__resource-button, .sps-proof__cta-button { transition: none; } .sps-proof__resource-button:hover, .sps-proof__cta-button:hover { transform: none; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-faq { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(58px, 7vw, 92px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f4fafb 48%, #ffffff 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-faq *, .sps-faq *::before, .sps-faq *::after { box-sizing: border-box; } .sps-faq a { -webkit-tap-highlight-color: transparent; } .sps-faq__container { width: min(1100px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-faq__header { width: min(940px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-faq__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sps-faq__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.75rem; font-weight: 900; } .sps-faq__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.3rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-faq__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-faq__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 905px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-faq__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-faq__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-faq__direct-answer strong { color: var(--sps-navy); } .sps-faq__intro { max-width: 820px; margin: 18px auto 0; color: var(--sps-muted); font-size: 0.94rem; line-height: 1.66; } .sps-faq__intro strong { color: var(--sps-navy); } /* ========================================================== FAQ GRID ========================================================== */ .sps-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; } /* ========================================================== FAQ ITEM ========================================================== */ .sps-faq__item { min-width: 0; overflow: hidden; border: 1px solid var(--sps-border); border-radius: 15px; background: var(--sps-white); box-shadow: 0 7px 22px rgba(7, 59, 92, 0.045); } .sps-faq__item[open] { border-color: rgba(0, 140, 131, 0.31); box-shadow: 0 11px 28px rgba(7, 59, 92, 0.07); } /* SUMMARY */ .sps-faq__item summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) 34px; gap: 11px; align-items: center; min-height: 72px; padding: 15px 15px; cursor: pointer; list-style: none; user-select: none; } .sps-faq__item summary::-webkit-details-marker { display: none; } .sps-faq__item summary::marker { display: none; content: ""; } .sps-faq__number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.64rem; font-weight: 900; } .sps-faq__question { color: var(--sps-navy); font-size: clamp(0.84rem, 1.4vw, 0.94rem); font-weight: 850; line-height: 1.42; } /* PLUS / MINUS */ .sps-faq__toggle { position: relative; display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-navy); } .sps-faq__toggle::before, .sps-faq__toggle::after { content: ""; position: absolute; width: 12px; height: 2px; border-radius: 2px; background: var(--sps-white); transition: transform 180ms ease, opacity 180ms ease; } .sps-faq__toggle::after { transform: rotate(90deg); } .sps-faq__item[open] .sps-faq__toggle { background: var(--sps-teal); } .sps-faq__item[open] .sps-faq__toggle::after { opacity: 0; transform: rotate(0); } /* ANSWER */ .sps-faq__answer { padding: 0 18px 18px 64px; border-top: 1px solid var(--sps-border); } .sps-faq__answer > p { margin: 15px 0 0; color: var(--sps-text); font-size: 0.82rem; line-height: 1.6; } .sps-faq__answer strong { color: var(--sps-navy); } .sps-faq__answer-note { padding: 11px 12px; border-radius: 10px; background: var(--sps-yellow-soft); } /* LINKS */ .sps-faq__inline-link, .sps-faq__video-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--sps-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .sps-faq__inline-link:hover, .sps-faq__video-link:hover { color: var(--sps-orange-dark); } .sps-faq__video-link > span { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.55rem; text-decoration: none; } /* ========================================================== RECAP ========================================================== */ .sps-faq__recap { margin-top: clamp(42px, 6vw, 60px); overflow: hidden; border: 1px solid var(--sps-border); border-radius: 20px; background: var(--sps-white); box-shadow: 0 14px 35px rgba(7, 59, 92, 0.06); } .sps-faq__recap-head { padding: clamp(21px, 3.5vw, 28px); border-bottom: 1px solid var(--sps-border); background: linear-gradient( 105deg, var(--sps-aqua-soft) 0%, #ffffff 100% ); } .sps-faq__recap-head p { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.075em; } .sps-faq__recap-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.25rem, 2.5vw, 1.7rem); font-weight: 850; } /* RECAP GRID */ .sps-faq__recap-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--sps-border); } .sps-faq__recap-item { min-width: 0; padding: 20px 15px; background: var(--sps-white); text-align: center; } .sps-faq__recap-item span { display: block; color: var(--sps-muted); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.06em; } .sps-faq__recap-item strong { display: block; margin-top: 5px; color: var(--sps-navy); font-size: clamp(1.25rem, 2.6vw, 1.65rem); font-weight: 900; } .sps-faq__recap-item small { display: block; margin-top: 4px; color: var(--sps-muted); font-size: 0.68rem; line-height: 1.35; } .sps-faq__recap-note { margin: 0; padding: 14px 18px; border-top: 1px solid var(--sps-border); background: var(--sps-yellow-soft); color: var(--sps-muted); font-size: 0.75rem; line-height: 1.5; text-align: center; } .sps-faq__recap-note strong { color: var(--sps-navy); } /* ========================================================== CTA ========================================================== */ .sps-faq__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.46fr); gap: 29px; align-items: center; margin-top: clamp(48px, 7vw, 70px); padding: clamp(28px, 5vw, 41px); border-radius: 23px; background: linear-gradient( 115deg, var(--sps-navy) 0%, var(--sps-blue) 72%, #087779 100% ); color: var(--sps-white); box-shadow: 0 22px 52px rgba(7, 59, 92, 0.2); } .sps-faq__cta-eyebrow { margin: 0 0 6px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-faq__cta h3 { margin: 0; color: var(--sps-white); font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 850; line-height: 1.22; } .sps-faq__cta-copy > p:not( .sps-faq__cta-eyebrow ) { margin: 11px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.87rem; line-height: 1.61; } .sps-faq__cta-copy strong { color: var(--sps-white); } /* CTA TAGS */ .sps-faq__cta-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; } .sps-faq__cta-tags span { padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.92); font-size: 0.68rem; font-weight: 750; } /* CTA ACTIONS */ .sps-faq__cta-actions { display: grid; gap: 11px; } .sps-faq__cta-button { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 13px; align-items: center; min-height: 82px; padding: 14px 16px; border-radius: 15px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .sps-faq__cta-button--phone { background: var(--sps-orange); color: var(--sps-navy); } .sps-faq__cta-button--whatsapp { background: var(--sps-white); color: var(--sps-navy); } .sps-faq__cta-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, 0.74); color: var(--sps-navy); font-size: 0.86rem; font-weight: 900; } .sps-faq__cta-button small { display: block; color: inherit; opacity: 0.7; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.06em; } .sps-faq__cta-button strong { display: block; margin-top: 2px; color: inherit; font-size: 1.04rem; font-weight: 900; } .sps-faq__cta-button em { display: block; margin-top: 3px; color: inherit; opacity: 0.76; font-size: 0.69rem; font-style: normal; font-weight: 750; } .sps-faq__cta-button:hover { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(0, 0, 0, 0.16); text-decoration: none; } .sps-faq__cta-button--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-faq__cta-button--whatsapp:hover { background: #f3fbfb; } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-faq summary:focus-visible, .sps-faq a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 3px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-faq__title, .sps-faq__direct-answer, .sps-faq__item, .sps-faq__question, .sps-faq__answer, .sps-faq__recap, .sps-faq__cta, .sps-faq__cta-button { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 900px) { .sps-faq__grid { grid-template-columns: 1fr; } .sps-faq__recap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-faq__cta { grid-template-columns: 1fr; } .sps-faq__cta-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-faq { padding: 52px 11px; } .sps-faq__cta-actions { grid-template-columns: 1fr; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-faq { padding: 45px 8px; } .sps-faq__header { margin-bottom: 30px; } .sps-faq__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-faq__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-faq__direct-icon { width: 44px; height: 44px; } .sps-faq__item summary { grid-template-columns: 35px minmax(0, 1fr) 30px; gap: 9px; min-height: 68px; padding: 13px 12px; } .sps-faq__number { width: 34px; height: 34px; } .sps-faq__toggle { width: 29px; height: 29px; } .sps-faq__answer { padding: 0 14px 16px 14px; } .sps-faq__recap-grid { grid-template-columns: 1fr; } .sps-faq__cta { padding: 25px 17px; border-radius: 19px; } .sps-faq__cta h3 { font-size: clamp(1.45rem, 8vw, 1.95rem); } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-faq__item summary { grid-template-columns: 1fr 30px; } .sps-faq__number { display: none; } .sps-faq__cta-tags { display: grid; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-faq__toggle::before, .sps-faq__toggle::after, .sps-faq__cta-button { transition: none; } .sps-faq__cta-button:hover { transform: none; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-next { --sps-navy: #073b5c; --sps-blue: #075b89; --sps-teal: #008c83; --sps-teal-dark: #006f69; --sps-teal-light: #12aaa0; --sps-orange: #ff8500; --sps-orange-dark: #e87000; --sps-green: #0b9851; --sps-green-soft: #eaf8f0; --sps-white: #ffffff; --sps-page: #f4fafb; --sps-aqua: #e3f5f6; --sps-aqua-soft: #f1fafa; --sps-orange-soft: #fff1e2; --sps-yellow-soft: #fff9e8; --sps-text: #203642; --sps-muted: #536d78; --sps-border: #d9e8ea; position: relative; width: 100%; margin: 0; padding: clamp(60px, 7vw, 94px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f4fafb 0%, #ffffff 48%, #eef8f9 100% ); color: var(--sps-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: left; } .sps-next *, .sps-next *::before, .sps-next *::after { box-sizing: border-box; } .sps-next a { -webkit-tap-highlight-color: transparent; } .sps-next__container { width: min(1180px, 100%); margin: 0 auto; } /* ========================================================== HEADER ========================================================== */ .sps-next__header { width: min(950px, 100%); margin: 0 auto clamp(35px, 5vw, 50px); text-align: center; } .sps-next__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 8px 14px; border: 1px solid rgba(0, 140, 131, 0.18); border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sps-next__eyebrow span { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-teal); color: var(--sps-white); font-size: 0.8rem; } .sps-next__title { margin: 0; color: var(--sps-navy); font-size: clamp(2rem, 4.4vw, 3.35rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.038em; text-wrap: balance; } .sps-next__title span { display: block; margin-top: 5px; color: var(--sps-orange); } /* ========================================================== DIRECT ANSWER ========================================================== */ .sps-next__direct-answer { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: center; max-width: 920px; margin: 23px auto 0; padding: 20px clamp(19px, 3vw, 28px); border: 1px solid rgba(0, 140, 131, 0.22); border-left: 5px solid var(--sps-teal); border-radius: 0 17px 17px 0; background: var(--sps-aqua-soft); text-align: left; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-next__direct-icon { display: inline-flex; width: 49px; height: 49px; align-items: center; justify-content: center; border-radius: 14px; background: var(--sps-teal); color: var(--sps-white); font-size: 1rem; font-weight: 900; } .sps-next__direct-answer p { margin: 0; color: var(--sps-text); font-size: clamp(0.98rem, 1.45vw, 1.08rem); line-height: 1.68; } .sps-next__direct-answer strong { color: var(--sps-navy); } /* ========================================================== PRICES ========================================================== */ .sps-next__prices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sps-next__price-card { min-width: 0; padding: clamp(21px, 3vw, 27px); border: 1px solid var(--sps-border); border-top: 5px solid var(--sps-teal); border-radius: 17px; background: var(--sps-white); text-align: center; box-shadow: 0 10px 28px rgba(7, 59, 92, 0.055); } .sps-next__price-card--featured { border-top-color: var(--sps-orange); } .sps-next__price-card > p { margin: 0; color: var(--sps-muted); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.065em; } .sps-next__price-card > strong { display: block; margin-top: 7px; color: var(--sps-navy); font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 900; letter-spacing: -0.04em; } .sps-next__price-card > span { display: inline-flex; margin-top: 7px; padding: 5px 9px; border-radius: 999px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.69rem; font-weight: 900; } .sps-next__price-card--featured > span { background: var(--sps-orange-soft); color: var(--sps-orange-dark); } .sps-next__price-card > small { display: block; margin-top: 7px; color: var(--sps-muted); font-size: 0.69rem; } /* PRICE NOTE */ .sps-next__price-note { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 12px; padding: 13px 15px; border-radius: 12px; background: var(--sps-yellow-soft); } .sps-next__price-note > span { display: inline-flex; width: 35px; height: 35px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-orange); color: var(--sps-navy); font-size: 0.75rem; font-weight: 900; } .sps-next__price-note p { margin: 0; color: var(--sps-muted); font-size: 0.77rem; line-height: 1.5; } .sps-next__price-note strong { color: var(--sps-navy); } /* ========================================================== SECTION HEAD ========================================================== */ .sps-next__section-head { margin-bottom: 17px; } .sps-next__section-head > p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-next__section-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.32rem, 2.7vw, 1.9rem); font-weight: 850; line-height: 1.3; } /* ========================================================== PROCESS ========================================================== */ .sps-next__process { margin-top: clamp(43px, 6vw, 61px); } .sps-next__steps { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr); gap: 8px; align-items: stretch; } .sps-next__step { min-width: 0; padding: clamp(21px, 3vw, 27px); border: 1px solid var(--sps-border); border-radius: 17px; background: var(--sps-white); box-shadow: 0 9px 25px rgba(7, 59, 92, 0.05); } .sps-next__step-number { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; margin-bottom: 13px; border-radius: 12px; background: var(--sps-navy); color: var(--sps-white); font-size: 0.69rem; font-weight: 900; } .sps-next__step-label { margin: 0 0 4px; color: var(--sps-teal); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.065em; } .sps-next__step h3 { margin: 0; color: var(--sps-navy); font-size: 1rem; font-weight: 850; line-height: 1.35; } .sps-next__step p:not( .sps-next__step-label ) { margin: 7px 0 0; color: var(--sps-muted); font-size: 0.78rem; line-height: 1.52; } .sps-next__step strong { color: var(--sps-navy); } /* ARROW */ .sps-next__step-arrow { display: flex; align-items: center; justify-content: center; color: var(--sps-orange); font-size: 1.55rem; font-weight: 900; } /* ========================================================== MAIN CTA ========================================================== */ .sps-next__cta { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 0.5fr); gap: 32px; align-items: center; margin-top: clamp(48px, 7vw, 72px); padding: clamp(29px, 5vw, 43px); overflow: hidden; border-radius: 24px; background: linear-gradient( 115deg, var(--sps-navy) 0%, var(--sps-blue) 68%, #087779 100% ); color: var(--sps-white); box-shadow: 0 23px 54px rgba(7, 59, 92, 0.22); } .sps-next__cta::after { content: ""; position: absolute; width: 320px; height: 320px; right: -120px; bottom: -150px; border: 42px solid rgba(255, 255, 255, 0.035); border-radius: 50%; pointer-events: none; } /* CTA COPY */ .sps-next__cta-copy { position: relative; z-index: 1; min-width: 0; } .sps-next__cta-eyebrow { margin: 0 0 6px; color: var(--sps-teal-light); font-size: 0.67rem; font-weight: 900; letter-spacing: 0.075em; } .sps-next__cta h3 { margin: 0; max-width: 700px; color: var(--sps-white); font-size: clamp(1.55rem, 3.3vw, 2.4rem); font-weight: 850; line-height: 1.19; letter-spacing: -0.027em; } .sps-next__cta-copy > p:not( .sps-next__cta-eyebrow ) { max-width: 760px; margin: 11px 0 0; color: rgba(255, 255, 255, 0.83); font-size: 0.88rem; line-height: 1.62; } .sps-next__cta-copy strong { color: var(--sps-white); } /* DATA */ .sps-next__cta-data { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; } .sps-next__cta-data > div { display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 7px; align-items: center; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.075); } .sps-next__cta-data span { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.13); color: var(--sps-white); font-size: 0.57rem; font-weight: 900; } .sps-next__cta-data p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 0.66rem; } .sps-next__cta-data strong { color: var(--sps-white); } /* ========================================================== CONTACTS ========================================================== */ .sps-next__contacts { position: relative; z-index: 1; display: grid; gap: 10px; } .sps-next__contact { display: grid; grid-template-columns: 50px minmax(0, 1fr) 31px; gap: 12px; align-items: center; min-height: 82px; padding: 14px 15px; border: 2px solid transparent; border-radius: 14px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sps-next__contact--phone { background: var(--sps-orange); color: var(--sps-navy); } .sps-next__contact--whatsapp { background: var(--sps-white); color: var(--sps-navy); } .sps-next__contact--survey { border-color: rgba(255, 255, 255, 0.23); background: rgba(255, 255, 255, 0.08); color: var(--sps-white); } .sps-next__contact-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, 0.72); color: var(--sps-navy); font-size: 0.84rem; font-weight: 900; } .sps-next__contact--survey .sps-next__contact-icon { background: rgba(255, 255, 255, 0.13); color: var(--sps-white); } .sps-next__contact-copy { min-width: 0; } .sps-next__contact-copy small { display: block; color: inherit; opacity: 0.68; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.06em; } .sps-next__contact-copy strong { display: block; margin-top: 2px; color: inherit; font-size: 1.02rem; font-weight: 900; } .sps-next__contact-copy em { display: block; margin-top: 3px; color: inherit; opacity: 0.76; font-size: 0.68rem; font-style: normal; font-weight: 750; } .sps-next__contact > b { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(7, 59, 92, 0.12); color: inherit; font-size: 0.9rem; } .sps-next__contact--survey > b { background: rgba(255, 255, 255, 0.12); } .sps-next__contact:hover { transform: translateY(-2px); box-shadow: 0 14px 31px rgba(0, 0, 0, 0.15); text-decoration: none; } .sps-next__contact--phone:hover { background: var(--sps-orange-dark); color: var(--sps-white); } .sps-next__contact--whatsapp:hover { background: #f1fbfb; } .sps-next__contact--survey:hover { background: rgba(255, 255, 255, 0.14); } /* MICROCOPY */ .sps-next__cta-note { position: relative; z-index: 1; grid-column: 1 / -1; margin: 1px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.72); font-size: 0.73rem; line-height: 1.5; text-align: center; } .sps-next__cta-note strong { color: var(--sps-white); } /* ========================================================== PREPARE ========================================================== */ .sps-next__prepare { margin-top: clamp(42px, 6vw, 58px); } .sps-next__prepare-head { margin-bottom: 15px; } .sps-next__prepare-head p { margin: 0 0 5px; color: var(--sps-teal); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.075em; } .sps-next__prepare-head h3 { margin: 0; color: var(--sps-navy); font-size: clamp(1.23rem, 2.5vw, 1.7rem); font-weight: 850; line-height: 1.3; } .sps-next__prepare-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .sps-next__prepare-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 13px 14px; border: 1px solid var(--sps-border); border-radius: 12px; background: var(--sps-white); } .sps-next__prepare-item > span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-green-soft); color: var(--sps-green); font-size: 0.64rem; font-weight: 900; } .sps-next__prepare-item p { margin: 0; color: var(--sps-muted); font-size: 0.75rem; line-height: 1.43; } .sps-next__prepare-item strong { color: var(--sps-navy); } /* ========================================================== FINAL LINKS ========================================================== */ .sps-next__links { margin-top: clamp(39px, 5vw, 50px); } .sps-next__links > p { margin: 0 0 13px; color: var(--sps-muted); font-size: 0.78rem; font-weight: 750; } .sps-next__links-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .sps-next__links-grid > a { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 13px; border: 1px solid var(--sps-border); border-radius: 12px; background: var(--sps-white); color: var(--sps-text); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sps-next__links-grid > a > span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sps-aqua); color: var(--sps-teal); font-size: 0.7rem; font-weight: 900; } .sps-next__links-grid strong { display: block; color: var(--sps-navy); font-size: 0.76rem; font-weight: 850; } .sps-next__links-grid small { display: block; margin-top: 3px; color: var(--sps-muted); font-size: 0.65rem; } .sps-next__links-grid > a:hover { transform: translateY(-2px); border-color: rgba(0, 140, 131, 0.3); box-shadow: 0 9px 22px rgba(7, 59, 92, 0.07); text-decoration: none; } /* ========================================================== ACCESSIBILITY ========================================================== */ .sps-next a:focus-visible { outline: 3px solid var(--sps-orange); outline-offset: 4px; } /* ========================================================== OVERFLOW PROTECTION ========================================================== */ .sps-next__title, .sps-next__direct-answer, .sps-next__price-card, .sps-next__step, .sps-next__cta, .sps-next__contact, .sps-next__prepare-item, .sps-next__links-grid > a { min-width: 0; overflow-wrap: break-word; word-break: normal; } /* ========================================================== TABLET ========================================================== */ @media screen and (max-width: 980px) { .sps-next__steps { grid-template-columns: 1fr; } .sps-next__step-arrow { min-height: 35px; transform: rotate(90deg); } .sps-next__cta { grid-template-columns: 1fr; } .sps-next__contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sps-next__contact--survey { grid-column: 1 / -1; } .sps-next__links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== TABLET PICCOLO ========================================================== */ @media screen and (max-width: 720px) { .sps-next { padding: 52px 11px; } .sps-next__prices { grid-template-columns: 1fr; } .sps-next__contacts { grid-template-columns: 1fr; } .sps-next__contact--survey { grid-column: auto; } .sps-next__prepare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 560px) { .sps-next { padding: 45px 8px; } .sps-next__header { margin-bottom: 30px; } .sps-next__title { font-size: clamp(1.8rem, 9vw, 2.3rem); line-height: 1.12; } .sps-next__direct-answer { grid-template-columns: 1fr; gap: 10px; padding: 17px 16px; border-left-width: 4px; } .sps-next__direct-icon { width: 44px; height: 44px; } .sps-next__cta { padding: 25px 17px; border-radius: 19px; } .sps-next__cta h3 { font-size: clamp(1.45rem, 8vw, 1.98rem); } .sps-next__cta-data { display: grid; } .sps-next__prepare-grid { grid-template-columns: 1fr; } .sps-next__links-grid { grid-template-columns: 1fr; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 390px) { .sps-next__price-note { grid-template-columns: 1fr; } .sps-next__contact { grid-template-columns: 46px minmax(0, 1fr); } .sps-next__contact > b { display: none; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-next__contact, .sps-next__links-grid > a { transition: none; } .sps-next__contact:hover, .sps-next__links-grid > a:hover { transform: none; } }#imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1209_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; } .sps-backtop { --sps-backtop-navy: #073b5c; --sps-backtop-blue: #075b89; --sps-backtop-teal: #008c83; --sps-backtop-orange: #ff8500; --sps-backtop-orange-dark: #e87000; --sps-backtop-white: #ffffff; position: fixed; right: clamp(12px, 1.7vw, 24px); bottom: clamp(14px, 2vw, 24px); z-index: 9998; margin: 0; padding: 0; opacity: 0; visibility: hidden; transform: translateY(14px); pointer-events: none; transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; } .sps-backtop *, .sps-backtop *::before, .sps-backtop *::after { box-sizing: border-box; } /* ========================================================== STATO VISIBILE ========================================================== */ .sps-backtop--visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* ========================================================== PULSANTE ========================================================== */ .sps-backtop__button { display: inline-flex; min-width: 52px; min-height: 52px; align-items: center; justify-content: center; gap: 9px; margin: 0; padding: 9px 14px 9px 9px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: linear-gradient( 135deg, var(--sps-backtop-navy) 0%, var(--sps-backtop-blue) 100% ); color: var(--sps-backtop-white); box-shadow: 0 12px 30px rgba(7, 59, 92, 0.24); cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.76rem; font-weight: 850; line-height: 1; -webkit-tap-highlight-color: transparent; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; } .sps-backtop__button:hover { transform: translateY(-2px); background: linear-gradient( 135deg, var(--sps-backtop-teal) 0%, #087779 100% ); box-shadow: 0 15px 34px rgba(7, 59, 92, 0.29); } .sps-backtop__button:active { transform: translateY(0); } /* ========================================================== ICONA ========================================================== */ .sps-backtop__icon { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sps-backtop-orange); color: var(--sps-backtop-navy); transition: background-color 160ms ease, color 160ms ease, transform 160ms ease; } .sps-backtop__button:hover .sps-backtop__icon { background: var(--sps-backtop-white); color: var(--sps-backtop-teal); transform: translateY(-1px); } .sps-backtop__icon svg { display: block; width: 21px; height: 21px; } /* ========================================================== TESTO ========================================================== */ .sps-backtop__label { display: inline-block; white-space: nowrap; color: inherit; letter-spacing: 0.01em; } /* ========================================================== ACCESSIBILITÀ ========================================================== */ .sps-backtop__button:focus-visible { outline: 3px solid var(--sps-backtop-orange); outline-offset: 4px; } /* ========================================================== TABLET / MOBILE ========================================================== */ @media screen and (max-width: 640px) { .sps-backtop { right: 11px; bottom: 13px; } .sps-backtop__button { width: 50px; min-width: 50px; height: 50px; min-height: 50px; gap: 0; padding: 8px; border-radius: 50%; } .sps-backtop__icon { width: 34px; height: 34px; flex-basis: 34px; } .sps-backtop__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; } } /* ========================================================== MOBILE MOLTO PICCOLO ========================================================== */ @media screen and (max-width: 380px) { .sps-backtop { right: 9px; bottom: 11px; } .sps-backtop__button { width: 48px; min-width: 48px; height: 48px; min-height: 48px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .sps-backtop, .sps-backtop__button, .sps-backtop__icon { transition: none; } .sps-backtop__button:hover, .sps-backtop__button:active, .sps-backtop__button:hover .sps-backtop__icon { transform: none; } } /* ========================================================== STAMPA ========================================================== */ @media print { .sps-backtop { display: none !important; } } @media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #imCell_6, #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, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1209_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_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6, #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, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1209_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_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6, #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, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1209_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_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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; } } @media (max-width: 479.9px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6, #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, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #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_1209_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_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_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_1209_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_19 { box-sizing: border-box; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_20 { box-sizing: border-box; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_21 { box-sizing: border-box; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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_1209_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_1209_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_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1209_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; } } @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 }