body { background-image: url("../images/backgroundimage-01-01.png"); background-repeat: repeat; background-size: cover; background-position: center; min-height: 100vh; } .u-section-1 { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("../images/web-56.png"); } .u-section-1 .u-sheet-1 { min-height: 524px; } .u-section-1 .u-layout-wrap-1 { margin-top: 0; margin-bottom: 0; } .u-section-1 .u-layout-cell-1 { min-height: 105px; } .u-section-1 .u-container-layout-1 { padding: 0 30px; } .u-section-1 .u-image-1 { width: 228px; height: 47px; margin: 54px auto 0; } .u-section-1 .u-layout-cell-2 { min-height: 419px; } .u-section-1 .u-container-layout-2 { padding: 0 40px; } .u-section-1 .u-list-1 { width: 933px; margin: 40px auto 0; } .u-section-1 .u-repeater-1 { grid-template-columns: repeat(4, calc(25% - 22.5px)); min-height: 316px; grid-auto-columns: calc(25% - 22.5px); grid-gap: 30px; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; } .u-section-1 .u-list-item-1 { --radius: 20px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-container-layout-3 { padding: 9px; } .u-section-1 .u-image-2 { height: 275px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 11px 0 0; } .u-section-1 .u-list-item-2 { --radius: 20px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-container-layout-4 { padding: 9px; } .u-section-1 .u-image-3 { height: 275px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 11px 0 0; } .u-section-1 .u-list-item-3 { --radius: 20px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-container-layout-5 { padding: 9px; } .u-section-1 .u-image-4 { height: 275px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 11px 0 0; } .u-section-1 .u-list-item-4 { --radius: 20px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-container-layout-6 { padding: 9px; } .u-section-1 .u-image-5 { height: 275px; --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 11px 0 0; } .u-section-1 .u-gallery-nav-1 { position: absolute; left: 10px; width: 40px; height: 40px; } .u-section-1 .u-gallery-nav-2 { position: absolute; right: 10px; width: 40px; height: 40px; } @media (max-width: 1199px) { .u-section-1 { background-size: cover; } .u-section-1 .u-sheet-1 { min-height: 340px; } .u-section-1 .u-layout-wrap-1 { background-position: 50% 50%; } .u-section-1 .u-layout-cell-1 { min-height: 86px; } .u-section-1 .u-layout-cell-2 { min-height: 411px; } .u-section-1 .u-list-1 { width: 860px; } .u-section-1 .u-list-item-1 { background-position: 50% 50%; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); } .u-section-1 .u-image-2 { height: 253px; margin-right: initial; margin-left: initial; } .u-section-1 .u-list-item-2 { background-position: 50% 50%; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); } .u-section-1 .u-image-3 { height: 253px; margin-right: initial; margin-left: initial; } .u-section-1 .u-list-item-3 { background-position: 50% 50%; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); } .u-section-1 .u-image-4 { height: 253px; margin-right: initial; margin-left: initial; } .u-section-1 .u-list-item-4 { background-position: 50% 50%; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); } .u-section-1 .u-image-5 { height: 253px; margin-right: initial; margin-left: initial; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 239px; } .u-section-1 .u-layout-cell-1 { min-height: 47px; } .u-section-1 .u-layout-cell-2 { min-height: 342px; } .u-section-1 .u-container-layout-2 { padding: 15px 30px; } .u-section-1 .u-list-1 { width: 660px; } .u-section-1 .u-repeater-1 { min-height: 312px; } .u-section-1 .u-image-2 { height: 193px; margin-top: 9px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-3 { height: 193px; margin-top: 9px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-4 { height: 193px; margin-top: 9px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-5 { height: 193px; margin-top: 9px; margin-right: initial; margin-left: initial; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 156px; } .u-section-1 .u-layout-cell-1 { min-height: 54px; } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-layout-cell-2 { min-height: 243px; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-list-1 { width: 520px; } .u-section-1 .u-repeater-1 { grid-template-columns: repeat(2, calc(50% - 15px)); min-height: 213px; grid-auto-columns: calc(50% - 15px); } .u-section-1 .u-image-2 { height: 151px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-3 { height: 151px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-4 { height: 151px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-5 { height: 151px; margin-right: initial; margin-left: initial; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 64px; } .u-section-1 .u-layout-cell-1 { min-height: 47px; } .u-section-1 .u-layout-cell-2 { min-height: 158px; } .u-section-1 .u-list-1 { width: 320px; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; min-height: 128px; grid-auto-columns: calc(100% + 0px); } .u-section-1 .u-image-2 { height: 91px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-3 { height: 91px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-4 { height: 91px; margin-right: initial; margin-left: initial; } .u-section-1 .u-image-5 { height: 91px; margin-right: initial; margin-left: initial; } } .u-section-1 .u-image-2, .u-section-1 .u-image-2:before, .u-section-1 .u-image-2 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-1 .u-image-2.u-image-2.u-image-2:hover { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-2.u-image-2.u-image-2.hover { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-3, .u-section-1 .u-image-3:before, .u-section-1 .u-image-3 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-1 .u-image-3.u-image-3.u-image-3:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-3.u-image-3.u-image-3.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-4, .u-section-1 .u-image-4:before, .u-section-1 .u-image-4 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-1 .u-image-4.u-image-4.u-image-4:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-4.u-image-4.u-image-4.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-5, .u-section-1 .u-image-5:before, .u-section-1 .u-image-5 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-1 .u-image-5.u-image-5.u-image-5:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-1 .u-image-5.u-image-5.u-image-5.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-45:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-46:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-47:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-48:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-49:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-50:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-51:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-52:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-53:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]), .u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]):before, .u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]):hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).u-block-4a41-54:not([data-block-selected]):not([data-cell-selected]).hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-sheet-1 { min-height: 100vh; } .u-section-2 .u-group-1 { height: auto; min-height: 100vh; margin-top: 0; margin-bottom: 0; } .u-section-2 .u-container-layout-1 { padding: 0 30px; } /* 隐藏四个shape元素但保持其位置 */ .u-section-2 .u-shape-1, .u-section-2 .u-shape-2, .u-section-2 .u-shape-3, .u-section-2 .u-shape-4 { opacity: 0; visibility: hidden; pointer-events: none; } .u-section-2 .u-list-1 { width: 1004px; margin: -44px auto 0; } .u-section-2 .u-repeater-1 { grid-auto-columns: 20%; grid-template-columns: repeat(5, 20%); min-height: 548px; grid-gap: 0px; } .u-section-2 .u-container-layout-2 { padding: 0; } .u-section-2 .u-image-1 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-1 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-2 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-5 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-6 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-3 { padding: 0; } .u-section-2 .u-image-2 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-3 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-4 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-7 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-8 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-4 { padding: 0; } .u-section-2 .u-image-3 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-5 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-btn-1 { background-image: none; font-size: 1.25rem; padding: 0; } .u-section-2 .u-text-6 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-9 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-10 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-5 { padding: 0; } .u-section-2 .u-image-4 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-7 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-8 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-11 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-12 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-6 { padding: 0; } .u-section-2 .u-image-5 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-9 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-10 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-13 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-14 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-7 { padding: 0; } .u-section-2 .u-image-6 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-11 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-12 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-15 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-16 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-8 { padding: 0; } .u-section-2 .u-image-7 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-13 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-14 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-17 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-18 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-9 { padding: 0; } .u-section-2 .u-image-8 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-15 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-16 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-19 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-20 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-10 { padding: 0; } .u-section-2 .u-image-9 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-17 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-18 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-21 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-22 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-11 { padding: 0; } .u-section-2 .u-image-10 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-19 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-20 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-23 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-24 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-12 { padding: 0; } .u-section-2 .u-image-11 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-21 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-22 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-25 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-26 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-13 { padding: 0; } .u-section-2 .u-image-12 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-23 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-24 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-27 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-28 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-14 { padding: 0; } .u-section-2 .u-image-13 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-25 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-26 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-29 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-30 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-15 { padding: 0; } .u-section-2 .u-image-14 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-27 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-28 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-31 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-32 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-16 { padding: 0; } .u-section-2 .u-image-15 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-29 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-30 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-33 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-34 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-17 { padding: 0; } .u-section-2 .u-image-16 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-31 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-32 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-35 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-36 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-18 { padding: 0; } .u-section-2 .u-image-17 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-33 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-34 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-37 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-38 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-19 { padding: 0; } .u-section-2 .u-image-18 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-35 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-36 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-39 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-40 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-20 { padding: 0; } .u-section-2 .u-image-19 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-37 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-38 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-41 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-42 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } .u-section-2 .u-container-layout-21 { padding: 0; } .u-section-2 .u-image-20 { width: 86px; height: 86px; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 16px auto 0; } .u-section-2 .u-text-39 { text-transform: uppercase; font-weight: 800; transition-duration: 0.5s; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: -68px auto 0; } .u-section-2 .u-text-40 { font-weight: 800; font-size: 0.625rem; transition-duration: 0.5s; transform: rotate(0deg) scale(1) translateX(0px) translateY(0px); margin: 1px auto 0; } .u-section-2 .u-shape-43 { width: 79px; height: 19px; --radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 31px auto 0; } .u-section-2 .u-shape-44 { width: 67px; height: 12px; --radius: 50px; background-image: linear-gradient(#fcc75a, #ee6622); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: -16px auto 0; } @media (max-width: 1199px) { .u-section-2 .u-group-1 { height: auto; } .u-section-2 .u-list-1 { width: 840px; margin-top: -17px; } .u-section-2 .u-repeater-1 { min-height: 574px; } .u-section-2 .u-image-1 { width: 84px; height: 84px; } .u-section-2 .u-text-1 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-5 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-6 { width: 64px; height: 13px; } .u-section-2 .u-image-2 { width: 84px; height: 84px; } .u-section-2 .u-text-3 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-7 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-8 { width: 64px; height: 13px; } .u-section-2 .u-image-3 { width: 84px; height: 84px; } .u-section-2 .u-text-5 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-9 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-10 { width: 64px; height: 13px; } .u-section-2 .u-image-4 { width: 84px; height: 84px; } .u-section-2 .u-text-7 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-11 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-12 { width: 64px; height: 13px; } .u-section-2 .u-image-5 { width: 84px; height: 84px; } .u-section-2 .u-text-9 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-13 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-14 { width: 64px; height: 13px; } .u-section-2 .u-image-6 { width: 84px; height: 84px; } .u-section-2 .u-text-11 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-15 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-16 { width: 64px; height: 13px; } .u-section-2 .u-image-7 { width: 84px; height: 84px; } .u-section-2 .u-text-13 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-17 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-18 { width: 64px; height: 13px; } .u-section-2 .u-image-8 { width: 84px; height: 84px; } .u-section-2 .u-text-15 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-19 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-20 { width: 64px; height: 13px; } .u-section-2 .u-image-9 { width: 84px; height: 84px; } .u-section-2 .u-text-17 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-21 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-22 { width: 64px; height: 13px; } .u-section-2 .u-image-10 { width: 84px; height: 84px; } .u-section-2 .u-text-19 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-23 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-24 { width: 64px; height: 13px; } .u-section-2 .u-image-11 { width: 84px; height: 84px; } .u-section-2 .u-text-21 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-25 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-26 { width: 64px; height: 13px; } .u-section-2 .u-image-12 { width: 84px; height: 84px; } .u-section-2 .u-text-23 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-27 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-28 { width: 64px; height: 13px; } .u-section-2 .u-image-13 { width: 84px; height: 84px; } .u-section-2 .u-text-25 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-29 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-30 { width: 64px; height: 13px; } .u-section-2 .u-image-14 { width: 84px; height: 84px; } .u-section-2 .u-text-27 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-31 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-32 { width: 64px; height: 13px; } .u-section-2 .u-image-15 { width: 84px; height: 84px; } .u-section-2 .u-text-29 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-33 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-34 { width: 64px; height: 13px; } .u-section-2 .u-image-16 { width: 84px; height: 84px; } .u-section-2 .u-text-31 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-35 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-36 { width: 64px; height: 13px; } .u-section-2 .u-image-17 { width: 84px; height: 84px; } .u-section-2 .u-text-33 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-37 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-38 { width: 64px; height: 13px; } .u-section-2 .u-image-18 { width: 84px; height: 84px; } .u-section-2 .u-text-35 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-39 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-40 { width: 64px; height: 13px; } .u-section-2 .u-image-19 { width: 84px; height: 84px; } .u-section-2 .u-text-37 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-41 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-42 { width: 64px; height: 13px; } .u-section-2 .u-image-20 { width: 84px; height: 84px; } .u-section-2 .u-text-39 { margin-top: -75px; font-size: 1.125rem; } .u-section-2 .u-shape-43 { width: 71px; margin-top: 38px; } .u-section-2 .u-shape-44 { width: 64px; height: 13px; } } @media (max-width: 991px) { .u-section-2 .u-container-layout-1 { padding-left: 0; padding-right: 0; } .u-section-2 .u-list-1 { width: 575px; margin-top: 0; } .u-section-2 .u-repeater-1 { min-height: 366px; } .u-section-2 .u-container-layout-2 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-3 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-4 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-5 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-6 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-7 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-8 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-9 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-10 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-11 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-12 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-13 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-14 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-15 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-16 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-17 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-18 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-19 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-20 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } .u-section-2 .u-container-layout-21 { padding-top: 3px; padding-left: 12px; padding-right: 12px; } } @media (max-width: 767px) { .u-section-2 .u-list-1 { margin-top: -53px; margin-right: initial; margin-left: initial; width: auto; } .u-section-2 .u-repeater-1 { min-height: 542px; } .u-section-2 .u-container-layout-2 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-1 { font-size: 1rem; } .u-section-2 .u-text-2 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-5 { margin-top: 30px; } .u-section-2 .u-container-layout-3 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-3 { font-size: 1rem; } .u-section-2 .u-text-4 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-7 { margin-top: 30px; } .u-section-2 .u-container-layout-4 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-5 { font-size: 1rem; } .u-section-2 .u-text-6 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-9 { margin-top: 30px; } .u-section-2 .u-container-layout-5 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-7 { font-size: 1rem; } .u-section-2 .u-text-8 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-11 { margin-top: 30px; } .u-section-2 .u-container-layout-6 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-9 { font-size: 1rem; } .u-section-2 .u-text-10 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-13 { margin-top: 30px; } .u-section-2 .u-container-layout-7 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-11 { font-size: 1rem; } .u-section-2 .u-text-12 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-15 { margin-top: 30px; } .u-section-2 .u-container-layout-8 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-13 { font-size: 1rem; } .u-section-2 .u-text-14 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-17 { margin-top: 30px; } .u-section-2 .u-container-layout-9 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-15 { font-size: 1rem; } .u-section-2 .u-text-16 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-19 { margin-top: 30px; } .u-section-2 .u-container-layout-10 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-17 { font-size: 1rem; } .u-section-2 .u-text-18 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-21 { margin-top: 30px; } .u-section-2 .u-container-layout-11 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-19 { font-size: 1rem; } .u-section-2 .u-text-20 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-23 { margin-top: 30px; } .u-section-2 .u-container-layout-12 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-21 { font-size: 1rem; } .u-section-2 .u-text-22 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-25 { margin-top: 30px; } .u-section-2 .u-container-layout-13 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-23 { font-size: 1rem; } .u-section-2 .u-text-24 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-27 { margin-top: 30px; } .u-section-2 .u-container-layout-14 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-25 { font-size: 1rem; } .u-section-2 .u-text-26 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-29 { margin-top: 30px; } .u-section-2 .u-container-layout-15 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-27 { font-size: 1rem; } .u-section-2 .u-text-28 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-31 { margin-top: 30px; } .u-section-2 .u-container-layout-16 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-29 { font-size: 1rem; } .u-section-2 .u-text-30 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-33 { margin-top: 30px; } .u-section-2 .u-container-layout-17 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-31 { font-size: 1rem; } .u-section-2 .u-text-32 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-35 { margin-top: 30px; } .u-section-2 .u-container-layout-18 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-33 { font-size: 1rem; } .u-section-2 .u-text-34 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-37 { margin-top: 30px; } .u-section-2 .u-container-layout-19 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-35 { font-size: 1rem; } .u-section-2 .u-text-36 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-39 { margin-top: 30px; } .u-section-2 .u-container-layout-20 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-37 { font-size: 1rem; } .u-section-2 .u-text-38 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-41 { margin-top: 30px; } .u-section-2 .u-container-layout-21 { padding-top: 0; padding-left: 0; padding-right: 0; } .u-section-2 .u-text-39 { font-size: 1rem; } .u-section-2 .u-text-40 { width: auto; margin-top: 6px; } .u-section-2 .u-shape-43 { margin-top: 30px; } } @media (max-width: 575px) { .u-section-2 .u-shape-2 { margin-left: 169px; } .u-section-2 .u-shape-3 { margin-right: 169px; } .u-section-2 .u-list-1 { margin-top: -46px; width: auto; margin-right: initial; margin-left: initial; } .u-section-2 .u-repeater-1 { min-height: 355px; } .u-section-2 .u-image-1 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-1 { width: auto; margin-top: -54px; } .u-section-2 .u-text-2 { margin-top: 4px; } .u-section-2 .u-shape-5 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-6 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-2 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-3 { width: auto; margin-top: -54px; } .u-section-2 .u-text-4 { margin-top: 4px; } .u-section-2 .u-shape-7 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-8 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-3 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-5 { width: auto; margin-top: -54px; } .u-section-2 .u-btn-1 { font-size: 1rem; } .u-section-2 .u-text-6 { margin-top: 4px; } .u-section-2 .u-shape-9 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-10 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-4 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-7 { width: auto; margin-top: -54px; } .u-section-2 .u-text-8 { margin-top: 4px; } .u-section-2 .u-shape-11 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-12 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-5 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-9 { width: auto; margin-top: -54px; } .u-section-2 .u-text-10 { margin-top: 4px; } .u-section-2 .u-shape-13 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-14 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-6 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-11 { width: auto; margin-top: -54px; } .u-section-2 .u-text-12 { margin-top: 4px; } .u-section-2 .u-shape-15 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-16 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-7 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-13 { width: auto; margin-top: -54px; } .u-section-2 .u-text-14 { margin-top: 4px; } .u-section-2 .u-shape-17 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-18 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-8 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-15 { width: auto; margin-top: -54px; } .u-section-2 .u-text-16 { margin-top: 4px; } .u-section-2 .u-shape-19 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-20 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-9 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-17 { width: auto; margin-top: -54px; } .u-section-2 .u-text-18 { margin-top: 4px; } .u-section-2 .u-shape-21 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-22 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-10 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-19 { width: auto; margin-top: -54px; } .u-section-2 .u-text-20 { margin-top: 4px; } .u-section-2 .u-shape-23 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-24 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-11 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-21 { width: auto; margin-top: -54px; } .u-section-2 .u-text-22 { margin-top: 4px; } .u-section-2 .u-shape-25 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-26 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-12 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-23 { width: auto; margin-top: -54px; } .u-section-2 .u-text-24 { margin-top: 4px; } .u-section-2 .u-shape-27 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-28 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-13 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-25 { width: auto; margin-top: -54px; } .u-section-2 .u-text-26 { margin-top: 4px; } .u-section-2 .u-shape-29 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-30 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-14 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-27 { width: auto; margin-top: -54px; } .u-section-2 .u-text-28 { margin-top: 4px; } .u-section-2 .u-shape-31 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-32 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-15 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-29 { width: auto; margin-top: -54px; } .u-section-2 .u-text-30 { margin-top: 4px; } .u-section-2 .u-shape-33 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-34 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-16 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-31 { width: auto; margin-top: -54px; } .u-section-2 .u-text-32 { margin-top: 4px; } .u-section-2 .u-shape-35 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-36 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-17 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-33 { width: auto; margin-top: -54px; } .u-section-2 .u-text-34 { margin-top: 4px; } .u-section-2 .u-shape-37 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-38 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-18 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-35 { width: auto; margin-top: -54px; } .u-section-2 .u-text-36 { margin-top: 4px; } .u-section-2 .u-shape-39 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-40 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-19 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-37 { width: auto; margin-top: -54px; } .u-section-2 .u-text-38 { margin-top: 4px; } .u-section-2 .u-shape-41 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-42 { width: 67px; height: 10px; margin-top: -12px; } .u-section-2 .u-image-20 { width: 58px; height: 58px; margin-top: 5px; } .u-section-2 .u-text-39 { width: auto; margin-top: -54px; } .u-section-2 .u-text-40 { margin-top: 4px; } .u-section-2 .u-shape-43 { width: 54px; height: 15px; margin-top: 16px; } .u-section-2 .u-shape-44 { width: 67px; height: 10px; margin-top: -12px; } } .u-section-2 .u-image-7, .u-section-2 .u-image-7:before, .u-section-2 .u-image-7 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-7.u-image-7.u-image-7:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-7.u-image-7.u-image-7.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-1, .u-section-2 .u-image-1:before, .u-section-2 .u-image-1 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-1.u-image-1.u-image-1:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-1.u-image-1.u-image-1.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-2, .u-section-2 .u-image-2:before, .u-section-2 .u-image-2 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-2.u-image-2.u-image-2:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-2.u-image-2.u-image-2.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-3, .u-section-2 .u-image-3:before, .u-section-2 .u-image-3 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-3.u-image-3.u-image-3:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-3.u-image-3.u-image-3.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-4, .u-section-2 .u-image-4:before, .u-section-2 .u-image-4 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-4.u-image-4.u-image-4:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-4.u-image-4.u-image-4.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-5, .u-section-2 .u-image-5:before, .u-section-2 .u-image-5 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-5.u-image-5.u-image-5:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-5.u-image-5.u-image-5.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-6, .u-section-2 .u-image-6:before, .u-section-2 .u-image-6 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-6.u-image-6.u-image-6:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-6.u-image-6.u-image-6.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-8, .u-section-2 .u-image-8:before, .u-section-2 .u-image-8 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-8.u-image-8.u-image-8:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-8.u-image-8.u-image-8.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-9, .u-section-2 .u-image-9:before, .u-section-2 .u-image-9 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-9.u-image-9.u-image-9:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-9.u-image-9.u-image-9.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-10, .u-section-2 .u-image-10:before, .u-section-2 .u-image-10 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-10.u-image-10.u-image-10:hover { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-10.u-image-10.u-image-10.hover { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-11, .u-section-2 .u-image-11:before, .u-section-2 .u-image-11 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-11.u-image-11.u-image-11:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-11.u-image-11.u-image-11.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-12, .u-section-2 .u-image-12:before, .u-section-2 .u-image-12 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-12.u-image-12.u-image-12:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-12.u-image-12.u-image-12.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-13, .u-section-2 .u-image-13:before, .u-section-2 .u-image-13 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-13.u-image-13.u-image-13:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-13.u-image-13.u-image-13.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-14, .u-section-2 .u-image-14:before, .u-section-2 .u-image-14 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-14.u-image-14.u-image-14:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-14.u-image-14.u-image-14.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-15, .u-section-2 .u-image-15:before, .u-section-2 .u-image-15 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-15.u-image-15.u-image-15:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-15.u-image-15.u-image-15.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-16, .u-section-2 .u-image-16:before, .u-section-2 .u-image-16 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-16.u-image-16.u-image-16:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-16.u-image-16.u-image-16.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-17, .u-section-2 .u-image-17:before, .u-section-2 .u-image-17 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-17.u-image-17.u-image-17:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-17.u-image-17.u-image-17.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-18, .u-section-2 .u-image-18:before, .u-section-2 .u-image-18 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-18.u-image-18.u-image-18:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-18.u-image-18.u-image-18.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-19, .u-section-2 .u-image-19:before, .u-section-2 .u-image-19 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-19.u-image-19.u-image-19:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-19.u-image-19.u-image-19.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-20, .u-section-2 .u-image-20:before, .u-section-2 .u-image-20 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-image-20.u-image-20.u-image-20:hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-image-20.u-image-20.u-image-20.hover { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-1, .u-section-2 .u-text-1:before, .u-section-2 .u-text-1 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-1 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-1 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-3, .u-section-2 .u-text-3:before, .u-section-2 .u-text-3 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-3 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-3 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-5, .u-section-2 .u-text-5:before, .u-section-2 .u-text-5 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-5 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-5 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-7, .u-section-2 .u-text-7:before, .u-section-2 .u-text-7 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-7 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-7 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-9, .u-section-2 .u-text-9:before, .u-section-2 .u-text-9 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-9 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-9 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-11, .u-section-2 .u-text-11:before, .u-section-2 .u-text-11 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-11 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-11 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-13, .u-section-2 .u-text-13:before, .u-section-2 .u-text-13 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-13 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-13 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-15, .u-section-2 .u-text-15:before, .u-section-2 .u-text-15 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-15 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-15 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-17, .u-section-2 .u-text-17:before, .u-section-2 .u-text-17 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-17 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-17 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-19, .u-section-2 .u-text-19:before, .u-section-2 .u-text-19 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-19 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-19 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-21, .u-section-2 .u-text-21:before, .u-section-2 .u-text-21 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-21 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-21 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-23, .u-section-2 .u-text-23:before, .u-section-2 .u-text-23 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-23 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-23 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-25, .u-section-2 .u-text-25:before, .u-section-2 .u-text-25 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-25 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-25 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-27, .u-section-2 .u-text-27:before, .u-section-2 .u-text-27 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-27 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-27 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-29, .u-section-2 .u-text-29:before, .u-section-2 .u-text-29 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-29 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-29 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-31, .u-section-2 .u-text-31:before, .u-section-2 .u-text-31 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-31 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-31 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-33, .u-section-2 .u-text-33:before, .u-section-2 .u-text-33 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-33 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-33 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-35, .u-section-2 .u-text-35:before, .u-section-2 .u-text-35 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-35 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-35 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-37, .u-section-2 .u-text-37:before, .u-section-2 .u-text-37 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-37 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-37 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-39, .u-section-2 .u-text-39:before, .u-section-2 .u-text-39 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-39 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-39 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-2, .u-section-2 .u-text-2:before, .u-section-2 .u-text-2 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-2 { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-2 { transform: scale(1.05) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-4, .u-section-2 .u-text-4:before, .u-section-2 .u-text-4 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-4 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-4 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-6, .u-section-2 .u-text-6:before, .u-section-2 .u-text-6 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-6 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-6 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-8, .u-section-2 .u-text-8:before, .u-section-2 .u-text-8 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-8 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-8 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-10, .u-section-2 .u-text-10:before, .u-section-2 .u-text-10 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-10 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-10 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-12, .u-section-2 .u-text-12:before, .u-section-2 .u-text-12 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-12 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-12 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-14, .u-section-2 .u-text-14:before, .u-section-2 .u-text-14 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-14 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-14 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-16, .u-section-2 .u-text-16:before, .u-section-2 .u-text-16 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-16 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-16 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-18, .u-section-2 .u-text-18:before, .u-section-2 .u-text-18 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-18 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-18 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-20, .u-section-2 .u-text-20:before, .u-section-2 .u-text-20 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-20 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-20 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-22, .u-section-2 .u-text-22:before, .u-section-2 .u-text-22 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-22 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-22 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-24, .u-section-2 .u-text-24:before, .u-section-2 .u-text-24 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-24 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-24 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-26, .u-section-2 .u-text-26:before, .u-section-2 .u-text-26 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-26 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-26 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-28, .u-section-2 .u-text-28:before, .u-section-2 .u-text-28 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-28 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-28 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-30, .u-section-2 .u-text-30:before, .u-section-2 .u-text-30 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-30 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-30 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-32, .u-section-2 .u-text-32:before, .u-section-2 .u-text-32 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-32 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-32 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-34, .u-section-2 .u-text-34:before, .u-section-2 .u-text-34 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-34 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-34 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-36, .u-section-2 .u-text-36:before, .u-section-2 .u-text-36 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-36 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-36 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-38, .u-section-2 .u-text-38:before, .u-section-2 .u-text-38 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-38 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-38 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-section-2 .u-text-40, .u-section-2 .u-text-40:before, .u-section-2 .u-text-40 > .u-container-layout:before { transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position; } .u-section-2 .u-container-layout:hover .u-text-40 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } .u-container-layout.hover > .u-section-2 .u-text-40 { transform: scale(1.1) translateX(0px) translateY(0px) !important; } /* 为repeater下的所有item添加以下样式 */ .u-repeater-1 .u-list-item { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* 为可点击元素添加样式 */ .u-repeater-1 .u-image, .u-repeater-1 .u-text, .u-repeater-1 .u-btn { cursor: pointer !important; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* 文本元素特殊处理 */ .u-repeater-1 .u-text { pointer-events: none; } /* 为图片添加点击效果 */ .u-section-2 .u-repeater-1 .u-image-1, .u-section-2 .u-repeater-1 .u-image-2, .u-section-2 .u-repeater-1 .u-image-3, .u-section-2 .u-repeater-1 .u-image-4, .u-section-2 .u-repeater-1 .u-image-5, .u-section-2 .u-repeater-1 .u-image-6, .u-section-2 .u-repeater-1 .u-image-7, .u-section-2 .u-repeater-1 .u-image-8, .u-section-2 .u-repeater-1 .u-image-9, .u-section-2 .u-repeater-1 .u-image-10, .u-section-2 .u-repeater-1 .u-image-11, .u-section-2 .u-repeater-1 .u-image-12, .u-section-2 .u-repeater-1 .u-image-13, .u-section-2 .u-repeater-1 .u-image-14, .u-section-2 .u-repeater-1 .u-image-15, .u-section-2 .u-repeater-1 .u-image-16, .u-section-2 .u-repeater-1 .u-image-17, .u-section-2 .u-repeater-1 .u-image-18, .u-section-2 .u-repeater-1 .u-image-19, .u-section-2 .u-repeater-1 .u-image-20 { transition: all 0.2s ease !important; } /* 点击效果 */ .u-section-2 .u-repeater-1 .u-image-1:active, .u-section-2 .u-repeater-1 .u-image-2:active, .u-section-2 .u-repeater-1 .u-image-3:active, .u-section-2 .u-repeater-1 .u-image-4:active, .u-section-2 .u-repeater-1 .u-image-5:active, .u-section-2 .u-repeater-1 .u-image-6:active, .u-section-2 .u-repeater-1 .u-image-7:active, .u-section-2 .u-repeater-1 .u-image-8:active, .u-section-2 .u-repeater-1 .u-image-9:active, .u-section-2 .u-repeater-1 .u-image-10:active, .u-section-2 .u-repeater-1 .u-image-11:active, .u-section-2 .u-repeater-1 .u-image-12:active, .u-section-2 .u-repeater-1 .u-image-13:active, .u-section-2 .u-repeater-1 .u-image-14:active, .u-section-2 .u-repeater-1 .u-image-15:active, .u-section-2 .u-repeater-1 .u-image-16:active, .u-section-2 .u-repeater-1 .u-image-17:active, .u-section-2 .u-repeater-1 .u-image-18:active, .u-section-2 .u-repeater-1 .u-image-19:active, .u-section-2 .u-repeater-1 .u-image-20:active { transform: scale(0.95) !important; opacity: 0.8 !important; } /* hover效果 */ .u-section-2 .u-repeater-1 .u-image-1:hover, .u-section-2 .u-repeater-1 .u-image-2:hover, .u-section-2 .u-repeater-1 .u-image-3:hover, .u-section-2 .u-repeater-1 .u-image-4:hover, .u-section-2 .u-repeater-1 .u-image-5:hover, .u-section-2 .u-repeater-1 .u-image-6:hover, .u-section-2 .u-repeater-1 .u-image-7:hover, .u-section-2 .u-repeater-1 .u-image-8:hover, .u-section-2 .u-repeater-1 .u-image-9:hover, .u-section-2 .u-repeater-1 .u-image-10:hover, .u-section-2 .u-repeater-1 .u-image-11:hover, .u-section-2 .u-repeater-1 .u-image-12:hover, .u-section-2 .u-repeater-1 .u-image-13:hover, .u-section-2 .u-repeater-1 .u-image-14:hover, .u-section-2 .u-repeater-1 .u-image-15:hover, .u-section-2 .u-repeater-1 .u-image-16:hover, .u-section-2 .u-repeater-1 .u-image-17:hover, .u-section-2 .u-repeater-1 .u-image-18:hover, .u-section-2 .u-repeater-1 .u-image-19:hover, .u-section-2 .u-repeater-1 .u-image-20:hover { transform: scale(1.1) !important; } /* hover时的点击效果 */ .u-section-2 .u-repeater-1 .u-image-1:hover:active, .u-section-2 .u-repeater-1 .u-image-2:hover:active, .u-section-2 .u-repeater-1 .u-image-3:hover:active, .u-section-2 .u-repeater-1 .u-image-4:hover:active, .u-section-2 .u-repeater-1 .u-image-5:hover:active, .u-section-2 .u-repeater-1 .u-image-6:hover:active, .u-section-2 .u-repeater-1 .u-image-7:hover:active, .u-section-2 .u-repeater-1 .u-image-8:hover:active, .u-section-2 .u-repeater-1 .u-image-9:hover:active, .u-section-2 .u-repeater-1 .u-image-10:hover:active, .u-section-2 .u-repeater-1 .u-image-11:hover:active, .u-section-2 .u-repeater-1 .u-image-12:hover:active, .u-section-2 .u-repeater-1 .u-image-13:hover:active, .u-section-2 .u-repeater-1 .u-image-14:hover:active, .u-section-2 .u-repeater-1 .u-image-15:hover:active, .u-section-2 .u-repeater-1 .u-image-16:hover:active, .u-section-2 .u-repeater-1 .u-image-17:hover:active, .u-section-2 .u-repeater-1 .u-image-18:hover:active, .u-section-2 .u-repeater-1 .u-image-19:hover:active, .u-section-2 .u-repeater-1 .u-image-20:hover:active { transform: scale(0.9) !important; } /* 添加点击效果的基础样式 */ .u-section-1 .u-list-item { transition: all 0.2s; cursor: pointer; position: relative; } /* 点击时的缩小效果 */ .u-section-1 .u-list-item:active { transform: scale(0.9); } /* 选中状态的高亮效果 */ /* .u-section-1 .u-list-item.selected { background: linear-gradient(to right, rgba(238, 102, 34, 0.3), rgba(252, 199, 90, 0.3)); box-shadow: 0 4px 15px rgba(238, 102, 34, 0.4); border-radius: 10px; transform: translateY(-2px); } */ /* 未选中状态的样式 */ .u-section-1 .u-list-item img { filter: brightness(0.8); } /* 选中状态下图片的效果 */ .u-section-1 .u-list-item.selected img { transform: scale(1.1); filter: brightness(1.1); transition: all 0.3s ease; } /* 未选中状态的样式 */ .u-section-1 .u-list-item { transition: all 0.3s ease; cursor: pointer; position: relative; background: transparent; border-radius: 10px; padding: 5px; } /* 点击时的缩小效果 */ .u-section-1 .u-list-item:active { transform: scale(0.95); } /* 为input添加悬停和选中效果 */ .u-input { transition: transform 0.3s ease; } .u-input:hover, .u-input:focus { transform: scale(1.05); } /* 为button添加悬停和点击效果 */ .u-btn { transition: transform 0.3s ease; } .u-btn:hover { transform: scale(1.05); } .u-btn:active { transform: scale(0.9); } /* 为关闭按钮添加悬停和点击效果 */ .u-dialog-close-button { transition: transform 0.3s ease !important; } .u-dialog-close-button:hover { transform: scale(1.05) !important; } .u-dialog-close-button:active { transform: scale(0.9) !important; } /* Toast 容器 */ #toast-container { position: fixed; top: 10%; left: 50%; transform: translate(-50%, -50%); z-index: 100002; /* 确保在最上层 */ display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; /* 允许点击穿透 */ } /* 单个 Toast */ .toast { min-width: 250px; max-width: 350px; padding: 15px 20px; border-radius: 50px; color: #fff; font-family: Arial, sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); opacity: 0.9; transition: opacity 0.5s ease, transform 0.5s ease; display: flex; align-items: center; justify-content: center; /* 居中文本 */ text-align: center; /* 居中文本 */ pointer-events: auto; /* 允许 Toast 接收事件 */ } /* 成功 Toast */ .toast.success { box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); background-image: linear-gradient(#00ff00, #009245); } /* 错误 Toast */ .toast.error { background-image: linear-gradient(#ff6474, #e01c4c); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); } /* 信息 Toast */ .toast.info { background-image: linear-gradient(#31cdee, #0962a4); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); } /* 淡出效果 */ .toast.fade-out { opacity: 0; transform: translateY(-20px); transition: opacity 0.5s ease, transform 0.5s ease; } /* 添加锁定状态下的弹出框样式 */ .locked-tooltip { position: absolute; background: #ffffff; color: #333333; padding: 12px 16px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); border: 1px solid #e1e5e9; font-size: 14px; font-weight: 500; max-width: 200px; min-width: 120px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 9999; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; } .locked-tooltip::before { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; } .locked-tooltip::after { content: ''; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #e1e5e9; z-index: -1; } .locked-tooltip.show { opacity: 1; transform: translateY(0); } /* 锁定状态下的图片悬停效果 */ .locked .u-hover-feature.u-image:hover { cursor: not-allowed; filter: brightness(0.9); transition: filter 0.2s ease; } /* 确保弹出框在不同屏幕尺寸下的响应式显示 */ @media (max-width: 767px) { .locked-tooltip { font-size: 12px; padding: 10px 14px; max-width: 150px; } }