#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1200px minmax(0, 1fr); grid-template-rows: 144px auto 1150px; } #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 1920px; } #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: 80px auto 1920px; } #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: 80px auto 1920px; } #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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #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; } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #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; } } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #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; } } @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; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_18 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #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; } } #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_59 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imHTMLObject_59 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_59 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_59 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_01 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_1 { 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_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_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_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_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; } .imPageRow { position: relative; } #imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-hero, .smc-hero *, .smc-hero *::before, .smc-hero *::after { box-sizing: border-box; } .smc-hero { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-teal-soft: #dff8f4; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-text: #183640; --smc-muted: #557078; --smc-border: #cee5e2; --smc-white: #ffffff; position: relative; isolation: isolate; width: 100%; max-width: 100%; margin: 0; padding: clamp(30px, 4vw, 56px) 16px clamp(34px, 5vw, 66px); overflow: hidden; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; background: radial-gradient( circle at 87% 17%, rgba(0, 169, 145, 0.20) 0, rgba(0, 169, 145, 0) 31% ), radial-gradient( circle at 8% 90%, rgba(242, 138, 46, 0.12) 0, rgba(242, 138, 46, 0) 30% ), linear-gradient( 135deg, #073844 0%, #052b35 58%, #073844 100% ); color: #ffffff; } .smc-hero a { text-decoration: none !important; } .smc-hero img, .smc-hero svg { display: block; max-width: 100%; } .smc-hero p, .smc-hero h1, .smc-hero h2, .smc-hero ul, .smc-hero figure { margin-top: 0; } /* ============================================================== CONTAINER ============================================================== */ .smc-hero__container { position: relative; z-index: 2; width: min(100%, 1220px); max-width: 1220px; margin: 0 auto; } /* ============================================================== BREADCRUMB ============================================================== */ .smc-hero__breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.72); } .smc-hero__breadcrumb a { color: rgba(255, 255, 255, 0.86) !important; font-weight: 600; } .smc-hero__breadcrumb a:hover, .smc-hero__breadcrumb a:focus-visible { color: #ffffff !important; text-decoration: underline !important; text-underline-offset: 3px; } /* ============================================================== GRID PRINCIPALE ============================================================== */ .smc-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); gap: clamp(38px, 5vw, 72px); align-items: center; width: 100%; } .smc-hero__content, .smc-hero__side { min-width: 0; } /* ============================================================== EYEBROW ============================================================== */ .smc-hero__eyebrow { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; width: fit-content; max-width: 100%; margin-bottom: 18px; padding: 9px 13px; border: 1px solid rgba(223, 248, 244, 0.27); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: #dff8f4 !important; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 0.015em; } .smc-hero__eyebrow strong { color: #ffffff; } .smc-hero__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #00a991; box-shadow: 0 0 0 5px rgba(0, 169, 145, 0.16); } /* ============================================================== H1 ============================================================== */ .smc-hero__title { max-width: 820px; margin-bottom: 20px; color: #ffffff !important; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; font-size: clamp(44px, 4.25vw, 61px); font-weight: 800; line-height: 1.055; letter-spacing: -0.035em; text-wrap: balance; overflow-wrap: normal; word-break: normal; } .smc-hero__title span { display: block; margin-top: 7px; color: #79e1d5; font-weight: 800; } /* ============================================================== LEAD ============================================================== */ .smc-hero__lead { max-width: 760px; margin-bottom: 23px; color: rgba(255, 255, 255, 0.89) !important; font-size: clamp(16.5px, 1.35vw, 18px); font-weight: 400; line-height: 1.72; } .smc-hero__lead strong { color: #ffffff; font-weight: 700; } /* ============================================================== RISPOSTA IMMEDIATA AI / VOICE / SPEAKABLE READY ============================================================== */ .smc-hero__answer { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; width: 100%; margin: 0 0 20px; padding: 17px 18px; border: 1px solid rgba(121, 225, 213, 0.35); border-radius: 17px; background: linear-gradient( 135deg, rgba(0, 169, 145, 0.14), rgba(255, 255, 255, 0.06) ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); } .smc-hero__answer-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #f28a2e; color: #ffffff; font-size: 24px; font-weight: 800; box-shadow: 0 10px 22px rgba(214, 109, 14, 0.24); } .smc-hero__answer-copy { min-width: 0; } .smc-hero__answer-label { margin-bottom: 5px; color: #79e1d5 !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.07em; } .smc-hero__answer-copy > p:last-child { margin-bottom: 0; color: rgba(255, 255, 255, 0.91) !important; font-size: 15.5px; line-height: 1.66; } .smc-hero__answer strong { color: #ffffff; } /* ============================================================== TRUST ============================================================== */ .smc-hero__trust { display: flex; flex-wrap: wrap; gap: 9px; width: 100%; margin: 0 0 24px; padding: 0; list-style: none; } .smc-hero__trust li { display: inline-flex; align-items: center; gap: 7px; min-width: 0; padding: 8px 11px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.88); font-size: 12.5px; font-weight: 600; line-height: 1.35; } .smc-hero__trust li > span { display: grid; place-items: center; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: rgba(0, 169, 145, 0.19); color: #79e1d5; font-size: 11px; font-weight: 900; } .smc-hero__trust strong { color: #ffffff; } /* ============================================================== CTA PRINCIPALI ============================================================== */ .smc-hero__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; margin-bottom: 18px; } .smc-hero__button { display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 72px; padding: 13px 15px; border-radius: 15px; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .smc-hero__button:hover { transform: translateY(-2px); } .smc-hero__button:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.72); outline-offset: 3px; } /* primaria arancione */ .smc-hero__button--primary { border: 1px solid #f28a2e; background: linear-gradient( 135deg, #f28a2e 0%, #e37a1c 55%, #d66d0e 100% ); color: #ffffff !important; box-shadow: 0 13px 27px rgba(214, 109, 14, 0.28); } .smc-hero__button--primary:hover { box-shadow: 0 16px 32px rgba(214, 109, 14, 0.36); } /* secondaria */ .smc-hero__button--secondary { border: 1px solid rgba(121, 225, 213, 0.38); background: rgba(255, 255, 255, 0.08); color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); } .smc-hero__button--secondary:hover { border-color: rgba(121, 225, 213, 0.66); background: rgba(255, 255, 255, 0.12); } .smc-hero__button-icon { display: grid; place-items: center; flex: 0 0 auto; width: 43px; height: 43px; border-radius: 12px; background: rgba(255, 255, 255, 0.18); color: #ffffff; font-size: 17px; font-weight: 900; } .smc-hero__button--secondary .smc-hero__button-icon { background: rgba(0, 169, 145, 0.18); color: #79e1d5; } .smc-hero__button-icon--euro { font-size: 22px; } .smc-hero__button-copy { display: block; min-width: 0; } .smc-hero__button-copy small { display: block; margin-bottom: 3px; color: rgba(255, 255, 255, 0.82); font-size: 11.5px; font-weight: 600; line-height: 1.3; } .smc-hero__button-copy strong { display: block; color: #ffffff; font-size: 15px; font-weight: 800; line-height: 1.28; } /* ============================================================== CONTATTO SECONDARIO ============================================================== */ .smc-hero__contact { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; } .smc-hero__contact > p { margin: 0; color: rgba(255, 255, 255, 0.65) !important; font-size: 12.5px; line-height: 1.4; } .smc-hero__contact-links { display: flex; flex-wrap: wrap; gap: 8px; } .smc-hero__contact-link { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; font-size: 12.5px; line-height: 1.2; } .smc-hero__contact-link--phone { border: 1px solid rgba(255, 255, 255, 0.20); color: #ffffff !important; background: rgba(255, 255, 255, 0.07); } .smc-hero__contact-link--whatsapp { border: 1px solid rgba(0, 169, 145, 0.36); color: #ffffff !important; background: rgba(0, 169, 145, 0.15); } .smc-hero__contact-link:hover { background: rgba(255, 255, 255, 0.13); } /* ============================================================== COLONNA DESTRA ============================================================== */ .smc-hero__side { position: relative; width: 100%; } .smc-hero__decor { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; } .smc-hero__decor--one { top: -24px; right: -30px; width: 150px; height: 150px; background: rgba(0, 169, 145, 0.17); filter: blur(2px); } .smc-hero__decor--two { bottom: 90px; left: -38px; width: 110px; height: 110px; background: rgba(242, 138, 46, 0.14); } /* FOTO */ .smc-hero__figure { position: relative; width: 92%; margin: 0 0 -52px auto; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 25px; background: #073844; box-shadow: 0 24px 55px rgba(0, 0, 0, 0.28); } .smc-hero__figure::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( to bottom, rgba(5, 43, 53, 0.02) 45%, rgba(5, 43, 53, 0.57) 100% ); } .smc-hero__image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } /* ============================================================== CARD PREZZI ============================================================== */ .smc-hero__price-card { position: relative; z-index: 3; width: 100%; max-width: 475px; margin: 0 auto; padding: 20px; border: 1px solid rgba(206, 229, 226, 0.90); border-radius: 21px; background: #ffffff; color: #183640; box-shadow: 0 22px 52px rgba(0, 0, 0, 0.24); } .smc-hero__price-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 13px; } .smc-hero__price-head p { margin: 0 0 3px; color: #087c8f !important; font-size: 11.5px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.055em; } .smc-hero__price-head h2 { margin: 0; color: #073844 !important; font-size: 21px; font-weight: 800; line-height: 1.18; letter-spacing: -0.015em; } .smc-hero__price-head > span { display: inline-flex; flex: 0 0 auto; padding: 6px 8px; border-radius: 999px; background: #fff1e4; color: #c75f08; font-size: 10.5px; font-weight: 800; line-height: 1.2; text-transform: uppercase; } /* righe prezzi */ .smc-hero__price-list { display: grid; gap: 7px; width: 100%; } .smc-hero__price-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; padding: 11px 12px; border: 1px solid #e0eeee; border-radius: 12px; background: #f8fcfc; } .smc-hero__price-row > div { min-width: 0; } .smc-hero__price-row > div > strong { display: block; color: #183640; font-size: 13.5px; font-weight: 800; line-height: 1.25; } .smc-hero__price-row small { display: block; margin-top: 2px; color: #557078; font-size: 11.5px; line-height: 1.3; } .smc-hero__price-row > p { flex: 0 0 auto; margin: 0; text-align: right; white-space: nowrap; } .smc-hero__price-row > p > strong { display: block; color: #d66d0e; font-size: 18px; font-weight: 900; line-height: 1.08; } .smc-hero__price-row > p > span { display: block; margin-top: 3px; color: #557078; font-size: 10.5px; font-weight: 700; } /* nota */ .smc-hero__price-note { margin: 12px 0 11px; padding: 10px 11px; border-left: 3px solid #00a991; border-radius: 0 9px 9px 0; background: #f0fbf8; color: #48626b !important; font-size: 11.5px; line-height: 1.48; } .smc-hero__price-note strong { color: #183640; } .smc-hero__price-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding-top: 2px; color: #087c8f !important; font-size: 12.5px; font-weight: 800; line-height: 1.35; } .smc-hero__price-link > span { color: #f28a2e; font-size: 18px; } .smc-hero__price-link:hover, .smc-hero__price-link:focus-visible { color: #073844 !important; } /* ============================================================== SOPRALLUOGO ============================================================== */ .smc-hero__inspection { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; width: min(100%, 445px); margin: 12px auto 0; padding: 13px 14px; border: 1px solid rgba(121, 225, 213, 0.23); border-radius: 14px; background: rgba(0, 169, 145, 0.10); } .smc-hero__inspection-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #00a991; color: #ffffff; font-size: 16px; font-weight: 900; } .smc-hero__inspection p { margin: 0; color: rgba(255, 255, 255, 0.79) !important; font-size: 11.5px; line-height: 1.5; } .smc-hero__inspection p + p { margin-top: 4px; } .smc-hero__inspection strong { color: #ffffff; } .smc-hero__inspection span { color: #dff8f4; } /* ============================================================== PERCORSO IN FONDO ============================================================== */ .smc-hero__journey { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 14px; width: 100%; margin-top: clamp(32px, 4vw, 48px); padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smc-hero__journey > i { color: rgba(121, 225, 213, 0.55); font-size: 18px; font-style: normal; } .smc-hero__journey-item { display: flex; align-items: center; gap: 10px; min-width: 0; } .smc-hero__journey-item > span { display: grid; place-items: center; flex: 0 0 auto; width: 31px; height: 31px; border: 1px solid rgba(121, 225, 213, 0.35); border-radius: 50%; background: rgba(0, 169, 145, 0.16); color: #79e1d5; font-size: 12px; font-weight: 900; } .smc-hero__journey-item strong { display: block; color: #ffffff; font-size: 12.5px; font-weight: 800; line-height: 1.3; } .smc-hero__journey-item small { display: block; margin-top: 2px; color: rgba(255, 255, 255, 0.58); font-size: 10.5px; line-height: 1.3; } /* ============================================================== ACCESSIBILITÀ ============================================================== */ .smc-hero a:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.75); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-hero *, .smc-hero *::before, .smc-hero *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } } /* ============================================================== TABLET / SCHERMI MEDI ============================================================== */ @media (max-width: 1050px) { .smc-hero { padding-left: 18px; padding-right: 18px; } .smc-hero__grid { grid-template-columns: 1fr; gap: 38px; } .smc-hero__content { max-width: 850px; } .smc-hero__side { width: min(100%, 780px); margin: 0 auto; } .smc-hero__figure { width: min(92%, 600px); margin-left: auto; margin-right: auto; } .smc-hero__price-card { max-width: 560px; } .smc-hero__inspection { width: min(100%, 530px); } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-hero { padding: 24px 14px 34px; } .smc-hero__breadcrumb { margin-bottom: 19px; font-size: 11.5px; } .smc-hero__eyebrow { margin-bottom: 14px; padding: 8px 10px; font-size: 11.5px; } .smc-hero__title { max-width: 100%; margin-bottom: 17px; font-size: clamp(29px, 8.5vw, 36px); line-height: 1.075; letter-spacing: -0.025em; } .smc-hero__title span { margin-top: 5px; } .smc-hero__lead { margin-bottom: 18px; font-size: 15.5px; line-height: 1.65; } .smc-hero__answer { grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 14px; border-radius: 14px; } .smc-hero__answer-icon { width: 40px; height: 40px; border-radius: 11px; font-size: 20px; } .smc-hero__answer-copy > p:last-child { font-size: 14px; line-height: 1.58; } .smc-hero__trust { gap: 7px; margin-bottom: 19px; } .smc-hero__trust li { padding: 7px 9px; font-size: 11.5px; } .smc-hero__actions { grid-template-columns: 1fr; gap: 9px; } .smc-hero__button { width: 100%; min-height: 67px; padding: 11px 13px; } .smc-hero__contact { display: block; } .smc-hero__contact > p { margin-bottom: 8px; } .smc-hero__contact-links { width: 100%; } .smc-hero__contact-link { justify-content: center; flex: 1 1 auto; } .smc-hero__side { margin-top: 2px; } .smc-hero__figure { width: 100%; margin-bottom: -34px; border-radius: 19px; } .smc-hero__price-card { width: calc(100% - 14px); padding: 16px; border-radius: 17px; } .smc-hero__price-head h2 { font-size: 18px; } .smc-hero__price-row { gap: 9px; padding: 10px; } .smc-hero__price-row > p > strong { font-size: 16px; } .smc-hero__inspection { grid-template-columns: 31px minmax(0, 1fr); width: calc(100% - 14px); padding: 11px; border-radius: 12px; } .smc-hero__inspection-icon { width: 31px; height: 31px; font-size: 14px; } .smc-hero__inspection p { font-size: 10.8px; } .smc-hero__journey { grid-template-columns: 1fr; gap: 10px; padding: 13px; border-radius: 14px; } .smc-hero__journey > i { display: none; } .smc-hero__journey-item { padding-bottom: 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .smc-hero__journey-item:last-child { padding-bottom: 0; border-bottom: 0; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-hero { padding-left: 12px; padding-right: 12px; } .smc-hero__breadcrumb { gap: 6px; } .smc-hero__eyebrow { border-radius: 12px; } .smc-hero__answer { grid-template-columns: 1fr; } .smc-hero__answer-icon { width: 38px; height: 38px; } .smc-hero__price-card { width: calc(100% - 8px); padding: 14px; } .smc-hero__price-head { display: block; } .smc-hero__price-head > span { margin-top: 8px; } .smc-hero__price-row { align-items: flex-start; } .smc-hero__price-row > p > strong { font-size: 15px; } .smc-hero__inspection { width: calc(100% - 8px); } .smc-hero__contact-links { display: grid; grid-template-columns: 1fr; } } /* ============================================================== DISPOSITIVI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-hero__title { font-size: 27px; } .smc-hero__lead { font-size: 14.5px; } .smc-hero__price-row { display: block; } .smc-hero__price-row > p { margin-top: 7px; text-align: left; white-space: normal; } .smc-hero__price-row > p > strong, .smc-hero__price-row > p > span { display: inline; } .smc-hero__button-copy small { font-size: 10.5px; } .smc-hero__button-copy strong { font-size: 14px; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_02 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_2 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_2 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-prices, .smc-prices *, .smc-prices *::before, .smc-prices *::after { box-sizing: border-box; } .smc-prices { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-teal-soft: #e8f8f6; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; position: relative; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 86px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f8fcfc 0%, #ffffff 42%, #f7fbfb 100% ); color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-prices a { text-decoration: none !important; } .smc-prices__anchor { position: absolute; top: -20px; width: 1px; height: 1px; overflow: hidden; } .smc-prices__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-prices__header { width: min(100%, 970px); margin: 0 auto clamp(34px, 4vw, 48px); text-align: center; } .smc-prices__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #e8f8f6; color: #087c8f !important; font-size: 12.5px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-prices__eyebrow > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #00a991; color: #ffffff; font-size: 13px; font-weight: 900; } .smc-prices__title { max-width: 900px; margin: 0 auto 18px; color: #073844 !important; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-prices__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== RISPOSTA IMMEDIATA ============================================================== */ .smc-prices__answer { width: min(100%, 880px); margin: 0 auto 19px; padding: 17px 20px; border: 1px solid #cfe8e4; border-radius: 16px; background: #ffffff; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.06); } .smc-prices__answer p { margin: 0; color: #405c65 !important; font-size: clamp(14.5px, 1.3vw, 16px); line-height: 1.67; } .smc-prices__answer strong { color: #183640; } /* ============================================================== IVA ============================================================== */ .smc-prices__vat { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 13px; align-items: center; width: min(100%, 770px); margin: 0 auto 15px; padding: 13px 16px; border: 1px solid #f4cba5; border-radius: 14px; background: linear-gradient( 135deg, #fff7ef, #fff1e4 ); text-align: left; } .smc-prices__vat-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: #f28a2e; color: #ffffff; font-size: 20px; font-weight: 900; } .smc-prices__vat strong { display: block; margin-bottom: 2px; color: #a84d05; font-size: 14px; font-weight: 900; } .smc-prices__vat p { margin: 0; color: #70564a !important; font-size: 12.5px; line-height: 1.5; } /* ============================================================== VIDEO JUMP ============================================================== */ .smc-prices__video-jump { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: min(100%, 660px); margin: 0 auto; padding: 11px 14px; border: 1px solid #d8e8e6; border-radius: 13px; background: #ffffff; color: #183640 !important; text-align: left; box-shadow: 0 7px 20px rgba(7, 56, 68, 0.05); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .smc-prices__video-jump:hover { transform: translateY(-2px); border-color: #8fcfc6; box-shadow: 0 11px 26px rgba(7, 56, 68, 0.09); } .smc-prices__video-play { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #073844; color: #ffffff; font-size: 14px; } .smc-prices__video-jump small, .smc-prices__video-jump strong { display: block; } .smc-prices__video-jump small { margin-bottom: 2px; color: #6a7f85; font-size: 11px; line-height: 1.25; } .smc-prices__video-jump strong { color: #073844; font-size: 13px; font-weight: 800; line-height: 1.3; } .smc-prices__video-jump i { color: #f28a2e; font-size: 20px; font-style: normal; } /* ============================================================== GRID ============================================================== */ .smc-prices__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; width: 100%; } /* ============================================================== CARD ============================================================== */ .smc-price-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 100%; padding: 21px; overflow: hidden; border: 1px solid #d8e8e6; border-radius: 19px; background: #ffffff; box-shadow: 0 10px 30px rgba(7, 56, 68, 0.07); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .smc-price-card:hover { transform: translateY(-3px); border-color: #add8d2; box-shadow: 0 16px 36px rgba(7, 56, 68, 0.11); } /* prime tre lavorazioni */ .smc-price-card--featured { border-top: 4px solid #00a991; } /* importo da valutare */ .smc-price-card--evaluate { border-top: 4px solid #f28a2e; background: linear-gradient( 180deg, #ffffff 0%, #fffaf6 100% ); } /* ============================================================== CARD TOP ============================================================== */ .smc-price-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; } .smc-price-card__number { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: #073844; color: #ffffff; font-size: 11px; font-weight: 900; } .smc-price-card__category { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: #e8f8f6; color: #087c8f; font-size: 10.5px; font-weight: 800; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.045em; } /* ============================================================== CARD TITLE ============================================================== */ .smc-price-card h3 { min-height: 48px; margin: 0 0 14px; color: #073844 !important; font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; } /* ============================================================== PREZZO ============================================================== */ .smc-price-card__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; width: 100%; margin: 0 0 5px; } .smc-price-card__price > strong { color: #d66d0e; font-size: clamp(27px, 2.6vw, 35px); font-weight: 900; line-height: 1; letter-spacing: -0.035em; } .smc-price-card__price > span { color: #566f77; font-size: 12.5px; font-weight: 700; } .smc-price-card__price--evaluate { display: block; } .smc-price-card__price--evaluate > strong { display: block; color: #d66d0e; font-size: 28px; } .smc-price-card__price--evaluate > span { display: block; margin-top: 5px; } /* IVA */ .smc-price-card__vat { width: fit-content; margin: 0 0 13px; padding: 5px 8px; border-radius: 999px; background: #fff1e4; color: #b45408 !important; font-size: 10.5px; font-weight: 900; line-height: 1.15; text-transform: uppercase; } /* ============================================================== DESCRIZIONE ============================================================== */ .smc-price-card__description { flex: 1 1 auto; margin: 0 0 17px; color: #587078 !important; font-size: 13px; line-height: 1.58; } .smc-price-card__description strong { color: #314e56; } /* ============================================================== AZIONI CARD ============================================================== */ .smc-price-card__actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; width: 100%; padding-top: 13px; border-top: 1px solid #e5eeee; } .smc-price-card__link { display: inline-flex; align-items: center; gap: 6px; color: #087c8f !important; font-size: 11.5px; font-weight: 800; line-height: 1.3; } .smc-price-card__link > span { color: #f28a2e; font-size: 15px; } .smc-price-card__link:hover, .smc-price-card__link:focus-visible { color: #073844 !important; } .smc-price-card__watch { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #d1e3e1; border-radius: 9px; background: #f7fbfb; color: #183640 !important; font-size: 10.5px; font-weight: 800; line-height: 1.2; } .smc-price-card__watch > span { color: #f28a2e; } .smc-price-card__watch:hover { border-color: #93cec6; background: #eaf8f6; } .smc-price-card__watch--wide { justify-content: center; width: 100%; margin-top: auto; padding: 9px 10px; } .smc-price-card__info { color: #6b7e84; font-size: 10.5px; font-weight: 600; line-height: 1.35; } /* ============================================================== SOPRALLUOGO / PREZZO DEFINITIVO ============================================================== */ .smc-prices__inspection { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 18px; width: 100%; margin-top: clamp(28px, 4vw, 42px); padding: clamp(20px, 3vw, 29px); border: 1px solid #b4ddd7; border-radius: 20px; background: linear-gradient( 135deg, #073844 0%, #052b35 100% ); box-shadow: 0 17px 40px rgba(7, 56, 68, 0.16); } .smc-prices__inspection-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: #00a991; color: #ffffff; font-size: 22px; font-weight: 900; } .smc-prices__inspection-copy { min-width: 0; } .smc-prices__inspection-label { margin: 0 0 5px; color: #79e1d5 !important; font-size: 11px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.06em; } .smc-prices__inspection h3 { margin: 0 0 9px; color: #ffffff !important; font-size: clamp(21px, 2.4vw, 29px); font-weight: 800; line-height: 1.18; letter-spacing: -0.02em; } .smc-prices__inspection-copy > p { margin: 0; color: rgba(255, 255, 255, 0.82) !important; font-size: 13.5px; line-height: 1.6; } .smc-prices__inspection-copy > p strong { color: #ffffff; } /* prezzo sopralluogo */ .smc-prices__inspection-price { display: grid; grid-template-columns: minmax(220px, 0.36fr) minmax(0, 0.64fr); gap: 18px; align-items: center; margin-top: 17px; padding: 15px; border: 1px solid rgba(121, 225, 213, 0.22); border-radius: 15px; background: rgba(255, 255, 255, 0.07); } .smc-prices__inspection-price > div small, .smc-prices__inspection-price > div strong, .smc-prices__inspection-price > div span { display: block; } .smc-prices__inspection-price > div small { margin-bottom: 3px; color: rgba(255, 255, 255, 0.62); font-size: 10.5px; font-weight: 600; } .smc-prices__inspection-price > div strong { color: #ffffff; font-size: 21px; font-weight: 900; line-height: 1.15; } .smc-prices__inspection-price > div span { margin-top: 3px; color: #79e1d5; font-size: 11.5px; font-weight: 800; } .smc-prices__inspection-price > p { margin: 0; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.80) !important; font-size: 12px; line-height: 1.55; } .smc-prices__inspection-price > p strong { color: #ffffff; } /* ============================================================== FOOTER ============================================================== */ .smc-prices__footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 17px; } .smc-prices__footer-item { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 13px; border: 1px solid #dce9e8; border-radius: 13px; background: #ffffff; } .smc-prices__footer-item > span { display: grid; place-items: center; flex: 0 0 auto; width: 31px; height: 31px; border-radius: 50%; background: #e8f8f6; color: #087c8f; font-size: 12px; font-weight: 900; } .smc-prices__footer-item p { margin: 0; color: #6a7d83 !important; font-size: 10.5px; line-height: 1.3; } .smc-prices__footer-item strong { display: block; margin-bottom: 2px; color: #183640; font-size: 11.5px; font-weight: 800; } /* ============================================================== FOCUS / ACCESSIBILITÀ ============================================================== */ .smc-prices a:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.62); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-prices *, .smc-prices *::before, .smc-prices *::after { animation: none !important; transition: none !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-prices { padding-left: 18px; padding-right: 18px; } .smc-prices__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smc-price-card h3 { min-height: auto; } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-prices { padding: 48px 14px; } .smc-prices__header { margin-bottom: 29px; text-align: left; } .smc-prices__eyebrow { margin-bottom: 12px; font-size: 10.5px; } .smc-prices__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-prices__title span { display: inline; } .smc-prices__answer { padding: 14px; border-radius: 13px; } .smc-prices__answer p { font-size: 14px; line-height: 1.58; } .smc-prices__vat { grid-template-columns: 38px minmax(0, 1fr); padding: 12px; margin-left: 0; border-radius: 12px; } .smc-prices__vat-icon { width: 38px; height: 38px; border-radius: 10px; font-size: 17px; } .smc-prices__video-jump { grid-template-columns: 38px minmax(0, 1fr); margin-left: 0; padding: 10px 11px; } .smc-prices__video-jump > i { display: none; } .smc-prices__video-play { width: 38px; height: 38px; } .smc-prices__grid { grid-template-columns: 1fr; gap: 12px; } .smc-price-card { padding: 17px; border-radius: 16px; } .smc-price-card h3 { margin-bottom: 11px; font-size: 17px; } .smc-price-card__price > strong { font-size: 29px; } .smc-price-card__description { font-size: 12.5px; } .smc-prices__inspection { grid-template-columns: 1fr; gap: 11px; padding: 17px; border-radius: 16px; } .smc-prices__inspection-icon { width: 43px; height: 43px; border-radius: 12px; font-size: 18px; } .smc-prices__inspection h3 { font-size: 21px; } .smc-prices__inspection-price { grid-template-columns: 1fr; gap: 12px; padding: 13px; } .smc-prices__inspection-price > p { padding: 12px 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.14); } .smc-prices__footer { grid-template-columns: 1fr; gap: 7px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-prices { padding-left: 12px; padding-right: 12px; } .smc-price-card__actions { display: grid; grid-template-columns: 1fr; align-items: stretch; } .smc-price-card__link, .smc-price-card__watch { width: 100%; } .smc-price-card__watch { justify-content: center; } .smc-price-card__info { display: block; margin-bottom: 2px; } .smc-price-card__price { align-items: flex-end; } } /* ============================================================== DISPOSITIVI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-prices { padding-left: 10px; padding-right: 10px; } .smc-price-card { padding: 14px; } .smc-price-card__price > strong { font-size: 26px; } .smc-price-card__price > span { font-size: 11px; } .smc-prices__vat { grid-template-columns: 1fr; } .smc-prices__video-jump { grid-template-columns: 1fr; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_03 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_3 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_3 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-inclusions, .smc-inclusions *, .smc-inclusions *::before, .smc-inclusions *::after { box-sizing: border-box; } .smc-inclusions { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-green-soft: #eaf9f5; --smc-teal-soft: #e8f8f6; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-red: #b75243; --smc-red-soft: #fff4f1; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 86px) 16px; overflow: hidden; background: #ffffff; color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-inclusions a { text-decoration: none !important; } .smc-inclusions__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-inclusions__header { width: min(100%, 960px); margin: 0 auto clamp(32px, 4vw, 46px); text-align: center; } .smc-inclusions__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #e8f8f6; color: #087c8f !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-inclusions__eyebrow > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #00a991; color: #ffffff; font-size: 12px; font-weight: 900; } .smc-inclusions__title { max-width: 900px; margin: 0 auto 18px; color: #073844 !important; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-inclusions__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== RISPOSTA DIRETTA ============================================================== */ .smc-inclusions__answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; align-items: center; width: min(100%, 890px); margin: 0 auto 17px; padding: 16px 19px; border: 1px solid #cfe8e4; border-radius: 16px; background: linear-gradient( 135deg, #f7fcfb 0%, #ffffff 100% ); text-align: left; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); } .smc-inclusions__answer-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #f28a2e; color: #ffffff; font-size: 22px; font-weight: 900; box-shadow: 0 8px 18px rgba(214, 109, 14, 0.18); } .smc-inclusions__answer p { margin: 0; color: #425f67 !important; font-size: clamp(14.5px, 1.25vw, 16px); line-height: 1.64; } .smc-inclusions__answer strong { color: #183640; } /* ============================================================== VIDEO JUMP ============================================================== */ .smc-inclusions__video-jump { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 11px; width: min(100%, 600px); margin: 0 auto; padding: 10px 13px; border: 1px solid #d7e6e4; border-radius: 13px; background: #ffffff; color: #183640 !important; text-align: left; box-shadow: 0 6px 19px rgba(7, 56, 68, 0.05); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .smc-inclusions__video-jump:hover { transform: translateY(-2px); border-color: #9fcfc9; box-shadow: 0 10px 25px rgba(7, 56, 68, 0.09); } .smc-inclusions__video-play { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #073844; color: #ffffff; font-size: 13px; } .smc-inclusions__video-copy small, .smc-inclusions__video-copy strong { display: block; } .smc-inclusions__video-copy small { margin-bottom: 2px; color: #708187; font-size: 10.5px; line-height: 1.25; } .smc-inclusions__video-copy strong { color: #073844; font-size: 12.5px; font-weight: 800; line-height: 1.3; } .smc-inclusions__video-jump > i { color: #f28a2e; font-size: 19px; font-style: normal; } /* ============================================================== DUE CARD PRINCIPALI ============================================================== */ .smc-inclusions__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; width: 100%; } .smc-inclusions__card { min-width: 0; padding: clamp(21px, 2.8vw, 29px); border-radius: 21px; box-shadow: 0 12px 32px rgba(7, 56, 68, 0.07); } .smc-inclusions__card--included { border: 1px solid #bde1da; border-top: 4px solid #00a991; background: linear-gradient( 180deg, #ffffff 0%, #f5fcfa 100% ); } .smc-inclusions__card--excluded { border: 1px solid #ecd6cf; border-top: 4px solid #f28a2e; background: linear-gradient( 180deg, #ffffff 0%, #fffaf7 100% ); } /* ============================================================== CARD HEAD ============================================================== */ .smc-inclusions__card-head { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; } .smc-inclusions__card-icon { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; color: #ffffff; font-size: 21px; font-weight: 900; } .smc-inclusions__card--included .smc-inclusions__card-icon { background: #00a991; } .smc-inclusions__card--excluded .smc-inclusions__card-icon { background: #f28a2e; } .smc-inclusions__card-head p { margin: 0 0 3px; font-size: 10.5px; font-weight: 800; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.05em; } .smc-inclusions__card--included .smc-inclusions__card-head p { color: #087c8f !important; } .smc-inclusions__card--excluded .smc-inclusions__card-head p { color: #b95d13 !important; } .smc-inclusions__card h3 { margin: 0; color: #073844 !important; font-size: clamp(19px, 2vw, 24px); font-weight: 800; line-height: 1.2; letter-spacing: -0.018em; } /* ============================================================== COMPRESO ============================================================== */ .smc-inclusions__included-focus { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: center; padding: 18px; border: 1px solid #b9e2db; border-radius: 16px; background: #eaf9f5; } .smc-inclusions__included-focus > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #00a991; color: #ffffff; font-size: 18px; font-weight: 900; } .smc-inclusions__included-focus strong { display: block; margin-bottom: 4px; color: #073844; font-size: clamp(20px, 2.2vw, 27px); font-weight: 900; line-height: 1.15; } .smc-inclusions__included-focus p { margin: 0; color: #557078 !important; font-size: 12.5px; line-height: 1.5; } .smc-inclusions__precision { margin: 17px 0 0; color: #587078 !important; font-size: 12.5px; line-height: 1.6; } .smc-inclusions__card-note { display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 9px; margin-top: 18px; padding: 12px; border: 1px solid #d8e8e6; border-radius: 12px; background: #ffffff; } .smc-inclusions__card-note > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e8f8f6; color: #087c8f; font-size: 12px; font-weight: 900; } .smc-inclusions__card-note p { margin: 0; color: #60757c !important; font-size: 11px; line-height: 1.48; } .smc-inclusions__card-note strong { color: #183640; } /* ============================================================== ESCLUSIONI ============================================================== */ .smc-inclusions__excluded-list { display: grid; gap: 9px; width: 100%; margin: 0; padding: 0; list-style: none; } .smc-inclusions__excluded-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; padding: 12px; border: 1px solid #eaded9; border-radius: 12px; background: #ffffff; } .smc-inclusions__list-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #fff1e4; color: #c25e0e; font-size: 10px; font-weight: 900; } .smc-inclusions__excluded-list strong { display: block; margin-bottom: 3px; color: #183640; font-size: 13.5px; font-weight: 800; line-height: 1.25; } .smc-inclusions__excluded-list p { margin: 0; color: #667980 !important; font-size: 11.5px; line-height: 1.47; } /* ============================================================== ISOLAMENTO VS CORREZIONE ACUSTICA ============================================================== */ .smc-inclusions__acoustic { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr); gap: clamp(22px, 3vw, 38px); align-items: center; width: 100%; margin-top: clamp(28px, 4vw, 43px); padding: clamp(22px, 3.5vw, 34px); border: 1px solid #b6ddd8; border-radius: 22px; background: linear-gradient( 135deg, #073844 0%, #052b35 100% ); box-shadow: 0 17px 40px rgba(7, 56, 68, 0.15); } .smc-inclusions__acoustic-content { min-width: 0; } .smc-inclusions__acoustic-label { margin: 0 0 7px; color: #79e1d5 !important; font-size: 10.5px; font-weight: 800; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.065em; } .smc-inclusions__acoustic h3 { margin: 0 0 14px; color: #ffffff !important; font-size: clamp(23px, 2.7vw, 34px); font-weight: 800; line-height: 1.13; letter-spacing: -0.025em; } .smc-inclusions__acoustic h3 span { display: block; margin-top: 3px; color: #79e1d5; } .smc-inclusions__acoustic-answer { margin-bottom: 13px; padding: 13px 15px; border-left: 3px solid #00a991; border-radius: 0 11px 11px 0; background: rgba(0, 169, 145, 0.12); } .smc-inclusions__acoustic-answer p { margin: 0; color: rgba(255, 255, 255, 0.91) !important; font-size: 13.5px; line-height: 1.58; } .smc-inclusions__acoustic-answer strong { color: #ffffff; } .smc-inclusions__acoustic-text { margin: 0; color: rgba(255, 255, 255, 0.74) !important; font-size: 12.5px; line-height: 1.58; } .smc-inclusions__acoustic-text strong { color: #ffffff; } /* ============================================================== AZIONI ACUSTICA ============================================================== */ .smc-inclusions__acoustic-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 17px; } .smc-inclusions__acoustic-video { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border-radius: 11px; background: #f28a2e; color: #ffffff !important; box-shadow: 0 9px 20px rgba(214, 109, 14, 0.22); } .smc-inclusions__acoustic-video > span { font-size: 13px; } .smc-inclusions__acoustic-video small, .smc-inclusions__acoustic-video strong { display: block; } .smc-inclusions__acoustic-video small { margin-bottom: 1px; color: rgba(255, 255, 255, 0.78); font-size: 9.5px; line-height: 1.2; } .smc-inclusions__acoustic-video strong { color: #ffffff; font-size: 11.5px; font-weight: 800; line-height: 1.25; } .smc-inclusions__acoustic-link { display: inline-flex; align-items: center; gap: 7px; min-height: 48px; padding: 8px 12px; border: 1px solid rgba(121, 225, 213, 0.28); border-radius: 11px; background: rgba(255, 255, 255, 0.07); color: #ffffff !important; font-size: 11.5px; font-weight: 800; } .smc-inclusions__acoustic-link > span { color: #79e1d5; font-size: 16px; } /* ============================================================== CONFRONTO ============================================================== */ .smc-inclusions__compare { display: grid; gap: 10px; min-width: 0; } .smc-inclusions__compare-item { display: grid; grid-template-columns: 41px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 14px; background: rgba(255, 255, 255, 0.07); } .smc-inclusions__compare-number { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 12px; background: rgba(0, 169, 145, 0.18); color: #79e1d5; font-size: 10px; font-weight: 900; } .smc-inclusions__compare-item small { display: block; margin-bottom: 3px; color: #79e1d5; font-size: 9.5px; font-weight: 800; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.045em; } .smc-inclusions__compare-item strong { display: block; color: #ffffff; font-size: 12px; font-weight: 700; line-height: 1.42; } .smc-inclusions__compare-arrow { display: grid; place-items: center; color: rgba(255, 255, 255, 0.46); font-size: 22px; font-weight: 700; } /* ============================================================== BOTTOM ============================================================== */ .smc-inclusions__bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; margin-top: 17px; padding: 13px 15px; border: 1px solid #d9e8e6; border-radius: 14px; background: #f8fcfc; } .smc-inclusions__bottom > div { display: flex; align-items: center; gap: 10px; min-width: 0; } .smc-inclusions__bottom-icon { display: grid; place-items: center; flex: 0 0 auto; width: 33px; height: 33px; border-radius: 10px; background: #f28a2e; color: #ffffff; font-size: 16px; font-weight: 900; } .smc-inclusions__bottom p { margin: 0; color: #5f747b !important; font-size: 11.5px; line-height: 1.4; } .smc-inclusions__bottom p strong { color: #183640; } .smc-inclusions__back { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: #087c8f !important; font-size: 11.5px; font-weight: 800; } .smc-inclusions__back > span { color: #f28a2e; } /* ============================================================== FOCUS ============================================================== */ .smc-inclusions a:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.65); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-inclusions *, .smc-inclusions *::before, .smc-inclusions *::after { animation: none !important; transition: none !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-inclusions { padding-left: 18px; padding-right: 18px; } .smc-inclusions__acoustic { grid-template-columns: 1fr; } .smc-inclusions__compare { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-inclusions { padding: 48px 14px; } .smc-inclusions__header { margin-bottom: 28px; text-align: left; } .smc-inclusions__eyebrow { font-size: 10.5px; } .smc-inclusions__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-inclusions__title span { display: inline; } .smc-inclusions__answer { grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 13px; border-radius: 13px; } .smc-inclusions__answer-icon { width: 39px; height: 39px; border-radius: 10px; font-size: 18px; } .smc-inclusions__answer p { font-size: 13.5px; line-height: 1.57; } .smc-inclusions__video-jump { grid-template-columns: 38px minmax(0, 1fr); margin-left: 0; } .smc-inclusions__video-jump > i { display: none; } .smc-inclusions__video-play { width: 38px; height: 38px; } .smc-inclusions__grid { grid-template-columns: 1fr; gap: 13px; } .smc-inclusions__card { padding: 17px; border-radius: 16px; } .smc-inclusions__card-head { margin-bottom: 15px; } .smc-inclusions__card-icon { width: 42px; height: 42px; border-radius: 12px; font-size: 18px; } .smc-inclusions__included-focus { grid-template-columns: 39px minmax(0, 1fr); padding: 14px; } .smc-inclusions__included-focus > span { width: 39px; height: 39px; } .smc-inclusions__included-focus strong { font-size: 20px; } .smc-inclusions__acoustic { padding: 18px; border-radius: 17px; } .smc-inclusions__acoustic h3 { font-size: 22px; } .smc-inclusions__compare { grid-template-columns: 1fr; gap: 8px; } .smc-inclusions__compare-arrow { font-size: 18px; } .smc-inclusions__acoustic-actions { display: grid; grid-template-columns: 1fr; } .smc-inclusions__acoustic-video, .smc-inclusions__acoustic-link { justify-content: center; width: 100%; } .smc-inclusions__bottom { display: block; } .smc-inclusions__back { margin-top: 10px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-inclusions { padding-left: 12px; padding-right: 12px; } .smc-inclusions__answer { grid-template-columns: 1fr; } .smc-inclusions__excluded-list li { grid-template-columns: 34px minmax(0, 1fr); padding: 10px; } .smc-inclusions__list-icon { width: 34px; height: 34px; border-radius: 9px; } .smc-inclusions__included-focus { grid-template-columns: 1fr; } } /* ============================================================== SCHERMI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-inclusions { padding-left: 10px; padding-right: 10px; } .smc-inclusions__video-jump { grid-template-columns: 1fr; } .smc-inclusions__card { padding: 14px; } .smc-inclusions__excluded-list li { grid-template-columns: 1fr; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-video, .smc-video *, .smc-video *::before, .smc-video *::after { box-sizing: border-box; } .smc-video { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-teal-soft: #e8f8f6; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 88px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f7fbfb 0%, #ffffff 35%, #f5faf9 100% ); color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-video a { text-decoration: none !important; } .smc-video button { font-family: inherit; } .smc-video__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-video__header { width: min(100%, 970px); margin: 0 auto clamp(30px, 4vw, 44px); text-align: center; } .smc-video__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #073844; color: #ffffff !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-video__eyebrow span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #f28a2e; font-size: 10px; } .smc-video__title { max-width: 930px; margin: 0 auto 18px; color: #073844 !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-video__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== ANSWER ============================================================== */ .smc-video__answer { width: min(100%, 880px); margin: 0 auto 17px; padding: 16px 19px; border: 1px solid #cfe6e3; border-radius: 16px; background: #ffffff; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); } .smc-video__answer p { margin: 0; color: #466168 !important; font-size: clamp(14.5px, 1.25vw, 16px); line-height: 1.64; } .smc-video__answer strong { color: #183640; } /* ============================================================== FACTS ============================================================== */ .smc-video__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: min(100%, 760px); margin: 0 auto; } .smc-video__fact { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 10px; border: 1px solid #d9e7e5; border-radius: 11px; background: #ffffff; } .smc-video__fact > span { display: grid; place-items: center; flex: 0 0 auto; width: 29px; height: 29px; border-radius: 9px; background: #e8f8f6; color: #087c8f; font-size: 12px; font-weight: 900; } .smc-video__fact--price > span { background: #fff1e4; color: #d66d0e; } .smc-video__fact p { margin: 0; text-align: left; } .smc-video__fact strong, .smc-video__fact small { display: block; } .smc-video__fact strong { color: #073844; font-size: 12.5px; font-weight: 900; line-height: 1.15; } .smc-video__fact small { margin-top: 2px; color: #718389; font-size: 9.5px; line-height: 1.2; } /* ============================================================== PLAYER AREA ============================================================== */ .smc-video__player-area { width: min(100%, 1020px); margin: 0 auto 25px; } /* ============================================================== TARGET REALE DELLO SCROLL IMPORTANTE: è questo elemento che viene portato in cima allo schermo. ============================================================== */ #smc-video-player-target { scroll-margin-top: 18px; } .smc-video__figure { position: relative; width: 100%; margin: 0; overflow: hidden; border: 1px solid #cadfdd; border-radius: 22px; background: #073844; box-shadow: 0 20px 48px rgba(7, 56, 68, 0.17); outline: none; } .smc-video__figure:focus { outline: none; } .smc-video__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000000; } .smc-video__frame iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } /* ============================================================== CAPTION ============================================================== */ .smc-video__caption { display: flex; align-items: center; gap: 10px; padding: 12px 15px; background: #073844; color: rgba(255, 255, 255, 0.78); } .smc-video__caption > span { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; background: #f28a2e; color: #ffffff; font-size: 10px; } .smc-video__caption p { margin: 0; font-size: 11px; line-height: 1.45; } .smc-video__caption strong { color: #ffffff; } /* ============================================================== SHORTCUT PREZZI ============================================================== */ .smc-video__shortcut { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: calc(100% - 34px); margin: -1px auto 0; padding: 13px 16px; border: 1px solid #f0cba9; border-top: 0; border-radius: 0 0 16px 16px; background: linear-gradient( 135deg, #fff7ef, #fff1e4 ); } .smc-video__shortcut-copy small { display: block; margin-bottom: 2px; color: #9b5d2c; font-size: 10px; font-weight: 700; } .smc-video__shortcut-copy strong { display: block; margin-bottom: 2px; color: #8c4108; font-size: 15px; font-weight: 900; } .smc-video__shortcut-copy p { margin: 0; color: #7a6251 !important; font-size: 10.5px; line-height: 1.4; } .smc-video__shortcut-button { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; min-height: 48px; padding: 8px 13px; border: 0; border-radius: 12px; background: linear-gradient( 135deg, #f28a2e, #d66d0e ); color: #ffffff; cursor: pointer; box-shadow: 0 9px 20px rgba(214, 109, 14, 0.22); transition: transform 0.18s ease, box-shadow 0.18s ease; } .smc-video__shortcut-button:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(214, 109, 14, 0.28); } .smc-video__shortcut-button > span { font-size: 12px; } .smc-video__shortcut-button small, .smc-video__shortcut-button strong { display: block; } .smc-video__shortcut-button small { color: rgba(255, 255, 255, 0.75); font-size: 9px; } .smc-video__shortcut-button strong { color: #ffffff; font-size: 15px; font-weight: 900; } /* ============================================================== CHAPTER BOX ============================================================== */ .smc-video__chapters { width: 100%; padding: clamp(19px, 3vw, 28px); border: 1px solid #d5e6e4; border-radius: 20px; background: #ffffff; box-shadow: 0 11px 32px rgba(7, 56, 68, 0.065); } .smc-video__chapters-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 10px; } .smc-video__chapters-label { margin: 0 0 3px; color: #087c8f !important; font-size: 10.5px; font-weight: 800; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.055em; } .smc-video__chapters-head h3 { margin: 0; color: #073844 !important; font-size: clamp(21px, 2.4vw, 29px); font-weight: 800; line-height: 1.16; letter-spacing: -0.02em; } .smc-video__chapters-count { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #e8f8f6; color: #087c8f; font-size: 10.5px; font-weight: 800; } .smc-video__chapters-intro { max-width: 940px; margin: 0 0 18px; color: #5d747b !important; font-size: 12.5px; line-height: 1.56; } .smc-video__chapters-intro strong { color: #314e56; } /* ============================================================== LISTA CAPITOLI ============================================================== */ .smc-video__chapters-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 0; padding: 0; list-style: none; } .smc-video__chapters-list li { min-width: 0; margin: 0; padding: 0; } .smc-video__chapter { display: grid; grid-template-columns: 58px minmax(0, 1fr) 32px; gap: 11px; align-items: center; width: 100%; min-height: 82px; padding: 11px 12px; border: 1px solid #dce8e7; border-radius: 13px; background: #f9fcfc; color: #183640; text-align: left; cursor: pointer; transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease; } .smc-video__chapter:hover { transform: translateY(-1px); border-color: #9fcfc9; background: #f0faf8; box-shadow: 0 7px 16px rgba(7, 56, 68, 0.06); } .smc-video__chapter time { display: grid; place-items: center; width: 58px; min-height: 38px; padding: 4px 6px; border-radius: 10px; background: #073844; color: #ffffff; font-size: 12px; font-weight: 900; line-height: 1; } .smc-video__chapter-copy { display: block; min-width: 0; } .smc-video__chapter-copy strong { display: block; margin-bottom: 3px; color: #183640; font-size: 12.5px; font-weight: 800; line-height: 1.3; } .smc-video__chapter-copy > span { display: block; color: #6b7e84; font-size: 10.5px; line-height: 1.4; } .smc-video__chapter-play { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #e8f8f6; color: #087c8f; font-size: 10px; } /* ============================================================== CAPITOLI PREZZI ============================================================== */ .smc-video__chapter--price { border-color: #efc49f; background: linear-gradient( 135deg, #fff9f3, #fff3e8 ); } .smc-video__chapter--price time { background: linear-gradient( 135deg, #f28a2e, #d66d0e ); } .smc-video__chapter--price .smc-video__chapter-play { background: #f28a2e; color: #ffffff; } /* ============================================================== CAPITOLO ATTIVO ============================================================== */ .smc-video__chapter.is-active { border-color: #00a991; background: #eaf9f5; box-shadow: 0 0 0 2px rgba(0, 169, 145, 0.08); } .smc-video__chapter.is-active time { background: #00a991; } .smc-video__chapter.is-active .smc-video__chapter-play { background: #00a991; color: #ffffff; } /* ============================================================== SUMMARY ============================================================== */ .smc-video__summary { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 13px; width: min(100%, 960px); margin: 18px auto 0; padding: 16px 18px; border: 1px solid #b9ded9; border-radius: 15px; background: linear-gradient( 135deg, #073844, #052b35 ); } .smc-video__summary-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: rgba(0, 169, 145, 0.22); color: #79e1d5; font-size: 16px; font-weight: 900; } .smc-video__summary h3 { margin: 0 0 5px; color: #ffffff !important; font-size: 16px; font-weight: 800; line-height: 1.3; } .smc-video__summary p { margin: 0; color: rgba(255, 255, 255, 0.75) !important; font-size: 11.5px; line-height: 1.55; } .smc-video__summary strong { color: #ffffff; } /* ============================================================== ACCESSIBILITÀ ============================================================== */ .smc-video button:focus-visible, .smc-video a:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.65); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-video *, .smc-video *::before, .smc-video *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-video { padding-left: 18px; padding-right: 18px; } .smc-video__chapters-list { grid-template-columns: 1fr; } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-video { padding: 48px 14px; } .smc-video__header { text-align: left; } .smc-video__eyebrow { font-size: 10.5px; } .smc-video__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-video__title span { display: inline; } .smc-video__answer { padding: 14px; } .smc-video__answer p { font-size: 13.5px; } .smc-video__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-left: 0; } .smc-video__figure { border-radius: 16px; } #smc-video-player-target { scroll-margin-top: 12px; } .smc-video__shortcut { display: block; width: calc(100% - 12px); padding: 12px; } .smc-video__shortcut-button { justify-content: center; width: 100%; margin-top: 10px; } .smc-video__chapters { padding: 15px; border-radius: 16px; } .smc-video__chapters-head { display: block; } .smc-video__chapters-count { display: inline-flex; margin-top: 9px; } .smc-video__chapter { grid-template-columns: 52px minmax(0, 1fr) 28px; min-height: 76px; gap: 9px; padding: 10px; } .smc-video__chapter time { width: 52px; font-size: 11px; } .smc-video__chapter-copy strong { font-size: 11.5px; } .smc-video__chapter-copy > span { font-size: 9.8px; } .smc-video__chapter-play { width: 28px; height: 28px; } .smc-video__summary { grid-template-columns: 38px minmax(0, 1fr); padding: 13px; } .smc-video__summary-icon { width: 38px; height: 38px; border-radius: 10px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-video { padding-left: 12px; padding-right: 12px; } .smc-video__facts { gap: 6px; } .smc-video__fact { justify-content: flex-start; padding: 8px; } .smc-video__chapter { grid-template-columns: 48px minmax(0, 1fr); align-items: flex-start; } .smc-video__chapter time { width: 48px; } .smc-video__chapter-play { display: none; } .smc-video__chapter-copy > span { font-size: 9.5px; } } /* ============================================================== SCHERMI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-video { padding-left: 10px; padding-right: 10px; } .smc-video__facts { grid-template-columns: 1fr; } .smc-video__chapter { grid-template-columns: 1fr; } .smc-video__chapter time { width: fit-content; min-width: 54px; } .smc-video__summary { grid-template-columns: 1fr; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } .smc-factors, .smc-factors *, .smc-factors *::before, .smc-factors *::after { box-sizing: border-box; } .smc-factors { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-teal-soft: #e8f8f6; --smc-green-soft: #eaf9f5; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 88px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f7fbfb 0%, #ffffff 48%, #f7fbfb 100% ); color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-factors a { text-decoration: none !important; } .smc-factors button { font-family: inherit; } .smc-factors__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-factors__header { width: min(100%, 970px); margin: 0 auto clamp(35px, 4vw, 48px); text-align: center; } .smc-factors__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #e8f8f6; color: #087c8f !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-factors__eyebrow > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #f28a2e; color: #ffffff; font-size: 13px; font-weight: 900; } .smc-factors__title { max-width: 930px; margin: 0 auto 18px; color: #073844 !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-factors__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== ANSWER ============================================================== */ .smc-factors__answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; align-items: center; width: min(100%, 890px); margin: 0 auto; padding: 16px 19px; border: 1px solid #cfe7e4; border-radius: 16px; background: #ffffff; text-align: left; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); } .smc-factors__answer-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #f28a2e; color: #ffffff; font-size: 21px; font-weight: 900; } .smc-factors__answer p { margin: 0; color: #466168 !important; font-size: clamp(14.5px, 1.25vw, 16px); line-height: 1.64; } .smc-factors__answer strong { color: #183640; } /* ============================================================== LAYOUT ============================================================== */ .smc-factors__layout { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.55fr); gap: clamp(20px, 3vw, 30px); align-items: start; width: 100%; } /* ============================================================== INTRO ============================================================== */ .smc-factors__intro { position: sticky; top: 20px; min-width: 0; padding: clamp(21px, 2.8vw, 28px); border: 1px solid #b9ddd8; border-radius: 21px; background: linear-gradient( 135deg, #073844 0%, #052b35 100% ); box-shadow: 0 17px 40px rgba(7, 56, 68, 0.15); } .smc-factors__intro-label { margin: 0 0 6px; color: #79e1d5 !important; font-size: 10px; font-weight: 800; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.06em; } .smc-factors__intro h3 { margin: 0 0 12px; color: #ffffff !important; font-size: clamp(22px, 2.6vw, 31px); font-weight: 800; line-height: 1.15; letter-spacing: -0.025em; } .smc-factors__intro h3 span { display: block; margin-top: 3px; color: #79e1d5; } .smc-factors__intro > p:not(.smc-factors__intro-label) { margin: 0; color: rgba(255, 255, 255, 0.77) !important; font-size: 12.5px; line-height: 1.6; } .smc-factors__intro strong { color: #ffffff; } /* ============================================================== FORMULA ============================================================== */ .smc-factors__formula { display: grid; gap: 7px; margin-top: 18px; } .smc-factors__formula-row, .smc-factors__formula-result { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 9px; align-items: center; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smc-factors__formula-row > span, .smc-factors__formula-result > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(0, 169, 145, 0.17); color: #79e1d5; font-size: 9px; font-weight: 900; } .smc-factors__formula-row p, .smc-factors__formula-result p { margin: 0; } .smc-factors__formula-row strong, .smc-factors__formula-result strong { display: block; margin-bottom: 2px; color: #ffffff; font-size: 11px; font-weight: 800; line-height: 1.25; } .smc-factors__formula-row small, .smc-factors__formula-result small { display: block; color: rgba(255, 255, 255, 0.58); font-size: 9.2px; line-height: 1.35; } .smc-factors__formula-plus, .smc-factors__formula-equal { display: grid; place-items: center; height: 15px; color: rgba(255, 255, 255, 0.42); font-size: 14px; font-weight: 800; } .smc-factors__formula-result { border-color: rgba(242, 138, 46, 0.38); background: rgba(242, 138, 46, 0.13); } .smc-factors__formula-result > span { background: #f28a2e; color: #ffffff; font-size: 14px; } /* ============================================================== LINK PREZZI ============================================================== */ .smc-factors__prices-link { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; margin-top: 17px; padding: 10px 12px; border: 1px solid rgba(121, 225, 213, 0.25); border-radius: 11px; background: rgba(255, 255, 255, 0.08); color: #ffffff !important; } .smc-factors__prices-link > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #f28a2e; color: #ffffff; font-size: 17px; font-weight: 900; } .smc-factors__prices-link small, .smc-factors__prices-link strong { display: block; } .smc-factors__prices-link small { color: rgba(255, 255, 255, 0.57); font-size: 9px; } .smc-factors__prices-link strong { color: #ffffff; font-size: 11px; font-weight: 800; } .smc-factors__prices-link i { color: #79e1d5; font-size: 18px; font-style: normal; } /* ============================================================== GRID FATTORI ============================================================== */ .smc-factors__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; } /* ============================================================== CARD FATTORE ============================================================== */ .smc-factor-card { min-width: 0; padding: 17px; border: 1px solid #d9e8e6; border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(7, 56, 68, 0.055); transition: transform 0.17s ease, border-color 0.17s ease, box-shadow 0.17s ease; } .smc-factor-card:hover { transform: translateY(-2px); border-color: #acd5cf; box-shadow: 0 12px 28px rgba(7, 56, 68, 0.085); } .smc-factor-card--accent { border-top: 3px solid #f28a2e; background: linear-gradient( 180deg, #ffffff, #fffaf6 ); } .smc-factor-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; } .smc-factor-card__top > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #073844; color: #ffffff; font-size: 9px; font-weight: 900; } .smc-factor-card__top > small { padding: 5px 8px; border-radius: 999px; background: #e8f8f6; color: #087c8f; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .smc-factor-card h3 { margin: 0 0 8px; color: #073844 !important; font-size: 16px; font-weight: 800; line-height: 1.28; } .smc-factor-card > p { margin: 0; color: #60767d !important; font-size: 11.5px; line-height: 1.53; } .smc-factor-card > p strong { color: #314e56; } /* ============================================================== IMPATTO COSTO ============================================================== */ .smc-factor-card__impact { display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 8px; align-items: center; margin-top: 13px; padding: 9px 10px; border: 1px solid #dce9e8; border-radius: 10px; background: #f8fcfc; } .smc-factor-card__impact > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: #fff1e4; color: #d66d0e; font-size: 13px; font-weight: 900; } .smc-factor-card__impact p { margin: 0; color: #657a80 !important; font-size: 9.8px; line-height: 1.4; } .smc-factor-card__impact strong { color: #183640; } /* ============================================================== 20 MQ ============================================================== */ .smc-factors__sqm { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 17px; align-items: center; width: 100%; margin-top: clamp(29px, 4vw, 43px); padding: clamp(19px, 2.7vw, 26px); border: 1px solid #efcfb4; border-radius: 19px; background: linear-gradient( 135deg, #fff9f3, #fff1e4 ); } .smc-factors__sqm-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: #f28a2e; color: #ffffff; font-size: 15px; font-weight: 900; } .smc-factors__sqm-label { margin: 0 0 3px; color: #b45b16 !important; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.055em; } .smc-factors__sqm-content h3 { margin: 0 0 6px; color: #073844 !important; font-size: clamp(18px, 2.1vw, 24px); font-weight: 800; line-height: 1.2; } .smc-factors__sqm-content > p:last-child { margin: 0; color: #665e57 !important; font-size: 11.5px; line-height: 1.55; } .smc-factors__sqm-content strong { color: #183640; } .smc-factors__sqm-button { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 9px 12px; border-radius: 11px; background: linear-gradient( 135deg, #073844, #052b35 ); color: #ffffff !important; } .smc-factors__sqm-button > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: rgba(242, 138, 46, 0.19); color: #f7a158; font-size: 15px; font-weight: 900; } .smc-factors__sqm-button small, .smc-factors__sqm-button strong { display: block; } .smc-factors__sqm-button small { margin-bottom: 2px; color: rgba(255, 255, 255, 0.61); font-size: 8.5px; } .smc-factors__sqm-button strong { color: #ffffff; font-size: 10.5px; font-weight: 800; } /* ============================================================== VIDEO ============================================================== */ .smc-factors__video { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(100%, 960px); margin: 17px auto 0; padding: 15px 17px; border: 1px solid #b7ddd8; border-radius: 15px; background: linear-gradient( 135deg, #073844, #052b35 ); } .smc-factors__video-label { margin: 0 0 3px; color: #79e1d5 !important; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-factors__video h3 { margin: 0 0 4px; color: #ffffff !important; font-size: 15px; font-weight: 800; line-height: 1.3; } .smc-factors__video > div > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.68) !important; font-size: 10.5px; line-height: 1.45; } .smc-factors__video-button { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 9px 12px; border: 0; border-radius: 11px; background: linear-gradient( 135deg, #f28a2e, #d66d0e ); color: #ffffff; cursor: pointer; } .smc-factors__video-button > span { font-size: 11px; } .smc-factors__video-button small, .smc-factors__video-button strong { display: block; } .smc-factors__video-button small { margin-bottom: 2px; color: rgba(255, 255, 255, 0.69); font-size: 8.5px; } .smc-factors__video-button strong { color: #ffffff; font-size: 10.5px; font-weight: 800; } /* ============================================================== ACCESSIBILITÀ ============================================================== */ .smc-factors a:focus-visible, .smc-factors button:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.65); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-factors *, .smc-factors *::before, .smc-factors *::after { animation: none !important; transition: none !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-factors { padding-left: 18px; padding-right: 18px; } .smc-factors__layout { grid-template-columns: 1fr; } .smc-factors__intro { position: relative; top: auto; } .smc-factors__formula { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smc-factors__formula-plus, .smc-factors__formula-equal { display: none; } .smc-factors__formula-result { grid-column: 1 / -1; } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-factors { padding: 48px 14px; } .smc-factors__header { text-align: left; } .smc-factors__eyebrow { font-size: 10.5px; } .smc-factors__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-factors__title span { display: inline; } .smc-factors__answer { grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 14px; } .smc-factors__answer-icon { width: 40px; height: 40px; border-radius: 11px; font-size: 18px; } .smc-factors__answer p { font-size: 13.5px; line-height: 1.58; } .smc-factors__intro { padding: 17px; border-radius: 16px; } .smc-factors__intro h3 { font-size: 22px; } .smc-factors__formula { grid-template-columns: 1fr; } .smc-factors__formula-result { grid-column: auto; } .smc-factors__grid { grid-template-columns: 1fr; gap: 10px; } .smc-factor-card { padding: 15px; border-radius: 14px; } .smc-factors__sqm { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding: 16px; } .smc-factors__sqm-icon { width: 48px; height: 48px; border-radius: 13px; font-size: 13px; } .smc-factors__sqm-button { grid-column: 1 / -1; justify-content: center; width: 100%; } .smc-factors__video { display: block; padding: 14px; } .smc-factors__video-button { justify-content: center; width: 100%; margin-top: 11px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-factors { padding-left: 12px; padding-right: 12px; } .smc-factors__answer { grid-template-columns: 1fr; } .smc-factors__sqm { grid-template-columns: 1fr; } .smc-factors__sqm-button { grid-column: auto; } .smc-factors__prices-link { grid-template-columns: 36px minmax(0, 1fr); } .smc-factors__prices-link i { display: none; } } /* ============================================================== SCHERMI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-factors { padding-left: 10px; padding-right: 10px; } .smc-factor-card { padding: 13px; } .smc-factor-card__impact { grid-template-columns: 1fr; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_07 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-drums, .smc-drums *, .smc-drums *::before, .smc-drums *::after { box-sizing: border-box; } .smc-drums { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-teal-soft: #e8f8f6; --smc-green-soft: #eaf9f5; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 88px) 16px; overflow: hidden; background: linear-gradient( 180deg, #ffffff 0%, #f8fcfc 50%, #ffffff 100% ); color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-drums a { text-decoration: none !important; } .smc-drums button { font-family: inherit; } .smc-drums__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-drums__header { width: min(100%, 970px); margin: 0 auto clamp(34px, 4vw, 48px); text-align: center; } .smc-drums__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #e8f8f6; color: #087c8f !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-drums__eyebrow > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #073844; font-size: 13px; } .smc-drums__title { max-width: 930px; margin: 0 auto 18px; color: #073844 !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-drums__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== ANSWER ============================================================== */ .smc-drums__answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; align-items: center; width: min(100%, 890px); margin: 0 auto 16px; padding: 16px 19px; border: 1px solid #cfe7e4; border-radius: 16px; background: #ffffff; text-align: left; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); } .smc-drums__answer-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #f28a2e; color: #ffffff; font-size: 21px; font-weight: 900; } .smc-drums__answer p { margin: 0; color: #466168 !important; font-size: clamp(14.5px, 1.25vw, 16px); line-height: 1.64; } .smc-drums__answer strong { color: #183640; } /* ============================================================== VIDEO LINKS ============================================================== */ .smc-drums__video-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; width: min(100%, 680px); margin: 0 auto; } .smc-drums__video-link { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1px solid #d7e7e5; border-radius: 12px; background: #ffffff; color: #183640; text-align: left; cursor: pointer; box-shadow: 0 6px 18px rgba(7, 56, 68, 0.045); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .smc-drums__video-link:hover { transform: translateY(-2px); border-color: #9bcfc8; box-shadow: 0 10px 24px rgba(7, 56, 68, 0.08); } .smc-drums__video-link > span { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; background: #073844; color: #ffffff; font-size: 11px; font-weight: 900; } .smc-drums__video-link:last-child > span { background: #f28a2e; } .smc-drums__video-link small, .smc-drums__video-link strong { display: block; } .smc-drums__video-link small { margin-bottom: 2px; color: #74868b; font-size: 9.5px; line-height: 1.2; } .smc-drums__video-link strong { color: #073844; font-size: 11.5px; font-weight: 800; line-height: 1.3; } /* ============================================================== LAYOUT PRINCIPALE ============================================================== */ .smc-drums__layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: clamp(19px, 3vw, 30px); align-items: stretch; width: 100%; } /* ============================================================== MAIN CARD ============================================================== */ .smc-drums__main-card { min-width: 0; padding: clamp(21px, 2.8vw, 29px); border: 1px solid #b9ddd8; border-top: 4px solid #00a991; border-radius: 21px; background: #ffffff; box-shadow: 0 12px 32px rgba(7, 56, 68, 0.07); } .smc-drums__main-head { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; } .smc-drums__main-icon { display: grid; place-items: center; flex: 0 0 auto; width: 49px; height: 49px; border-radius: 14px; background: #073844; font-size: 20px; } .smc-drums__main-head p { margin: 0 0 3px; color: #087c8f !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-drums__main-head h3 { margin: 0; color: #073844 !important; font-size: clamp(20px, 2.2vw, 27px); font-weight: 800; line-height: 1.2; } .smc-drums__main-intro { margin: 0 0 18px; color: #587078 !important; font-size: 13px; line-height: 1.62; } .smc-drums__main-intro strong { color: #314e56; } /* ============================================================== PROBLEM GRID ============================================================== */ .smc-drums__problem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .smc-drums__problem { min-width: 0; padding: 13px; border: 1px solid #ddeae8; border-radius: 12px; background: #f8fcfc; } .smc-drums__problem > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 9px; border-radius: 9px; background: #e8f8f6; color: #087c8f; font-size: 9px; font-weight: 900; } .smc-drums__problem strong { display: block; margin-bottom: 4px; color: #183640; font-size: 12px; font-weight: 800; } .smc-drums__problem p { margin: 0; color: #687c82 !important; font-size: 10.2px; line-height: 1.45; } /* ============================================================== COST MESSAGE ============================================================== */ .smc-drums__cost-message { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 17px; padding: 13px; border: 1px solid #efcfb5; border-radius: 12px; background: #fff5eb; } .smc-drums__cost-message > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #f28a2e; color: #ffffff; font-size: 19px; font-weight: 900; } .smc-drums__cost-message strong { display: block; margin-bottom: 3px; color: #073844; font-size: 12px; font-weight: 900; } .smc-drums__cost-message p { margin: 0; color: #6b625a !important; font-size: 10.5px; line-height: 1.45; } /* ============================================================== PRICE BOX ============================================================== */ .smc-drums__price-box { min-width: 0; padding: clamp(20px, 2.6vw, 26px); border: 1px solid #cedfdd; border-top: 4px solid #f28a2e; border-radius: 21px; background: linear-gradient( 180deg, #ffffff, #fffaf6 ); box-shadow: 0 12px 32px rgba(7, 56, 68, 0.07); } .smc-drums__price-label { margin: 0 0 4px; color: #b55b14 !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-drums__price-box h3 { margin: 0 0 16px; color: #073844 !important; font-size: clamp(19px, 2vw, 24px); font-weight: 800; line-height: 1.22; } /* ============================================================== PRICE LIST ============================================================== */ .smc-drums__price-list { display: grid; gap: 7px; } .smc-drums__price-item { display: flex; align-items: center; justify-content: space-between; gap: 11px; min-width: 0; padding: 11px; border: 1px solid #e0eae9; border-radius: 11px; background: #ffffff; } .smc-drums__price-item > div { min-width: 0; } .smc-drums__price-item > div > strong { display: block; margin-bottom: 2px; color: #183640; font-size: 11px; font-weight: 800; } .smc-drums__price-item small { display: block; color: #74858a; font-size: 9px; } .smc-drums__price-item > p { flex: 0 0 auto; margin: 0; text-align: right; } .smc-drums__price-item > p > strong { display: block; color: #d66d0e; font-size: 17px; font-weight: 900; line-height: 1; } .smc-drums__price-item > p > span { display: block; margin-top: 3px; color: #667b81; font-size: 9px; font-weight: 700; } .smc-drums__price-item--custom { border-color: #efcfb5; background: #fff7ef; } /* ============================================================== VAT ============================================================== */ .smc-drums__vat { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: center; margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: #fff1e4; } .smc-drums__vat > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #f28a2e; color: #ffffff; font-size: 11px; font-weight: 900; } .smc-drums__vat p { margin: 0; color: #715b4b !important; font-size: 9.5px; line-height: 1.4; } .smc-drums__vat strong { color: #a84f0b; } /* ============================================================== ALL PRICES ============================================================== */ .smc-drums__all-prices { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; align-items: center; margin-top: 11px; padding: 10px 11px; border-radius: 11px; background: linear-gradient( 135deg, #073844, #052b35 ); color: #ffffff !important; } .smc-drums__all-prices > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: rgba(242, 138, 46, 0.17); color: #f6a359; font-size: 15px; font-weight: 900; } .smc-drums__all-prices small, .smc-drums__all-prices strong { display: block; } .smc-drums__all-prices small { margin-bottom: 2px; color: rgba(255, 255, 255, 0.59); font-size: 8.5px; } .smc-drums__all-prices strong { color: #ffffff; font-size: 10.5px; font-weight: 800; } .smc-drums__all-prices i { color: #79e1d5; font-size: 17px; font-style: normal; } /* ============================================================== PLATFORM ============================================================== */ .smc-drums__platform { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 16px; align-items: center; width: 100%; margin-top: clamp(28px, 4vw, 42px); padding: clamp(19px, 2.8vw, 26px); border: 1px solid #b5ddd7; border-radius: 19px; background: linear-gradient( 135deg, #073844, #052b35 ); box-shadow: 0 16px 38px rgba(7, 56, 68, 0.15); } .smc-drums__platform-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: #00a991; color: #ffffff; font-size: 22px; font-weight: 900; } .smc-drums__platform-label { margin: 0 0 4px; color: #79e1d5 !important; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.055em; } .smc-drums__platform h3 { margin: 0 0 6px; color: #ffffff !important; font-size: clamp(19px, 2.2vw, 25px); font-weight: 800; line-height: 1.2; } .smc-drums__platform-content > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.75) !important; font-size: 11.5px; line-height: 1.55; } .smc-drums__platform-content strong { color: #ffffff; } .smc-drums__platform-button { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 9px 12px; border: 0; border-radius: 11px; background: linear-gradient( 135deg, #f28a2e, #d66d0e ); color: #ffffff; cursor: pointer; } .smc-drums__platform-button > span { font-size: 11px; } .smc-drums__platform-button small, .smc-drums__platform-button strong { display: block; } .smc-drums__platform-button small { margin-bottom: 2px; color: rgba(255, 255, 255, 0.66); font-size: 8.5px; } .smc-drums__platform-button strong { color: #ffffff; font-size: 10.5px; font-weight: 800; } /* ============================================================== FACTORS ============================================================== */ .smc-drums__factors { width: 100%; margin-top: clamp(27px, 4vw, 40px); } .smc-drums__factors-head { margin-bottom: 15px; text-align: center; } .smc-drums__factors-head > p { margin: 0 0 4px; color: #087c8f !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-drums__factors-head h3 { margin: 0; color: #073844 !important; font-size: clamp(21px, 2.5vw, 29px); font-weight: 800; line-height: 1.18; } .smc-drums__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smc-drums__factor { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; align-items: flex-start; min-width: 0; padding: 13px; border: 1px solid #dae8e6; border-radius: 13px; background: #ffffff; box-shadow: 0 7px 20px rgba(7, 56, 68, 0.045); } .smc-drums__factor > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: #e8f8f6; color: #087c8f; font-size: 9px; font-weight: 900; } .smc-drums__factor strong { display: block; margin-bottom: 3px; color: #183640; font-size: 11.5px; font-weight: 800; } .smc-drums__factor p { margin: 0; color: #718389 !important; font-size: 9.8px; line-height: 1.42; } /* ============================================================== SUMMARY ============================================================== */ .smc-drums__summary { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; width: min(100%, 960px); margin: clamp(24px, 3vw, 34px) auto 0; padding: 17px 19px; border: 1px solid #b7ddd8; border-radius: 16px; background: #eaf9f5; } .smc-drums__summary-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #00a991; color: #ffffff; font-size: 20px; font-weight: 900; } .smc-drums__summary-label { margin: 0 0 3px; color: #087c8f !important; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-drums__summary h3 { margin: 0 0 5px; color: #073844 !important; font-size: 16px; font-weight: 800; line-height: 1.3; } .smc-drums__summary p:last-child { margin: 0; color: #587078 !important; font-size: 11px; line-height: 1.5; } .smc-drums__summary strong { color: #183640; } /* ============================================================== FOOTER ============================================================== */ .smc-drums__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; margin-top: 17px; padding: 14px 16px; border: 1px solid #d9e8e6; border-radius: 14px; background: #ffffff; } .smc-drums__footer p { margin: 0; color: #61767c !important; font-size: 11px; line-height: 1.45; } .smc-drums__footer p strong { color: #183640; } .smc-drums__footer-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 9px 12px; border-radius: 10px; background: #073844; color: #ffffff !important; font-size: 10.5px; font-weight: 800; } .smc-drums__footer-link > span { color: #79e1d5; font-size: 16px; } /* ============================================================== ACCESSIBILITÀ ============================================================== */ .smc-drums a:focus-visible, .smc-drums button:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.65); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-drums *, .smc-drums *::before, .smc-drums *::after { animation: none !important; transition: none !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-drums { padding-left: 18px; padding-right: 18px; } .smc-drums__layout { grid-template-columns: 1fr; } .smc-drums__problem-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .smc-drums__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-drums { padding: 48px 14px; } .smc-drums__header { text-align: left; } .smc-drums__eyebrow { font-size: 10.5px; } .smc-drums__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-drums__title span { display: inline; } .smc-drums__answer { grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 14px; } .smc-drums__answer-icon { width: 40px; height: 40px; font-size: 18px; } .smc-drums__answer p { font-size: 13.5px; line-height: 1.58; } .smc-drums__video-links { grid-template-columns: 1fr; margin-left: 0; } .smc-drums__main-card, .smc-drums__price-box { padding: 17px; border-radius: 16px; } .smc-drums__problem-grid { grid-template-columns: 1fr; } .smc-drums__platform { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 16px; border-radius: 16px; } .smc-drums__platform-icon { width: 44px; height: 44px; border-radius: 12px; font-size: 18px; } .smc-drums__platform-button { grid-column: 1 / -1; justify-content: center; width: 100%; } .smc-drums__factors-grid { grid-template-columns: 1fr; } .smc-drums__summary { grid-template-columns: 40px minmax(0, 1fr); padding: 14px; } .smc-drums__summary-icon { width: 40px; height: 40px; border-radius: 11px; } .smc-drums__footer { display: block; } .smc-drums__footer-link { justify-content: center; width: 100%; margin-top: 10px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-drums { padding-left: 12px; padding-right: 12px; } .smc-drums__answer { grid-template-columns: 1fr; } .smc-drums__price-item { display: block; } .smc-drums__price-item > p { margin-top: 8px; text-align: left; } .smc-drums__platform { grid-template-columns: 1fr; } .smc-drums__platform-button { grid-column: auto; } .smc-drums__summary { grid-template-columns: 1fr; } .smc-drums__all-prices { grid-template-columns: 36px minmax(0, 1fr); } .smc-drums__all-prices i { display: none; } } /* ============================================================== SCHERMI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-drums { padding-left: 10px; padding-right: 10px; } .smc-drums__main-card, .smc-drums__price-box { padding: 14px; } .smc-drums__factor { grid-template-columns: 1fr; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_08 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_8 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_8 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } .smc-rehearsal, .smc-rehearsal *, .smc-rehearsal *::before, .smc-rehearsal *::after { box-sizing: border-box; } .smc-rehearsal { --smc-dark: #052b35; --smc-navy: #073844; --smc-teal: #087c8f; --smc-green: #00a991; --smc-teal-soft: #e8f8f6; --smc-green-soft: #eaf9f5; --smc-orange: #f28a2e; --smc-orange-dark: #d66d0e; --smc-orange-soft: #fff1e4; --smc-text: #183640; --smc-muted: #587078; --smc-border: #d8e8e6; width: 100%; max-width: 100%; margin: 0; padding: clamp(58px, 6vw, 88px) 16px; overflow: hidden; background: linear-gradient( 180deg, #f7fbfb 0%, #ffffff 48%, #f7fbfb 100% ); color: #183640; font-family: "Segoe UI", Arial, Helvetica, sans-serif !important; text-align: left !important; } .smc-rehearsal a { text-decoration: none !important; } .smc-rehearsal button { font-family: inherit; } .smc-rehearsal__container { width: min(100%, 1220px); margin: 0 auto; } /* ============================================================== HEADER ============================================================== */ .smc-rehearsal__header { width: min(100%, 970px); margin: 0 auto clamp(34px, 4vw, 48px); text-align: center; } .smc-rehearsal__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; padding: 8px 13px; border-radius: 999px; background: #e8f8f6; color: #087c8f !important; font-size: 12px; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__eyebrow > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #073844; color: #ffffff; font-size: 14px; font-weight: 900; } .smc-rehearsal__title { max-width: 930px; margin: 0 auto 18px; color: #073844 !important; font-size: clamp(32px, 3.55vw, 49px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .smc-rehearsal__title span { display: block; margin-top: 4px; color: #087c8f; } /* ============================================================== ANSWER ============================================================== */ .smc-rehearsal__answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; align-items: center; width: min(100%, 890px); margin: 0 auto 16px; padding: 16px 19px; border: 1px solid #cfe7e4; border-radius: 16px; background: #ffffff; text-align: left; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); } .smc-rehearsal__answer-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #f28a2e; color: #ffffff; font-size: 21px; font-weight: 900; } .smc-rehearsal__answer p { margin: 0; color: #466168 !important; font-size: clamp(14.5px, 1.25vw, 16px); line-height: 1.64; } .smc-rehearsal__answer strong { color: #183640; } /* ============================================================== VIDEO LINKS ============================================================== */ .smc-rehearsal__video-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; width: min(100%, 680px); margin: 0 auto; } .smc-rehearsal__video-link { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1px solid #d7e7e5; border-radius: 12px; background: #ffffff; color: #183640; text-align: left; cursor: pointer; box-shadow: 0 6px 18px rgba(7, 56, 68, 0.045); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .smc-rehearsal__video-link:hover { transform: translateY(-2px); border-color: #9bcfc8; box-shadow: 0 10px 24px rgba(7, 56, 68, 0.08); } .smc-rehearsal__video-link > span { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; background: #073844; color: #ffffff; font-size: 11px; font-weight: 900; } .smc-rehearsal__video-link:last-child > span { background: #f28a2e; } .smc-rehearsal__video-link small, .smc-rehearsal__video-link strong { display: block; } .smc-rehearsal__video-link small { margin-bottom: 2px; color: #74868b; font-size: 9.5px; } .smc-rehearsal__video-link strong { color: #073844; font-size: 11.5px; font-weight: 800; } /* ============================================================== LAYOUT ============================================================== */ .smc-rehearsal__layout { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(350px, 0.87fr); gap: clamp(19px, 3vw, 30px); align-items: stretch; width: 100%; } /* ============================================================== MAIN ============================================================== */ .smc-rehearsal__main { min-width: 0; padding: clamp(21px, 2.8vw, 29px); border: 1px solid #b8ddd7; border-top: 4px solid #00a991; border-radius: 21px; background: #ffffff; box-shadow: 0 12px 32px rgba(7, 56, 68, 0.07); } .smc-rehearsal__main-head { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; } .smc-rehearsal__main-icon { display: grid; place-items: center; flex: 0 0 auto; width: 49px; height: 49px; border-radius: 14px; background: #073844; color: #ffffff; font-size: 20px; } .smc-rehearsal__main-head p { margin: 0 0 3px; color: #087c8f !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__main-head h3 { margin: 0; color: #073844 !important; font-size: clamp(20px, 2.2vw, 27px); font-weight: 800; line-height: 1.2; } .smc-rehearsal__main-intro { margin: 0 0 18px; color: #587078 !important; font-size: 13px; line-height: 1.62; } .smc-rehearsal__main-intro strong { color: #314e56; } /* ============================================================== VARIABLES ============================================================== */ .smc-rehearsal__variables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .smc-rehearsal__variable { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: flex-start; padding: 12px; border: 1px solid #ddeae8; border-radius: 12px; background: #f8fcfc; } .smc-rehearsal__variable > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #e8f8f6; color: #087c8f; font-size: 9px; font-weight: 900; } .smc-rehearsal__variable strong { display: block; margin-bottom: 3px; color: #183640; font-size: 11.5px; font-weight: 800; } .smc-rehearsal__variable p { margin: 0; color: #6c7e84 !important; font-size: 9.8px; line-height: 1.43; } /* ============================================================== ECONOMIC ============================================================== */ .smc-rehearsal__economic { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 17px; padding: 13px; border: 1px solid #efcfb5; border-radius: 12px; background: #fff5eb; } .smc-rehearsal__economic > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #f28a2e; color: #ffffff; font-size: 18px; font-weight: 900; } .smc-rehearsal__economic strong { display: block; margin-bottom: 3px; color: #073844; font-size: 12px; font-weight: 900; } .smc-rehearsal__economic p { margin: 0; color: #6c625a !important; font-size: 10.5px; line-height: 1.45; } /* ============================================================== PRICES ============================================================== */ .smc-rehearsal__prices { min-width: 0; padding: clamp(20px, 2.6vw, 26px); border: 1px solid #d5e2e0; border-top: 4px solid #f28a2e; border-radius: 21px; background: linear-gradient( 180deg, #ffffff, #fffaf6 ); box-shadow: 0 12px 32px rgba(7, 56, 68, 0.07); } .smc-rehearsal__prices-label { margin: 0 0 4px; color: #b65d16 !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__prices h3 { margin: 0 0 16px; color: #073844 !important; font-size: clamp(19px, 2vw, 24px); font-weight: 800; line-height: 1.22; } .smc-rehearsal__price-list { display: grid; gap: 7px; } .smc-rehearsal__price { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid #e0eae9; border-radius: 11px; background: #ffffff; } .smc-rehearsal__price > div { min-width: 0; } .smc-rehearsal__price > div > strong { display: block; margin-bottom: 2px; color: #183640; font-size: 10.8px; font-weight: 800; } .smc-rehearsal__price small { display: block; color: #75868b; font-size: 8.8px; } .smc-rehearsal__price > p { flex: 0 0 auto; margin: 0; text-align: right; } .smc-rehearsal__price > p > strong { display: block; color: #d66d0e; font-size: 16px; font-weight: 900; line-height: 1; } .smc-rehearsal__price > p > span { display: block; margin-top: 3px; color: #697b80; font-size: 8.7px; font-weight: 700; } .smc-rehearsal__price--custom { border-color: #efcfb5; background: #fff7ef; } /* ============================================================== VAT ============================================================== */ .smc-rehearsal__vat { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: center; margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: #fff1e4; } .smc-rehearsal__vat > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #f28a2e; color: #ffffff; font-size: 11px; font-weight: 900; } .smc-rehearsal__vat p { margin: 0; color: #715b4b !important; font-size: 9.4px; line-height: 1.4; } .smc-rehearsal__vat strong { color: #a84f0b; } /* ============================================================== ALL PRICES ============================================================== */ .smc-rehearsal__all-prices { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; align-items: center; margin-top: 11px; padding: 10px 11px; border-radius: 11px; background: linear-gradient( 135deg, #073844, #052b35 ); color: #ffffff !important; } .smc-rehearsal__all-prices > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: rgba(242, 138, 46, 0.17); color: #f6a359; font-size: 15px; font-weight: 900; } .smc-rehearsal__all-prices small, .smc-rehearsal__all-prices strong { display: block; } .smc-rehearsal__all-prices small { color: rgba(255, 255, 255, 0.6); font-size: 8.5px; } .smc-rehearsal__all-prices strong { color: #ffffff; font-size: 10.5px; font-weight: 800; } .smc-rehearsal__all-prices i { color: #79e1d5; font-size: 17px; font-style: normal; } /* ============================================================== CALCULATION ============================================================== */ .smc-rehearsal__calculation { display: grid; grid-template-columns: 55px minmax(0, 1.1fr) minmax(350px, 0.9fr); gap: 17px; align-items: center; width: 100%; margin-top: clamp(28px, 4vw, 42px); padding: clamp(19px, 2.8vw, 27px); border: 1px solid #b5ddd7; border-radius: 19px; background: linear-gradient( 135deg, #073844, #052b35 ); box-shadow: 0 16px 38px rgba(7, 56, 68, 0.15); } .smc-rehearsal__calculation-icon { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 16px; background: #f28a2e; color: #ffffff; font-size: 21px; font-weight: 900; } .smc-rehearsal__calculation-label { margin: 0 0 4px; color: #79e1d5 !important; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.055em; } .smc-rehearsal__calculation h3 { margin: 0 0 6px; color: #ffffff !important; font-size: clamp(18px, 2.1vw, 24px); font-weight: 800; line-height: 1.2; } .smc-rehearsal__calculation-content > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.74) !important; font-size: 11px; line-height: 1.53; } .smc-rehearsal__calculation-content strong { color: #ffffff; } /* ============================================================== EQUATION ============================================================== */ .smc-rehearsal__equation { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 7px; align-items: center; } .smc-rehearsal__equation > div { display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 8px; align-items: center; padding: 9px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background: rgba(255, 255, 255, 0.07); } .smc-rehearsal__equation > div > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: rgba(0, 169, 145, 0.17); color: #79e1d5; font-size: 9px; font-weight: 900; } .smc-rehearsal__equation p { margin: 0; } .smc-rehearsal__equation strong { display: block; color: #ffffff; font-size: 9.8px; font-weight: 800; } .smc-rehearsal__equation small { display: block; margin-top: 2px; color: rgba(255, 255, 255, 0.54); font-size: 8px; line-height: 1.3; } .smc-rehearsal__equation > i { color: rgba(255, 255, 255, 0.42); font-size: 14px; font-style: normal; font-weight: 900; } .smc-rehearsal__equation-result { border-color: rgba(242, 138, 46, 0.36) !important; background: rgba(242, 138, 46, 0.13) !important; } .smc-rehearsal__equation-result > span { background: #f28a2e !important; color: #ffffff !important; } /* ============================================================== USES ============================================================== */ .smc-rehearsal__uses { margin-top: clamp(28px, 4vw, 41px); } .smc-rehearsal__uses-head { margin-bottom: 15px; text-align: center; } .smc-rehearsal__uses-head p { margin: 0 0 4px; color: #087c8f !important; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__uses-head h3 { margin: 0; color: #073844 !important; font-size: clamp(21px, 2.5vw, 29px); font-weight: 800; line-height: 1.18; } .smc-rehearsal__uses-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smc-rehearsal__use { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; padding: 13px; border: 1px solid #dae8e6; border-radius: 13px; background: #ffffff; box-shadow: 0 7px 20px rgba(7, 56, 68, 0.045); } .smc-rehearsal__use > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: #e8f8f6; color: #087c8f; font-size: 9px; font-weight: 900; } .smc-rehearsal__use strong { display: block; margin-bottom: 3px; color: #183640; font-size: 11px; font-weight: 800; } .smc-rehearsal__use p { margin: 0; color: #718389 !important; font-size: 9.7px; line-height: 1.42; } /* ============================================================== VIDEO CTA ============================================================== */ .smc-rehearsal__video { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(100%, 960px); margin: clamp(24px, 3vw, 34px) auto 0; padding: 15px 17px; border: 1px solid #b7ddd8; border-radius: 15px; background: linear-gradient( 135deg, #073844, #052b35 ); } .smc-rehearsal__video-label { margin: 0 0 3px; color: #79e1d5 !important; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__video h3 { margin: 0 0 4px; color: #ffffff !important; font-size: 15px; font-weight: 800; } .smc-rehearsal__video > div:first-child > p:last-child { margin: 0; color: rgba(255, 255, 255, 0.68) !important; font-size: 10.5px; line-height: 1.45; } .smc-rehearsal__video-actions { display: flex; gap: 8px; flex: 0 0 auto; } .smc-rehearsal__video-button { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.10); color: #ffffff; cursor: pointer; } .smc-rehearsal__video-button--price { background: linear-gradient( 135deg, #f28a2e, #d66d0e ); } .smc-rehearsal__video-button > span { color: #79e1d5; font-size: 11px; font-weight: 900; } .smc-rehearsal__video-button--price > span { color: #ffffff; } .smc-rehearsal__video-button small, .smc-rehearsal__video-button strong { display: block; } .smc-rehearsal__video-button small { color: rgba(255, 255, 255, 0.6); font-size: 8px; } .smc-rehearsal__video-button strong { color: #ffffff; font-size: 10px; font-weight: 800; } /* ============================================================== GEO ============================================================== */ .smc-rehearsal__geo { width: 100%; margin-top: 17px; padding: 15px 17px; border: 1px solid #d4e6e3; border-radius: 15px; background: #f8fcfc; } .smc-rehearsal__geo-head { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 10px; align-items: center; } .smc-rehearsal__geo-head > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; background: #00a991; color: #ffffff; font-size: 17px; } .smc-rehearsal__geo-head p { margin: 0 0 2px; color: #087c8f !important; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .smc-rehearsal__geo-head h3 { margin: 0; color: #073844 !important; font-size: 13px; font-weight: 800; line-height: 1.35; } .smc-rehearsal__geo-text { margin: 10px 0 0; color: #61767c !important; font-size: 10.5px; line-height: 1.48; } .smc-rehearsal__geo-text strong { color: #314e56; } .smc-rehearsal__geo-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .smc-rehearsal__geo-links a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid #cfe2df; border-radius: 999px; background: #ffffff; color: #087c8f !important; font-size: 9.8px; font-weight: 800; } .smc-rehearsal__geo-links a > span { color: #f28a2e; } /* ============================================================== FOOTER ============================================================== */ .smc-rehearsal__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 17px; padding: 14px 16px; border: 1px solid #d9e8e6; border-radius: 14px; background: #ffffff; } .smc-rehearsal__footer p { margin: 0; color: #61767c !important; font-size: 11px; line-height: 1.45; } .smc-rehearsal__footer p strong { color: #183640; } .smc-rehearsal__footer-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 9px 12px; border-radius: 10px; background: #073844; color: #ffffff !important; font-size: 10.5px; font-weight: 800; } .smc-rehearsal__footer-link > span { color: #79e1d5; font-size: 16px; } /* ============================================================== ACCESSIBILITÀ ============================================================== */ .smc-rehearsal a:focus-visible, .smc-rehearsal button:focus-visible { outline: 3px solid rgba(242, 138, 46, 0.65); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .smc-rehearsal *, .smc-rehearsal *::before, .smc-rehearsal *::after { animation: none !important; transition: none !important; } } /* ============================================================== TABLET ============================================================== */ @media (max-width: 1050px) { .smc-rehearsal { padding-left: 18px; padding-right: 18px; } .smc-rehearsal__layout { grid-template-columns: 1fr; } .smc-rehearsal__calculation { grid-template-columns: 55px minmax(0, 1fr); } .smc-rehearsal__equation { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); } .smc-rehearsal__equation > i { display: none; } .smc-rehearsal__uses-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ============================================================== MOBILE ============================================================== */ @media (max-width: 760px) { .smc-rehearsal { padding: 48px 14px; } .smc-rehearsal__header { text-align: left; } .smc-rehearsal__eyebrow { font-size: 10.5px; } .smc-rehearsal__title { margin-left: 0; font-size: clamp(28px, 8vw, 35px); } .smc-rehearsal__title span { display: inline; } .smc-rehearsal__answer { grid-template-columns: 40px minmax(0, 1fr); gap: 11px; padding: 14px; } .smc-rehearsal__answer-icon { width: 40px; height: 40px; font-size: 18px; } .smc-rehearsal__answer p { font-size: 13.5px; line-height: 1.58; } .smc-rehearsal__video-links { grid-template-columns: 1fr; margin-left: 0; } .smc-rehearsal__main, .smc-rehearsal__prices { padding: 17px; border-radius: 16px; } .smc-rehearsal__variables { grid-template-columns: 1fr; } .smc-rehearsal__calculation { grid-template-columns: 1fr; padding: 17px; border-radius: 16px; } .smc-rehearsal__calculation-icon { width: 44px; height: 44px; border-radius: 12px; } .smc-rehearsal__equation { grid-column: auto; grid-template-columns: 1fr; } .smc-rehearsal__uses-grid { grid-template-columns: 1fr; } .smc-rehearsal__video { display: block; } .smc-rehearsal__video-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin-top: 11px; } .smc-rehearsal__video-button { justify-content: center; } .smc-rehearsal__footer { display: block; } .smc-rehearsal__footer-link { justify-content: center; width: 100%; margin-top: 10px; } } /* ============================================================== MOBILE PICCOLO ============================================================== */ @media (max-width: 440px) { .smc-rehearsal { padding-left: 12px; padding-right: 12px; } .smc-rehearsal__answer { grid-template-columns: 1fr; } .smc-rehearsal__price { display: block; } .smc-rehearsal__price > p { margin-top: 7px; text-align: left; } .smc-rehearsal__video-actions { grid-template-columns: 1fr; } .smc-rehearsal__geo-head { grid-template-columns: 1fr; } .smc-rehearsal__geo-links { display: grid; grid-template-columns: 1fr; } .smc-rehearsal__geo-links a { justify-content: space-between; border-radius: 10px; } .smc-rehearsal__all-prices { grid-template-columns: 36px minmax(0, 1fr); } .smc-rehearsal__all-prices i { display: none; } } /* ============================================================== SCHERMI MOLTO PICCOLI ============================================================== */ @media (max-width: 350px) { .smc-rehearsal { padding-left: 10px; padding-right: 10px; } .smc-rehearsal__main, .smc-rehearsal__prices { padding: 14px; } .smc-rehearsal__variable, .smc-rehearsal__use { grid-template-columns: 1fr; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } #imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1223_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; } @media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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; } } @media (max-width: 479.9px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_18, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_1 { box-sizing: border-box; } #imCell_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_02 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_2 { box-sizing: border-box; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_03 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_3 { box-sizing: border-box; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_04 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_4 { box-sizing: border-box; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_05 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_5 { box-sizing: border-box; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_6 { box-sizing: border-box; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_7 { box-sizing: border-box; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_8 { box-sizing: border-box; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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_1223_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; } } @media (min-width: 1200.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_imHTMLObject_59_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 1200px; height: 144px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-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_59 { 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) { #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_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 720px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-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_59 { 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) { #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_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 480px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-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_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #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_imHTMLObject_59_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 320px; height: 80px; text-align: center; z-index: 1004; overflow: hidden; } #imHeader_imCell_59 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_59 { grid-template-rows: [row-content] auto ; } #imHeader_imHTMLObject_59 { padding-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_59 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 1200px; height: 1150px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { 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_1 { 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_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 720px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { 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_1 { 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_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 480px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { 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_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imFooter_imHTMLObject_01_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 320px; height: 1920px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_1 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_01 { 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_1 { 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_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_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_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_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; } } @media (max-width: 1199.9px) and (min-width: 720.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_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_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_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; } } @media (max-width: 719.9px) and (min-width: 480.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_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_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_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; } } @media (max-width: 479.9px) { #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_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_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_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; } } #imPage.without-id_animation-in-progress { overflow: hidden }