a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

a {
    text-decoration: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: 12px;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    background-color: #fff
}

.overflow-hidden {
    overflow: hidden
}

.ladi-transition {
    transition: all 150ms linear 0s
}

.z-index-1 {
    z-index: 1
}

.opacity-0 {
    opacity: 0
}

.height-0 {
    height: 0 !important
}

.pointer-events-none {
    pointer-events: none
}

.transition-parent-collapse-height {
    transition: height 150ms linear 0s
}

.transition-parent-collapse-top {
    transition: top 150ms linear 0s
}

.transition-readmore {
    transition: height 350ms linear 0s
}

.transition-collapse {
    transition: height 150ms linear 0s
}

body.grab {
    cursor: grab
}

.ladi-wraper {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    touch-action: manipulation
}

.ladi-container {
    position: relative;
    margin: 0 auto;
    height: 100%
}

.ladi-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.ladi-element {
    position: absolute
}

a[data-action] {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

a:visited {
    color: inherit
}

a:link {
    color: inherit
}

[data-opacity="0"] {
    opacity: 0
}

[data-hidden=true] {
    display: none
}

[data-action=true] {
    cursor: pointer
}

.ladi-hidden {
    display: none
}

.ladi-animation-hidden {
    visibility: hidden !important;
    opacity: 0 !important
}

.element-click-selected {
    cursor: pointer
}

.is-2nd-click {
    cursor: pointer
}

.ladi-accordion-shape.is-2nd-click,
.ladi-button-shape.is-2nd-click {
    z-index: 3
}

.backdrop-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90000060
}

.backdrop-dropbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90000040
}

.ladi-lazyload {
    background-image: none !important
}

.ladi-list-paragraph ul li.ladi-lazyload:before {
    background-image: none !important
}

.ladi-story-page-progress-bar {
    width: 100%;
    height: 25px;
    position: fixed;
    top: 0;
    left: 0
}

.ladi-story-page-progress-bar-item {
    height: 100%;
    width: 100%;
    display: block;
    float: left;
    margin: 0 5px;
    position: relative;
    cursor: pointer
}

.ladi-story-page-progress-bar-item:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, .4);
    border-radius: 10px;
    width: 100%;
    height: 4px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ladi-story-page-progress-bar-item.active:before {
    background: #fff
}

.ladi-story-page-progress-bar-item span {
    background: #fff;
    border-radius: 10px;
    height: 4px;
    display: block;
    margin: auto 0;
    top: 0;
    bottom: 0;
    position: absolute;
    transition: width .3s linear;
    width: 0%
}

#BODY_BACKGROUND {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100vh !important
}

.ladi-html strong {
    font-weight: 700
}

.ladi-html em {
    font-style: italic
}

.ladi-html a {
    text-decoration: underline
}

.ladi-html img {
    max-width: 100%
}

.ladi-html .ladi-headline p,
.ladi-html .ladi-paragraph p {
    margin: revert
}

.ladi-loading {
    z-index: 900000000000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1)
}

.ladi-loading .loading {
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    position: absolute
}

.ladi-loading .loading div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: ladi-loading 1.2s linear infinite
}

.ladi-loading .loading div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px
}

.ladi-loading .loading div:nth-child(2) {
    animation-delay: -.1s;
    top: 22px;
    left: 62px
}

.ladi-loading .loading div:nth-child(3) {
    animation-delay: -.2s;
    top: 11px;
    left: 52px
}

.ladi-loading .loading div:nth-child(4) {
    animation-delay: -.3s;
    top: 7px;
    left: 37px
}

.ladi-loading .loading div:nth-child(5) {
    animation-delay: -.4s;
    top: 11px;
    left: 22px
}

.ladi-loading .loading div:nth-child(6) {
    animation-delay: -.5s;
    top: 22px;
    left: 11px
}

.ladi-loading .loading div:nth-child(7) {
    animation-delay: -.6s;
    top: 37px;
    left: 7px
}

.ladi-loading .loading div:nth-child(8) {
    animation-delay: -.7s;
    top: 52px;
    left: 11px
}

.ladi-loading .loading div:nth-child(9) {
    animation-delay: -.8s;
    top: 62px;
    left: 22px
}

.ladi-loading .loading div:nth-child(10) {
    animation-delay: -.9s;
    top: 66px;
    left: 37px
}

.ladi-loading .loading div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px
}

.ladi-loading .loading div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px
}

@keyframes ladi-loading {

    0%,
    100%,
    20%,
    80% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }
}

.ladipage-message {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    background: rgba(0, 0, 0, .3)
}

.ladipage-message .ladipage-message-box {
    width: 400px;
    max-width: calc(100% - 50px);
    height: 160px;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #fff;
    position: fixed;
    top: calc(50% - 155px);
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px
}

.ladipage-message .ladipage-message-box span {
    display: block;
    background-color: rgba(6, 21, 40, .05);
    color: #000;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ladipage-message .ladipage-message-box .ladipage-message-text {
    display: -webkit-box;
    font-size: 14px;
    padding: 0 20px;
    margin-top: 16px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.ladipage-message .ladipage-message-box .ladipage-message-close {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
    margin: 0 auto;
    padding: 10px 0;
    border: none;
    width: 80px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #e6e6e6;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    cursor: pointer;
    outline: 0
}

.lightbox-screen {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 9000000080;
    background: rgba(0, 0, 0, .5)
}

.lightbox-screen .lightbox-close {
    position: absolute;
    z-index: 9000000090;
    cursor: pointer
}

.lightbox-screen .lightbox-hidden {
    display: none
}

.lightbox-screen .lightbox-close {
    width: 16px;
    height: 16px;
    margin: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-accordion {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-accordion .ladi-accordion-shape {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display: table;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-accordion .accordion-menu>.ladi-frame>.ladi-element:not(.ladi-accordion-shape) {
    z-index: 2
}

.ladi-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-banner .ladi-banner-background {
    height: 100%;
    width: 100%;
    pointer-events: none
}

.ladi-box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-button {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-button:active {
    transform: translateY(2px);
    transition: transform .2s linear
}

.ladi-button .ladi-button-background {
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition: inherit
}

.ladi-button>.ladi-button-headline,
.ladi-button>.ladi-button-shape {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display: table;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-button>.ladi-button-shape .ladi-shape {
    margin: auto;
    top: 0;
    bottom: 0
}

.ladi-button>.ladi-button-headline .ladi-headline {
    display: table-cell;
    vertical-align: middle
}

.ladi-checkout-product-cart-icon .ladi-cart-number {
    position: absolute;
    top: -2px;
    right: -7px;
    background: #f36e36;
    text-align: center;
    min-width: 18px;
    min-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 100%;
    z-index: 90000000;
    padding: 3px 4px
}

.ladi-checkout-product-add-to-cart .ladi-button .loading-dots {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.ladi-checkout-product-add-to-cart .ladi-button .loading-dots p {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    animation: loading .6s infinite
}

.ladi-checkout-product-add-to-cart .ladi-button .loading-dots p:nth-child(1) {
    animation-delay: 0s
}

.ladi-checkout-product-add-to-cart .ladi-button .loading-dots p:nth-child(2) {
    animation-delay: .2s
}

.ladi-checkout-product-add-to-cart .ladi-button .loading-dots p:nth-child(3) {
    animation-delay: .4s
}

@keyframes loading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ladi-button-group {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-button-group>.ladi-element {
    transition: inherit
}

.ladi-button-group>.ladi-element>.ladi-button {
    transition: inherit
}

.ladi-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-carousel .ladi-carousel-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: top 350ms ease-in-out, left 350ms ease-in-out
}

.ladi-carousel .ladi-carousel-arrow {
    position: absolute;
    top: calc(50% - (33px)/ 2);
    cursor: pointer;
    z-index: 90000040;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00015%200.585938L18.4144%2012.0002L7.00015%2023.4144L5.58594%2022.0002L15.5859%2012.0002L5.58594%202.00015L7.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-carousel .ladi-carousel-arrow-left {
    left: 5px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.ladi-carousel .ladi-carousel-arrow-right {
    right: 5px
}

.ladi-carousel-indicators-circle {
    display: inline-flex;
    gap: 10px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content
}

.ladi-carousel-indicators-circle .item {
    width: 10px;
    height: 10px;
    background-color: #d6d6d6;
    border-radius: 100%;
    cursor: pointer;
    outline: 1px solid #fff
}

.ladi-carousel-indicators-circle .item.selected,
.ladi-carousel-indicators-circle .item:hover {
    background-color: grey
}

.ladi-carousel-indicators-number {
    display: inline-flex;
    gap: 10px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content
}

.ladi-carousel-indicators-number .item {
    width: 15px;
    height: 15px;
    background-color: #d6d6d6;
    border-radius: 100%;
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    outline: 1px solid #fff
}

.ladi-carousel-indicators-number .item.selected,
.ladi-carousel-indicators-number .item:hover {
    background-color: grey;
    color: #fff
}

.ladi-cart {
    position: absolute;
    width: 100%;
    font-size: 12px
}

.ladi-cart .ladi-cart-row {
    position: relative;
    display: inline-table;
    width: 100%
}

.ladi-cart .ladi-cart-row:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #dcdcdc
}

.ladi-cart .ladi-cart-no-product {
    text-align: center;
    font-size: 16px;
    vertical-align: middle
}

.ladi-cart .ladi-cart-image {
    width: 16%;
    vertical-align: middle;
    position: relative;
    text-align: center
}

.ladi-cart .ladi-cart-image img {
    max-width: 100%
}

.ladi-cart .ladi-cart-title {
    vertical-align: middle;
    padding: 0 5px;
    word-break: break-all
}

.ladi-cart .ladi-cart-title .ladi-cart-title-name {
    display: block;
    margin-bottom: 5px;
    word-break: break-word
}

.ladi-cart .ladi-cart-title .ladi-cart-title-variant {
    font-weight: 700;
    display: block;
    word-break: break-word
}

.ladi-cart .ladi-cart-image .ladi-cart-image-quantity {
    position: absolute;
    top: -3px;
    right: -5px;
    background: rgba(150, 149, 149, .9);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 20px
}

.ladi-cart .ladi-cart-quantity {
    width: 70px;
    vertical-align: middle;
    text-align: center
}

.ladi-cart .ladi-cart-quantity-content {
    display: -webkit-inline-flex;
    display: inline-flex
}

.ladi-cart .ladi-cart-quantity input {
    width: 24px;
    text-align: center;
    height: 22px;
    pointer-events: none;
    -moz-appearance: textfield;
    border-left: none;
    border-right: none;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 0
}

.ladi-cart .ladi-cart-quantity input::-webkit-inner-spin-button,
.ladi-cart .ladi-cart-quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ladi-cart .ladi-cart-quantity .button {
    border: 1px solid #dcdcdc;
    cursor: pointer;
    text-align: center;
    width: 21px;
    height: 22px;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-cart .ladi-cart-quantity .button:active {
    transform: translateY(2px);
    transition: transform .2s linear
}

.ladi-cart .ladi-cart-quantity .button span {
    font-size: 18px;
    position: relative;
    left: .5px
}

.ladi-cart .ladi-cart-quantity .button:first-child span {
    top: -1.2px
}

.ladi-cart .ladi-cart-price {
    width: 100px;
    vertical-align: middle;
    text-align: right;
    padding: 0 10px 0 5px
}

.ladi-cart .ladi-cart-row.has-promotion .ladi-cart-price span {
    text-decoration: line-through;
    display: block;
    margin-bottom: 3px
}

.ladi-cart .ladi-cart-row.has-promotion .ladi-cart-price span.price-compare {
    text-decoration: none;
    color: #e85d04;
    font-weight: 700;
    margin-bottom: 0
}

.ladi-cart .ladi-cart-row.has-promotion .ladi-cart-title span.promotion-name {
    margin-top: 5px;
    display: block;
    word-break: break-word
}

.ladi-cart .ladi-cart-action {
    width: 28px;
    vertical-align: middle;
    text-align: center
}

.ladi-cart .ladi-cart-action .button {
    border: 1px solid #dcdcdc;
    display: table;
    cursor: pointer;
    text-align: center;
    width: 25px;
    height: 22px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-cart .ladi-cart-action .button:active {
    transform: translateY(2px);
    transition: transform .2s linear
}

.ladi-cart .ladi-cart-action .button span {
    font-size: 13px;
    position: relative;
    top: .5px;
    display: table-cell;
    vertical-align: middle
}

.popup-detail-cart-checkout-container .backdrop-detail-cart-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100000;
    display: none
}

.popup-detail-cart-checkout {
    position: fixed;
    height: 100vh;
    top: 0;
    right: -100%;
    width: 480px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    z-index: 1000000000000;
    opacity: 0;
    visibility: hidden;
    transition: right .5s ease, opacity .5s ease
}

.popup-detail-cart-checkout.show {
    opacity: 1;
    visibility: visible;
    right: 0
}

.popup-detail-cart-checkout .popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 1rem;
    border-bottom: 1px solid #e7e9eb
}

.popup-detail-cart-checkout .popup-header .title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 22px;
    color: #0e233c;
    display: flex;
    align-items: center
}

.popup-detail-cart-checkout .popup-header .title h3 {
    margin-right: 6px
}

.popup-detail-cart-checkout .list-products {
    padding: 1rem;
    height: calc(100vh - 350px);
    overflow-y: scroll
}

.popup-detail-cart-checkout .list-products .list .product-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 16px 0
}

.popup-detail-cart-checkout .list-products .list .product-item .product-image img {
    width: 96px;
    height: 96px;
    border-radius: 4px;
    object-fit: cover
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info {
    width: 100%
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info .pr-name {
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
    color: #0e233c
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info .pr-variants {
    margin-top: 4px
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info .pr-variants span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 14px;
    color: #566577
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info .action-delete-product .ldicon {
    width: 16px;
    height: 16px;
    mask-size: cover;
    display: inline-block;
    cursor: pointer;
    background-color: #686868;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-new-close.svg)
}

.popup-detail-cart-checkout .list-products .list .product-item .product-info .group-quantity-price {
    display: flex;
    align-items: center;
    margin-top: 14px;
    justify-content: space-between
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #f4f4f4;
    border-radius: 5px
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity .btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f4f4f4
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity .btn .ldicon {
    width: 12px;
    height: 12px;
    mask-size: cover;
    display: inline-block;
    background-color: #566577
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity .btn .ldicon.icon-remove {
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-minius.svg)
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity .btn .ldicon.icon-add {
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-add-2.svg)
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity input {
    width: 32px;
    height: 24px;
    font-size: .875rem;
    font-weight: 700;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    text-align: center
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity input::-webkit-inner-spin-button,
.popup-detail-cart-checkout .list-products .list .product-item .quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.popup-detail-cart-checkout .list-products .list .product-item .quantity input:focus,
.popup-detail-cart-checkout .list-products .list .product-item .quantity input:hover {
    -moz-appearance: textfield;
    -webkit-appearance: none
}

.popup-detail-cart-checkout .list-products .list .product-item .price {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0
}

.popup-detail-cart-checkout .list-products .list .product-item .price span {
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    color: #0e233c
}

.popup-detail-cart-checkout .list-products .list .product-item .price .price-compare {
    text-decoration: line-through;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1rem;
    color: #9fa7b1
}

.popup-detail-cart-checkout .list-products .list .empty-cart-product {
    padding: 32px;
    text-align: center
}

.popup-detail-cart-checkout .list-products .list .empty-cart-product p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 18px;
    color: #566577;
    margin-top: 24px
}

.popup-detail-cart-checkout .group-block-bottom {
    display: block;
    width: -webkit-fill-available;
    position: fixed;
    bottom: 0;
    background-color: #fff
}

.popup-detail-cart-checkout .block-coupon-code {
    padding: 1rem;
    display: flex;
    align-items: center;
    border-top: 1px solid #e7e9eb;
    justify-content: space-between
}

.popup-detail-cart-checkout .block-coupon-code .title {
    display: flex;
    align-items: center;
    gap: 4px
}

.popup-detail-cart-checkout .block-coupon-code .title i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-discount-coupon.svg);
    display: inline-block;
    mask-size: cover;
    background-color: #ec5d4f
}

.popup-detail-cart-checkout .block-coupon-code .title span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #202020
}

.popup-detail-cart-checkout .block-coupon-code .description {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.popup-detail-cart-checkout .block-coupon-code .description i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/new-ldicon-arrow-left.svg);
    display: inline-block;
    mask-size: cover;
    background-color: #cfd3d8
}

.popup-detail-cart-checkout .block-coupon-code .description span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #86919d
}

.popup-detail-cart-checkout .total-summary {
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e7e9eb;
    justify-content: space-between;
    gap: 8px
}

.popup-detail-cart-checkout .total-summary .item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup-detail-cart-checkout .total-summary .item span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #566577
}

.popup-detail-cart-checkout .total-summary .item p {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #0e233c
}

.popup-detail-cart-checkout .total-summary .item strong {
    font-weight: 700;
    font-size: .875rem;
    line-height: 20px;
    color: #0e233c
}

.popup-detail-cart-checkout .cart-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
    border-top: 1px solid #e7e9eb
}

.popup-detail-cart-checkout .cart-footer .total-order {
    display: flex;
    align-items: center;
    gap: 12px
}

.popup-detail-cart-checkout .cart-footer .icon-cart {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #f3f4f5;
    position: relative
}

.popup-detail-cart-checkout .cart-footer .total-order .title-price {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.popup-detail-cart-checkout .cart-footer .total-order .title-price .title {
    display: flex;
    align-items: center;
    gap: 8px
}

.popup-detail-cart-checkout .cart-footer .total-order .title-price .title span {
    font-weight: 400;
    font-size: .75rem;
    line-height: 16px;
    color: #64768d
}

.popup-detail-cart-checkout .cart-footer .total-order .title-price .price {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 23px;
    color: #3b3b44;
    margin-bottom: 0
}

.popup-detail-cart-checkout .cart-footer .icon-cart .qty-product-cart {
    min-width: 18px;
    min-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #e01a1a;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 4px
}

.popup-detail-cart-checkout .cart-footer button {
    padding: 12px 16px;
    border-radius: 4px;
    background-color: #1e40b3;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem
}

.backdrop-modal-payment-order {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
    z-index: 99999999999
}

.modal-payment-order-checkout {
    background-color: #fff;
    border-radius: 10px;
    width: 600px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    position: absolute;
    top: 30px
}

.modal-payment-order-checkout .modal-header {
    display: flex;
    align-items: center;
    padding: 24px;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #e7e9eb
}

.modal-payment-order-checkout .modal-header h3 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 18px;
    color: #0e233c
}

.modal-payment-order-checkout .modal-header .icon-close-modal {
    cursor: pointer
}

.modal-payment-order-checkout .modal-content {
    padding: 0 24px 24px 24px;
    margin-top: 16px
}

.modal-payment-order-checkout .modal-content .group-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.modal-payment-order-checkout .modal-content .ladi-form-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px
}

.modal-payment-order-checkout .modal-content .ladi-form-item label {
    font-weight: 500;
    font-size: .75rem;
    line-height: 14px;
    color: #64768d
}

.modal-payment-order-checkout .modal-content .ladi-form-control {
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #dfe3e6;
    width: 100%
}

.modal-payment-order-checkout .modal-content .block-products-selected {
    margin-top: 24px
}

.modal-payment-order-checkout .modal-content .block-products-selected h3 {
    font-weight: 700;
    font-size: .75rem;
    line-height: 14px;
    color: #64768d;
    margin-bottom: 12px
}

.modal-payment-order-checkout .modal-content .block-products-selected .list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .image {
    width: 72px;
    height: 72px;
    border-radius: 4px;
    overflow: hidden
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .name-qty {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .name-qty h3 {
    font-weight: 700;
    font-size: .875rem;
    color: #0e233c;
    line-height: 16px;
    margin-bottom: 0 !important
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .name-qty span {
    font-weight: 400;
    font-size: .875rem;
    color: #0e233c;
    line-height: 16px;
    white-space: nowrap;
    padding-left: 8px
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .variants-price {
    display: flex;
    align-items: end;
    justify-content: space-between
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .variants-price .variants p {
    font-size: .75rem;
    font-weight: 400;
    line-height: 16px;
    color: #64768d
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .variants-price .variants span {
    font-size: .75rem;
    font-weight: 400;
    line-height: 16px;
    color: #000
}

.modal-payment-order-checkout .modal-content .block-products-selected .list .product-selected-item .info-product .variants-price .price {
    font-size: .875rem;
    font-weight: 700;
    line-height: 16px;
    color: #0e233c
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods {
    margin-top: 24px
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods h3 {
    font-weight: 700;
    font-size: .75rem;
    line-height: 14px;
    color: #64768d;
    margin-bottom: 12px
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item {
    border-radius: 4px;
    border: 1px solid #f1f1f1
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .content {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .icon-name-payment {
    display: flex;
    align-items: center;
    gap: 8px
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .icon-name-payment .image {
    width: 16px;
    height: 16px;
    overflow: hidden
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .icon-name-payment .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .icon-name-payment .name p {
    font-weight: 400;
    font-size: .875rem;
    line-height: 18px;
    color: #3b3b44
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .action-payment-check {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #cfd3d8;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item.checked .action-payment-check::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #0e233c;
    border-radius: 50%
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .payment-method-item-detail {
    background-color: #f8f8f8
}

.modal-payment-order-checkout .modal-content .block-list-payment-methods .lists .payment-method-item .payment-method-item-detail .detail-content {
    padding: 16px
}

.modal-payment-order-checkout .modal-content .block-address-shipping-payment {
    display: none
}

.modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px
}

.modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown .dropdown-item {
    width: 33%;
    height: 40px;
    display: flex;
    border: 1px solid #dfe3e6;
    padding: 8px;
    cursor: pointer
}

.modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown .dropdown-item select {
    width: 100%;
    cursor: pointer
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item {
    padding: 16px 0
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .form-check-input {
    width: 18px;
    height: 18px;
    border: 1px solid #cfd3d8;
    cursor: pointer
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .form-check-input:checked {
    accent-color: #0e233c
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .ladiui-checkout-list-payments>ul {
    list-style: none;
    padding: 0;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 4px;
    margin-top: 16px
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .ladiui-checkout-list-payments>ul>li {
    width: 95px;
    border: 1px solid #e7e9eb;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 60px;
    background-color: #fff
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .ladiui-checkout-list-payments>ul>li.active {
    border: 1px solid #0e233c
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .ladiui-checkout-list-payments>ul>li>img {
    height: 20px
}

.payment-method-item-detail .detail-content .ladiui-checkout-payment-item .ladiui-checkout-list-payments>ul>li>span {
    overflow: hidden;
    font-style: normal;
    font-size: .625rem;
    height: 16px;
    position: relative;
    display: block;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-payment-order-checkout .modal-footer {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e7e9eb
}

.modal-payment-order-checkout .modal-footer .total-order {
    display: flex;
    align-items: center;
    gap: 8px
}

.modal-payment-order-checkout .modal-footer .total-order .image {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #f3f4f5;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-payment-order-checkout .modal-footer .total-order .total-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

.modal-payment-order-checkout .modal-footer .total-order .total-price span {
    font-size: .75rem;
    font-weight: 400;
    line-height: 14px;
    color: #64768d
}

.modal-payment-order-checkout .modal-footer .total-order .total-price strong {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 24px;
    color: #3b3b44
}

.modal-payment-order-checkout .modal-footer button {
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #1e40b3;
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer
}

.modal-payment-order-checkout .block-coupon-code {
    padding: 16px;
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #f1f1f1
}

.modal-payment-order-checkout .block-coupon-code .title {
    display: flex;
    align-items: center;
    gap: 4px
}

.modal-payment-order-checkout .block-coupon-code .title i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-discount-coupon.svg);
    display: inline-block;
    mask-size: cover;
    background-color: #ec5d4f
}

.modal-payment-order-checkout .block-coupon-code .title span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #202020
}

.modal-payment-order-checkout .block-coupon-code .description {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.modal-payment-order-checkout .block-coupon-code .description i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/new-ldicon-arrow-left.svg);
    display: inline-block;
    mask-size: cover;
    background-color: #cfd3d8
}

.modal-payment-order-checkout .block-coupon-code .description .value-coupon-code-payment {
    display: flex;
    align-items: center;
    gap: 4px
}

.modal-payment-order-checkout .block-coupon-code .description .value-coupon-code-payment .title {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #86919d
}

.modal-payment-order-checkout .block-coupon-code .description .value-coupon-code-payment .value-discount {
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: .875rem
}

.modal-payment-order-checkout .block-coupon-code .description .value-coupon-code-payment .value-discount.order {
    border: 1px solid #ef9300;
    color: #ef9300
}

.modal-payment-order-checkout .block-coupon-code .description .value-coupon-code-payment .value-discount.shipping {
    border: 1px solid #35a500;
    color: #35a500;
    display: flex;
    align-items: center;
    gap: 8px
}

.modal-payment-order-checkout .block-shipping-methods {
    margin-top: 24px;
    display: none
}

.modal-payment-order-checkout .block-shipping-methods h3 {
    font-weight: 700;
    font-size: .75rem;
    line-height: 14px;
    color: #64768d
}

.modal-payment-order-checkout .block-shipping-methods .list-methods {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #f1f1f1
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item.checked {
    border: 1px solid #0e233c
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item .action-check-name {
    display: flex;
    align-items: center;
    gap: 12px
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item .action-check-name .action-check {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #cfd3d8;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item.checked .action-check-name .action-check {
    border: 1px solid #0e233c
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item.checked .action-check-name .action-check::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #0e233c;
    border-radius: 50%
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item .action-check-name .name {
    font-weight: 400;
    font-size: .875rem;
    line-height: 18px;
    color: #3b3b44
}

.modal-payment-order-checkout .block-shipping-methods .list-methods .shipping-method-item .shipping-fee {
    font-weight: 700;
    font-size: .875rem;
    line-height: 16px;
    color: #0e233c
}

.modal-payment-order-checkout .total-summary {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
    margin-top: 24px
}

.modal-payment-order-checkout .total-summary .item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal-payment-order-checkout .total-summary .item span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #566577
}

.modal-payment-order-checkout .total-summary .item p {
    font-weight: 400;
    font-size: .875rem;
    line-height: 20px;
    color: #0e233c
}

.modal-payment-order-checkout .total-summary .item strong {
    font-weight: 700;
    font-size: .875rem;
    line-height: 20px;
    color: #0e233c
}

.backdrop-modal-coupon-payment-order {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
    z-index: 99999999999
}

.modal-coupon-payment-order {
    background-color: #fff;
    border-radius: 10px;
    width: 480px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    position: absolute;
    top: 30px
}

.modal-coupon-payment-order .modal-header {
    display: flex;
    align-items: center;
    padding: 24px;
    justify-content: space-between;
    position: relative
}

.modal-coupon-payment-order .modal-header h3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 18px;
    color: #000
}

.modal-coupon-payment-order .modal-header .icon-close-modal {
    cursor: pointer
}

.modal-coupon-payment-order .modal-content {
    padding: 24px;
    border-top: 1px solid #e7e9eb
}

.modal-coupon-payment-order .modal-content .block-input-enter-coupon-code {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.modal-coupon-payment-order .modal-content .block-input-enter-coupon-code input {
    padding: 10px 12px;
    border: 1px solid #cfd3d8;
    border-radius: 4px;
    text-transform: uppercase;
    width: 80%;
    height: 40px
}

.modal-coupon-payment-order .modal-content .block-input-enter-coupon-code button {
    padding: 10px 22px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    height: 40px;
    width: 96px;
    background-color: #1e40b3;
    font-size: .875rem;
    color: #fff;
    font-weight: 400
}

.modal-coupon-payment-order .modal-content .list-coupons h3 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 18px;
    color: #0e233c;
    margin-bottom: 12px
}

.modal-coupon-payment-order .modal-content .list-coupons span {
    font-weight: 400;
    font-size: .75rem;
    line-height: 16px;
    color: #9fa7b1
}

.modal-coupon-payment-order .modal-content .list-coupons.shipping {
    margin-bottom: 24px;
    display: none
}

.modal-coupon-payment-order .modal-content .list-coupons .list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #cfd3d8;
    cursor: pointer;
    width: 100%
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item.checked {
    background-color: #f4f2fc;
    border: 1px solid #1c00c2
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item .title-desc h3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 16px;
    margin-bottom: 4px;
    color: #1e40b3
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item .title-desc p {
    font-weight: 400;
    font-size: .75rem;
    line-height: 16px;
    color: #566577
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item .action .radio-custom {
    width: 18px;
    height: 18px;
    border: 1px solid #cfd3d8;
    border-radius: 100%;
    display: block;
    position: relative
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item.checked .action .radio-custom {
    border: 1px solid #1c00c2
}

.modal-coupon-payment-order .modal-content .list-coupons .list .coupon-item.checked .action .radio-custom::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1c00c2;
    transform: translate(40%, 40%)
}

.modal-coupon-payment-order .modal-footer {
    padding: 24px;
    display: flex;
    border-top: 1px solid #e7e9eb;
    align-items: center;
    justify-content: space-between
}

.modal-coupon-payment-order .modal-footer button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #1e40b3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .875rem;
    color: #fff;
    cursor: pointer
}

.flex {
    display: flex !important
}

.items-center {
    align-items: center !important
}

.items-start {
    align-items: start !important
}

.gap-4 {
    gap: 4px
}

.gap-8 {
    gap: 8px
}

.ml-8 {
    margin-left: 8px !important
}

.mr-8 {
    margin-right: 8px !important
}

.space-between {
    justify-content: space-between !important
}

.ladi-checkout-product-cart-icon.flip {
    animation: flip .6s ease
}

@keyframes flip {
    0% {
        transform: rotateY(0)
    }

    50% {
        transform: rotateY(180deg)
    }

    100% {
        transform: rotateY(0)
    }
}

.popup-slide-discount-cart .backdrop-slide-discount-cart-checkout-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100000;
    display: none
}

.popup-detail-discount-cart-checkout-product {
    position: fixed;
    height: 100vh;
    top: 0;
    right: -100%;
    width: 480px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    z-index: 2000000000000;
    opacity: 0;
    visibility: hidden;
    transition: right .5s ease, opacity .5s ease
}

.popup-detail-discount-cart-checkout-product.show {
    opacity: 1;
    visibility: visible;
    right: 0
}

.popup-detail-discount-cart-checkout-product .popup-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid #e7e9eb
}

.popup-detail-discount-cart-checkout-product .popup-header .icon-back {
    cursor: pointer
}

.popup-detail-discount-cart-checkout-product .popup-header h3 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 20px;
    color: #0e233c
}

.popup-detail-discount-cart-checkout-product .popup-content {
    padding: 20px 24px
}

.popup-detail-discount-cart-checkout-product .popup-content h3 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 18px;
    color: #0e233c
}

.popup-detail-discount-cart-checkout-product .popup-content h3 span {
    font-weight: 400;
    font-size: .875rem;
    line-height: 16px;
    color: #9fa7b1
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    overflow-y: scroll;
    max-height: calc(100vh - 290px)
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #cfd3d8;
    min-width: 340px;
    cursor: pointer
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item .title-desc h3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 16px;
    margin-bottom: 4px;
    color: #1e40b3
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item .title-desc p {
    font-weight: 400;
    font-size: .75rem;
    line-height: 16px;
    color: #566577
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item .action .radio-custom {
    width: 18px;
    height: 18px;
    border: 1px solid #cfd3d8;
    border-radius: 100%;
    display: block;
    position: relative
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item.checked {
    background-color: #f4f2fc
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item.checked .action .radio-custom {
    border: 1px solid #1c00c2 !important
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .coupon-item.checked .action .radio-custom::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1c00c2;
    transform: translate(40%, 40%)
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .block-empty-coupon {
    padding: 16px 24px;
    text-align: center
}

.popup-detail-discount-cart-checkout-product .popup-content .list-coupons .block-empty-coupon h3 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
    color: #0e233c
}

.popup-detail-discount-cart-checkout-product .popup-content .block-input-enter-coupon-code {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.popup-detail-discount-cart-checkout-product .popup-content .block-input-enter-coupon-code input {
    padding: 10px 12px;
    border: 1px solid #cfd3d8;
    border-radius: 4px;
    text-transform: uppercase;
    width: 80%;
    height: 40px
}

.popup-detail-discount-cart-checkout-product .popup-content .block-input-enter-coupon-code button {
    padding: 10px 22px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    height: 40px;
    width: 96px;
    background-color: #1e40b3;
    font-size: .875rem;
    color: #fff;
    font-weight: 400
}

.popup-detail-discount-cart-checkout-product .popup-footer {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: end;
    width: 100%;
    padding: 16px 24px;
    border-top: 1px solid #e7e9eb
}

.popup-detail-discount-cart-checkout-product .popup-footer button {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: .875rem;
    font-weight: 700;
    width: 100%;
    line-height: 16px;
    cursor: pointer
}

.popup-detail-discount-cart-checkout-product .popup-footer .cancel-btn {
    background-color: #f3f4f5;
    color: #0e233c
}

.popup-detail-discount-cart-checkout-product .popup-footer .confirm-btn {
    background-color: #1e40b3;
    color: #fff
}

.open-cart-hidden-overflow {
    overflow: hidden !important
}

@media screen and (max-width:768px) {
    .popup-detail-cart-checkout {
        width: 100%
    }

    .popup-detail-discount-cart-checkout-product {
        width: 100%
    }

    .modal-payment-order-checkout {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        border-radius: 0
    }

    .modal-coupon-payment-order {
        width: 100%;
        border-radius: 0 !important;
        top: 0
    }

    .modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown {
        flex-direction: column
    }

    .modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown .dropdown-item {
        width: 100%
    }

    .modal-payment-order-checkout .modal-content .block-address-shipping-payment .group-address-dropdown .dropdown-item select {
        background-color: #fff !important
    }
}

.ladi-checkout-quantity {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    --width-btn: 32px;
    --width-border: 1px;
    --font-size: 16px;
    --font-size-input: 22px;
    border: var(--width-border) solid #000;
    font-size: var(--font-size)
}

.ladi-checkout-quantity-input {
    border: none;
    width: calc(100% - var(--width-btn) * 2 - var(--width-border) * 4);
    height: 100%;
    font-size: var(--font-size);
    text-align: center
}

.ladi-checkout-quantity-input::-webkit-inner-spin-button,
.ladi-checkout-quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ladi-checkout-quantity-sub {
    width: var(--width-btn);
    height: 100%;
    font-size: var(--font-size-input);
    cursor: pointer;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-right-width: inherit;
    border-right-style: inherit;
    border-right-color: inherit
}

.ladi-checkout-quantity-add {
    width: var(--width-btn);
    height: 100%;
    font-size: var(--font-size-input);
    cursor: pointer;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-left-width: inherit;
    border-left-style: inherit;
    border-left-color: inherit
}

.ladi-collection {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-collection.carousel {
    overflow: hidden
}

.ladi-collection .ladi-collection-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    transition: left 350ms ease-in-out
}

.ladi-collection .ladi-collection-content .ladi-collection-item {
    display: block;
    position: relative;
    float: left;
    overflow: hidden
}

.ladi-collection .ladi-collection-content .ladi-collection-item:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ladi-collection .ladi-collection-content .ladi-collection-page {
    float: left
}

.ladi-collection .ladi-collection-arrow {
    position: absolute;
    top: calc(50% - (33px)/ 2);
    cursor: pointer;
    z-index: 90000040
}

.ladi-collection .ladi-collection-arrow-left {
    left: 5px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.ladi-collection .ladi-collection-arrow-right {
    right: 5px
}

.ladi-collection .ladi-collection-button-next {
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    z-index: 90000040;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.ladi-collection .ladi-collection-arrow,
.ladi-collection .ladi-collection-button-next {
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center
}

.ladi-collection .ladi-collection-arrow {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00015%200.585938L18.4144%2012.0002L7.00015%2023.4144L5.58594%2022.0002L15.5859%2012.0002L5.58594%202.00015L7.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-collection .ladi-collection-button-next {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00015%200.585938L18.4144%2012.0002L7.00015%2023.4144L5.58594%2022.0002L15.5859%2012.0002L5.58594%202.00015L7.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-combobox {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-combobox .ladi-combobox-item-container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item {
    width: 100%;
    height: 100%;
    position: absolute;
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item .ladi-combobox-control option {
    color: initial
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item .ladi-combobox-control {
    background-color: transparent;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    font-size: inherit;
    border: none;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 9px 6px !important;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    padding-right: 24px
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item .ladi-combobox-control:not([data-selected=""]) {
    text-decoration: inherit
}

.ladi-combobox .ladi-combobox-item-container .ladi-combobox-item .ladi-combobox-control {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")
}

.ladi-countdown {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex
}

.ladi-countdown .ladi-countdown-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    display: table;
    pointer-events: none
}

.ladi-countdown .ladi-countdown-text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: inherit;
    display: table;
    pointer-events: none
}

.ladi-countdown .ladi-countdown-text span {
    display: table-cell;
    vertical-align: middle
}

.ladi-countdown>.ladi-element {
    text-decoration: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    position: relative;
    display: inline-block
}

.ladi-countdown>.ladi-element:last-child {
    margin-right: 0 !important
}

.ladi-form {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-form>.ladi-element {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form .ladi-button>.ladi-button-headline {
    color: initial;
    font-size: initial;
    font-weight: initial;
    text-transform: initial;
    text-decoration: initial;
    font-style: initial;
    text-align: initial;
    letter-spacing: initial;
    line-height: initial
}

.ladi-form>.ladi-element .ladi-form-item-container {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form>[data-quantity=true] .ladi-form-item-container {
    overflow: hidden
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item-background {
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 9px 6px !important;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    padding-right: 24px
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2 {
    width: calc(100% / 2 - 5px);
    max-width: calc(100% / 2 - 5px);
    min-width: calc(100% / 2 - 5px)
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-2:nth-child(3) {
    margin-left: 7.5px
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3 {
    width: calc(100% / 3 - 5px);
    max-width: calc(100% / 3 - 5px);
    min-width: calc(100% / 3 - 5px)
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(3) {
    margin-left: 7.5px
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(4) {
    margin-left: 7.5px
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select option {
    color: initial
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control:not(.ladi-form-control-select) {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select {
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select:not([data-selected=""]) {
    text-decoration: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    vertical-align: middle
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-box-item {
    display: inline-block;
    width: fit-content
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked=true] {
    text-transform: inherit;
    text-decoration: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked=false] {
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-size: inherit;
    background-attachment: inherit;
    background-origin: inherit
}

.ladi-form .ladi-form-item-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-form .ladi-form-item-title-value {
    font-weight: 700;
    word-break: break-word
}

.ladi-form .ladi-form-label-container {
    position: relative;
    width: 100%
}

.ladi-form .ladi-form-control-file {
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center
}

.ladi-form .ladi-form-label-container .ladi-form-label-item {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 0 !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.no-value {
    display: none !important
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.text.disabled {
    opacity: .35
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.image.disabled {
    opacity: .2
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.color.disabled {
    opacity: .15
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.selected:before {
    content: '';
    width: 0;
    height: 0;
    bottom: -1px;
    right: -1px;
    position: absolute;
    border-width: 0 0 15px 15px;
    border-color: transparent;
    border-style: solid
}

.ladi-form .ladi-form-label-container .ladi-form-label-item.selected:after {
    content: '';
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 12 12' viewBox='0 0 12 12' x='0' fill='%23fff' y='0'%3E%3Cg%3E%3Cpath d='m5.2 10.9c-.2 0-.5-.1-.7-.2l-4.2-3.7c-.4-.4-.5-1-.1-1.4s1-.5 1.4-.1l3.4 3 5.1-7c .3-.4 1-.5 1.4-.2s.5 1 .2 1.4l-5.7 7.9c-.2.2-.4.4-.7.4 0-.1 0-.1-.1-.1z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 7px;
    height: 7px;
    bottom: 0;
    right: 0;
    position: absolute
}

.ladi-form .ladi-form-item {
    width: 100%;
    height: 100%;
    position: absolute
}

.ladi-form .ladi-form-item-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.ladi-form .ladi-form-item.ladi-form-checkbox {
    height: auto
}

.ladi-form .ladi-form-item .ladi-form-control {
    background-color: transparent;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    color: inherit;
    font-size: inherit;
    border: none
}

.ladi-form .ladi-form-item.ladi-form-checkbox {
    padding: 0 5px
}

.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-vertical .ladi-form-checkbox-item {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    border: none
}

.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
    display: inline-flex;
    align-items: center;
    border: none;
    position: relative
}

.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item input {
    margin-right: 5px;
    display: block
}

.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span {
    cursor: default;
    word-break: break-word
}

.ladi-form .ladi-form-item textarea.ladi-form-control {
    resize: none;
    padding: 5px
}

.ladi-form .ladi-button {
    cursor: pointer
}

.ladi-form .ladi-button .ladi-headline {
    cursor: pointer;
    user-select: none
}

.ladi-form .ladi-element .ladi-form-otp::-webkit-inner-spin-button,
.ladi-form .ladi-element .ladi-form-otp::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ladi-form .ladi-element .ladi-form-item .button-get-code {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: initial;
    padding: 5px 10px;
    height: max-content;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-form .ladi-element .ladi-form-item .button-get-code.hide-visibility {
    display: block !important;
    visibility: hidden !important
}

.ladi-form .ladi-form-item.otp-resend .button-get-code {
    display: block
}

.ladi-form .ladi-form-item.otp-countdown:before {
    content: attr(data-countdown-time) "s";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: max-content;
    line-height: initial
}

.ladi-form [data-variant=true] select option[disabled] {
    background: #fff;
    color: #b8b8b8 !important
}

.ladi-google-recaptcha-checkbox {
    position: absolute;
    display: inline-block;
    transform: translateY(-100%);
    margin-top: -5px;
    z-index: 90000010
}

.ladi-element[data-form-checkout-item] {
    padding: 0
}

.ladi-form .ladi-form-checkout-title {
    margin-bottom: 8px
}

.ladi-form .ladi-element[data-form-checkout-item] .ladi-form-item,
.ladi-form .ladi-element[data-form-checkout-item] .ladi-form-item-container {
    height: auto !important;
    position: unset !important
}

.ladi-form .ladi-form-checkout-box {
    gap: 12px;
    display: flex;
    flex-flow: column;
    margin: 8px 12px;
    margin-top: 14px !important;
    padding-bottom: 14px;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important
}

.ladi-form .ladi-form-checkout-box:last-child {
    border: none !important;
    padding-bottom: 4px
}

.ladi-form .ladi-form-checkout-box:first-child {
    margin-top: 0
}

.ladi-form .ladi-form-checkout-payment-item {
    display: flex;
    flex-flow: row;
    gap: 12px;
    align-items: center;
    --check-size: 18px;
    --width-quantity: 65px
}

.ladi-form .ladi-form-checkout-payment-check {
    --border-size: 1px;
    width: var(--check-size);
    height: var(--check-size);
    flex: 0 0 var(--check-size);
    border: var(--border-size) solid;
    border-radius: 100%;
    display: block;
    position: relative
}

.ladi-form .ladi-form-checkout-payment-check.checked:before {
    content: "";
    width: calc(var(--check-size)/ 2);
    height: calc(var(--check-size)/ 2);
    border-radius: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(calc(50% - var(--border-size)), calc(50% - var(--border-size)))
}

.ladi-form .ladi-form-checkout-payment-check.multiple {
    border-radius: 4px
}

.ladi-form .ladi-form-checkout-payment-check.multiple.checked:before {
    content: "";
    --url: url("data:image/svg+xml,%0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.71%207.20998C18.617%207.11625%2018.5064%207.04186%2018.3846%206.99109C18.2627%206.94032%2018.132%206.91418%2018%206.91418C17.868%206.91418%2017.7373%206.94032%2017.6154%206.99109C17.4936%207.04186%2017.383%207.11625%2017.29%207.20998L9.84%2014.67L6.71%2011.53C6.61348%2011.4367%206.49954%2011.3634%206.37468%2011.3142C6.24983%2011.265%206.1165%2011.2409%205.98232%2011.2432C5.84814%2011.2455%205.71573%2011.2743%205.59265%2011.3278C5.46957%2011.3812%205.35824%2011.4585%205.265%2011.555C5.17176%2011.6515%205.09845%2011.7654%205.04924%2011.8903C5.00004%2012.0152%204.97591%2012.1485%204.97823%2012.2827C4.98055%2012.4168%205.00928%2012.5492%205.06277%2012.6723C5.11627%2012.7954%205.19348%2012.9067%205.29%2013L9.13%2016.84C9.22296%2016.9337%209.33356%2017.0081%209.45542%2017.0589C9.57728%2017.1096%209.70799%2017.1358%209.84%2017.1358C9.97201%2017.1358%2010.1027%2017.1096%2010.2246%2017.0589C10.3464%2017.0081%2010.457%2016.9337%2010.55%2016.84L18.71%208.67998C18.8115%208.58634%2018.8925%208.47269%2018.9479%208.34619C19.0033%208.21969%2019.0319%208.08308%2019.0319%207.94498C19.0319%207.80688%2019.0033%207.67028%2018.9479%207.54378C18.8925%207.41728%2018.8115%207.30363%2018.71%207.20998Z%22%20fill%3D%22%231852FA%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    width: var(--check-size);
    height: var(--check-size);
    -webkit-mask-size: var(--check-size);
    mask-size: var(--check-size);
    pointer-events: none;
    background-color: #fff;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: none
}

.ladi-form .ladi-form-checkout-payment-content,
.ladi-form .ladi-form-checkout-product-content {
    display: flex;
    flex-flow: row;
    --gap: 10px;
    gap: var(--gap);
    align-items: center;
    width: calc(100% - var(--width-quantity) - var(--check-size) - var(--gap) * 2)
}

.ladi-form .ladi-form-checkout-payment-content img,
.ladi-form .ladi-form-checkout-product-content img {
    width: 36px;
    max-height: 36px;
    border-radius: 4px
}

.ladi-form .ladi-form-checkout-payment-content div,
.ladi-form .ladi-form-checkout-product-content div {
    display: flex;
    flex-flow: column
}

.ladi-form .ladi-form-checkout-payment-content div>span {
    font-size: inherit
}

.ladi-form .ladi-form-checkout-product-content div>span {
    font-size: inherit
}

.ladi-form .ladi-form-checkout-payment-content div>span.small {
    font-size: 80%;
    opacity: .8
}

.ladi-form .ladi-form-checkout-product-content div>span.small {
    font-size: 80%;
    opacity: .8
}

.ladi-form .ladi-form-checkout-payment-content div .price.price-compare {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row !important
}

.ladi-form .ladi-form-checkout-product-content div .price.price-compare {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row !important
}

.ladi-form .ladi-form-checkout-payment-quantity,
.ladi-form .ladi-form-checkout-product-quantity {
    position: relative;
    --icon-size: calc(var(--check-size) * 0.8)
}

.ladi-form .ladi-form-checkout-payment-quantity input,
.ladi-form .ladi-form-checkout-product-quantity input {
    padding: 4px calc(var(--check-size)) 4px 8px;
    border-radius: 8px;
    position: relative;
    width: var(--width-quantity);
    min-height: 34px;
    border: 1px solid;
    background-color: transparent;
    top: 0;
    left: 0;
    display: block
}

.ladi-form .ladi-form-checkout-payment-quantity input::-webkit-inner-spin-button,
.ladi-form .ladi-form-checkout-payment-quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ladi-form .ladi-form-checkout-payment-quantity .up {
    width: var(--icon-size);
    height: var(--icon-size);
    top: -1px;
    right: 5px;
    cursor: pointer;
    display: block;
    position: absolute
}

.ladi-form .ladi-form-checkout-payment-quantity .up:before {
    content: '';
    --url: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.14645%206.14645C3.34171%205.95118%203.65829%205.95118%203.85355%206.14645L8%2010.2929L12.1464%206.14645C12.3417%205.95118%2012.6583%205.95118%2012.8536%206.14645C13.0488%206.34171%2013.0488%206.65829%2012.8536%206.85355L8.35355%2011.3536C8.15829%2011.5488%207.84171%2011.5488%207.64645%2011.3536L3.14645%206.85355C2.95118%206.65829%202.95118%206.34171%203.14645%206.14645Z%22%20fill%3D%22black%22%20transform%3D%22rotate(180%208%208)%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    display: block;
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    pointer-events: none;
    top: 4px;
    left: 2px;
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size)
}

.ladi-form .ladi-form-checkout-payment-quantity .down {
    width: var(--icon-size);
    height: var(--icon-size);
    right: 5px;
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 3px
}

.ladi-form .ladi-form-checkout-payment-quantity .down:before {
    content: '';
    --url: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.14645%206.14645C3.34171%205.95118%203.65829%205.95118%203.85355%206.14645L8%2010.2929L12.1464%206.14645C12.3417%205.95118%2012.6583%205.95118%2012.8536%206.14645C13.0488%206.34171%2013.0488%206.65829%2012.8536%206.85355L8.35355%2011.3536C8.15829%2011.5488%207.84171%2011.5488%207.64645%2011.3536L3.14645%206.85355C2.95118%206.65829%202.95118%206.34171%203.14645%206.14645Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    display: block;
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    pointer-events: none;
    left: 2px;
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size)
}

.ladi-form [data-form-checkout-item=payment] .ladi-form-item {
    display: table
}

.ladi-form [data-form-checkout-item=payment] .ladi-form-item .ladi-form-checkout-payment-content {
    width: calc(100% - 18px)
}

.ladi-form [data-form-checkout-item=payment] .ladi-form-checkout-payment-content div>span {
    display: block
}

.ladi-form [data-form-checkout-item=payment] .ladi-form-item .ladi-form-checkout-payment-content div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 6px;
    cursor: pointer;
    width: 100%;
    position: relative
}

.ladi-form [data-form-checkout-item=payment] .ladi-form-item .ladi-form-checkout-payment-content div.arrow:before {
    content: '';
    --url: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.14645%203.14645C6.34171%202.95118%206.65829%202.95118%206.85355%203.14645L11.3536%207.64645C11.5488%207.84171%2011.5488%208.15829%2011.3536%208.35355L6.85355%2012.8536C6.65829%2013.0488%206.34171%2013.0488%206.14645%2012.8536C5.95118%2012.6583%205.95118%2012.3417%206.14645%2012.1464L10.2929%208L6.14645%203.85355C5.95118%203.65829%205.95118%203.34171%206.14645%203.14645Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.ladi-form [data-form-checkout-item=total_price] {
    display: flex;
    flex-flow: column;
    gap: 3px;
    justify-content: center
}

.ladi-form [data-form-checkout-item=total_price] .line {
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.ladi-form [data-form-checkout-item=total_price] .title-price.big {
    font-weight: 700;
    font-size: 130%
}

.ladi-form [data-form-checkout-item=total_price] .title-number-price {
    font-size: 115%
}

.ladi-form [data-form-checkout-item=total_price] .title-number-price.big {
    font-weight: 700;
    font-size: 130%
}

.ladi-form [data-form-checkout-item=total_price] .space {
    border-top: 1px solid;
    margin: 15px 0 10px
}

.ladi-form [data-form-checkout-item=bump_offer] .ladi-form-item {
    overflow: hidden
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox {
    display: flex;
    flex-flow: row;
    gap: 8px;
    padding: 8px;
    margin: 12px 8px 0 8px;
    border-radius: 8px;
    align-items: center;
    --check-size-bumpoffer: 18px;
    --width-quantity-bumpoffer: 60px
}

.ladi-form .ladi-form-checkout-bump-offer-product.option-2 {
    display: block
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-1 {
    background-color: #3c72f9;
    margin: 0
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-1 p {
    color: #fff
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-2 {
    background-color: #fde298;
    margin: 12px 0 4px
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-3 {
    background-color: #f3f4f5;
    margin: 8px 0 0;
    padding: 4px 8px;
    width: max-content
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-3 .ladi-form-checkout-bump-offer-check {
    width: 12px;
    height: 12px;
    flex: 0 0 12px
}

.ladi-form .ladi-form-checkout-bump-offer-check {
    --border-size: 1px;
    width: var(--check-size-bumpoffer);
    height: var(--check-size-bumpoffer);
    flex: 0 0 var(--check-size-bumpoffer);
    border: var(--border-size) solid #cfd3d8;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    position: relative
}

.ladi-form .ladi-form-checkout-bump-offer-check.checked:before {
    content: "";
    width: calc(var(--check-size-bumpoffer)/ 2);
    height: calc(var(--check-size-bumpoffer)/ 2);
    border-radius: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(calc(50% - var(--border-size)), calc(50% - var(--border-size)))
}

.ladi-form .ladi-form-checkout-bump-offer-check.multiple {
    border-radius: 4px
}

.ladi-form .ladi-form-checkout-bump-offer-check.multiple.checked:before {
    content: "";
    --url: url("data:image/svg+xml,%0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.71%207.20998C18.617%207.11625%2018.5064%207.04186%2018.3846%206.99109C18.2627%206.94032%2018.132%206.91418%2018%206.91418C17.868%206.91418%2017.7373%206.94032%2017.6154%206.99109C17.4936%207.04186%2017.383%207.11625%2017.29%207.20998L9.84%2014.67L6.71%2011.53C6.61348%2011.4367%206.49954%2011.3634%206.37468%2011.3142C6.24983%2011.265%206.1165%2011.2409%205.98232%2011.2432C5.84814%2011.2455%205.71573%2011.2743%205.59265%2011.3278C5.46957%2011.3812%205.35824%2011.4585%205.265%2011.555C5.17176%2011.6515%205.09845%2011.7654%205.04924%2011.8903C5.00004%2012.0152%204.97591%2012.1485%204.97823%2012.2827C4.98055%2012.4168%205.00928%2012.5492%205.06277%2012.6723C5.11627%2012.7954%205.19348%2012.9067%205.29%2013L9.13%2016.84C9.22296%2016.9337%209.33356%2017.0081%209.45542%2017.0589C9.57728%2017.1096%209.70799%2017.1358%209.84%2017.1358C9.97201%2017.1358%2010.1027%2017.1096%2010.2246%2017.0589C10.3464%2017.0081%2010.457%2016.9337%2010.55%2016.84L18.71%208.67998C18.8115%208.58634%2018.8925%208.47269%2018.9479%208.34619C19.0033%208.21969%2019.0319%208.08308%2019.0319%207.94498C19.0319%207.80688%2019.0033%207.67028%2018.9479%207.54378C18.8925%207.41728%2018.8115%207.30363%2018.71%207.20998Z%22%20fill%3D%22%231852FA%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-image: var(--url);
    mask-image: var(--url);
    width: var(--check-size-bumpoffer);
    height: var(--check-size-bumpoffer);
    -webkit-mask-size: var(--check-size-bumpoffer);
    mask-size: var(--check-size-bumpoffer);
    pointer-events: none;
    background-color: #000;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: none
}

.ladi-form .ladi-form-checkout-bump-offer-checkbox.checkbox-bump-offer-3 .ladi-form-checkout-bump-offer-check.multiple.checked:before {
    top: -5px;
    left: -3px
}

.ladi-form .ladi-form-checkout-bump-offer-product {
    display: flex;
    flex-flow: row;
    gap: 16px;
    margin: 8px 12px;
    align-items: center;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important
}

.ladi-form .ladi-form-checkout-bump-offer-product.option-1 {
    display: block !important;
    padding-bottom: 8px
}

.ladi-form .ladi-form-item:last-child .ladi-form-checkout-bump-offer-product {
    border: none !important
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: 16px;
    margin-bottom: 12px
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product:first-child {
    margin-top: 0
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product:last-child {
    margin-bottom: 0
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    overflow: hidden
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product .item-product-title {
    font-size: 90%;
    opacity: .6
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-product .item-product-description {
    color: #9fa7b1;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail {
    display: flex;
    flex-direction: column
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail .shock-promotion-label {
    background-color: #ef9300;
    width: max-content;
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 600
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail .pr-name {
    font-weight: 400;
    font-size: 120%;
    line-height: 1.4
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail .pr-price {
    font-weight: 400;
    line-height: 1.4
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail span a {
    text-decoration: line-through;
    opacity: .6
}

.ladi-form .ladi-form-checkout-bump-offer-product .item-detail .special {
    background-color: #e01a1a;
    padding: 2px 8px;
    margin-right: 6px;
    color: #fff;
    border-radius: 4px;
    font-size: 80%
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block {
    padding: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ladi-form [data-form-checkout-item=coupon_code] .ladi-form-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .title {
    display: flex;
    align-items: center;
    gap: 8px
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .title span {
    font-weight: 400;
    font-size: 100%;
    line-height: 1.4
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .title i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/ldicon-discount-coupon.svg);
    display: inline-block;
    mask-size: cover
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .placeholder {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .placeholder i {
    width: 16px;
    height: 16px;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/new-ldicon-arrow-left.svg);
    display: inline-block;
    mask-size: cover;
    background-color: #6d6d6d !important
}

.ladi-form [data-form-checkout-item=coupon_code] .content-discount-block .placeholder span {
    font-weight: 400;
    font-size: 100%;
    line-height: 1.4
}

.ladi-form-quantity {
    display: -webkit-inline-flex;
    display: inline-flex;
    border-color: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item.ladi-form-quantity .ladi-form-control {
    text-align: center;
    pointer-events: none;
    -moz-appearance: textfield;
    width: calc(100% - 45px);
    padding: 0;
    min-width: 24px;
    border-left: none;
    border-right: none;
    border-top: 1px hidden;
    border-bottom: 1px hidden;
    border-color: inherit
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item.ladi-form-quantity input::-webkit-inner-spin-button,
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item.ladi-form-quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ladi-form-quantity .button {
    display: table;
    cursor: pointer;
    text-align: center;
    width: 30px;
    height: 100%;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-form-quantity .button span {
    font-size: 18px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.ladi-form-quantity .button:first-child span {
    top: -.5px
}

.ladi-form-quantity input {
    pointer-events: none
}

.ladi-form .ladi-form-control-file {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20stroke%3D%22rgba(61%2C%2061%2C%2061%2C%201.0)%22%3E%3Cpath%20d%3D%22M6.5%2C18%20C4.01471863%2C18%202%2C15.9852814%202%2C13.5%20C2%2C11.0147186%204.01471863%2C9%206.5%2C9%20C6.9194849%2C9%207.3255638%2C9.05739789%207.71081142%2C9.16476838%20C8.72277%2C7.28089089%2010.711801%2C6%2013%2C6%20C15.9817502%2C6%2018.4554927%2C8.17503894%2018.9211951%2C11.0250841%20C20.6555928%2C11.2331085%2022%2C12.7095527%2022%2C14.5%20C22%2C16.4329966%2020.4329966%2C18%2018.5%2C18%20L6.5%2C18%20Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2C11%20L12%2C15%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2210%2012%2012%2010%2014%2012%2014%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")
}

.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E")
}

.ladi-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-frame-bg .ladi-frame-background {
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition: inherit
}

.ladi-frame-bg:not(.ladi-frame) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-gallery .ladi-gallery-view {
    position: absolute;
    overflow: hidden
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
    transition: transform .5s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.play-video {
    cursor: pointer
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.play-video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(https://w.ladicdn.com/source/ladipage-play.svg?v=1.0) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    cursor: pointer
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.next,
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected.right {
    left: 0;
    transform: translate3d(100%, 0, 0)
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.prev,
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected.left {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.next.left,
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.prev.right,
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected {
    left: 0;
    transform: translate3d(0, 0, 0)
}

.ladi-gallery .ladi-gallery-view>.next,
.ladi-gallery .ladi-gallery-view>.prev,
.ladi-gallery .ladi-gallery-view>.selected {
    display: block
}

.ladi-gallery .ladi-gallery-view>.selected {
    left: 0
}

.ladi-gallery .ladi-gallery-view>.next,
.ladi-gallery .ladi-gallery-view>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.ladi-gallery .ladi-gallery-view>.next {
    left: 100%
}

.ladi-gallery .ladi-gallery-view>.prev {
    left: -100%
}

.ladi-gallery .ladi-gallery-view>.next.left,
.ladi-gallery .ladi-gallery-view>.prev.right {
    left: 0
}

.ladi-gallery .ladi-gallery-view>.selected.left {
    left: -100%
}

.ladi-gallery .ladi-gallery-view>.selected.right {
    left: 100%
}

.ladi-gallery .ladi-gallery-control {
    position: absolute;
    overflow: hidden
}

.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow {
    position: absolute;
    top: calc(50% - (33px)/ 2);
    cursor: pointer;
    z-index: 90000040
}

.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow-left {
    left: 5px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow-right {
    right: 5px
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 90000040
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box {
    position: relative
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    position: relative;
    cursor: pointer;
    filter: invert(15%)
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item.play-video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url(https://w.ladicdn.com/source/ladipage-play.svg?v=1.0) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    cursor: pointer
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item:hover {
    filter: none
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item.selected {
    filter: none
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item:last-child {
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

.ladi-gallery .ladi-gallery-control .ladi-gallery-control-arrow,
.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow {
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00015%200.585938L18.4144%2012.0002L7.00015%2023.4144L5.58594%2022.0002L15.5859%2012.0002L5.58594%202.00015L7.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-view {
    width: 100%
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-control {
    top: 0;
    width: 100%
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow {
    top: calc(50% - (33px)/ 2)
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow-left {
    left: 0;
    transform: rotateY(180deg) scale(.6);
    -webkit-transform: rotateY(180deg) scale(.6)
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow-right {
    right: 0;
    transform: scale(.6);
    -webkit-transform: scale(.6)
}

.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-box {
    display: -webkit-inline-flex;
    display: inline-flex;
    left: 0;
    transition: left 150ms ease-in-out
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-view {
    top: 0;
    width: 100%
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control {
    width: 100%;
    bottom: 0
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow {
    top: calc(50% - (33px)/ 2)
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow-left {
    left: 0;
    transform: rotateY(180deg) scale(.6);
    -webkit-transform: rotateY(180deg) scale(.6)
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow-right {
    right: 0;
    transform: scale(.6);
    -webkit-transform: scale(.6)
}

.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-box {
    display: -webkit-inline-flex;
    display: inline-flex;
    left: 0;
    transition: left 150ms ease-in-out
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-view {
    height: 100%
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-control {
    height: 100%
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow {
    left: calc(50% - (33px)/ 2)
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow-left {
    top: 0;
    transform: scale(.6) rotate(270deg);
    -webkit-transform: scale(.6) rotate(270deg)
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow-right {
    bottom: 0;
    transform: scale(.6) rotate(90deg);
    -webkit-transform: scale(.6) rotate(90deg)
}

.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-box {
    display: inline-grid;
    top: 0;
    transition: top 150ms ease-in-out
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-view {
    height: 100%
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-control {
    height: 100%;
    right: 0
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow {
    left: calc(50% - (33px)/ 2)
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow-left {
    top: 0;
    transform: scale(.6) rotate(270deg);
    -webkit-transform: scale(.6) rotate(270deg)
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow-right {
    bottom: 0;
    transform: scale(.6) rotate(90deg);
    -webkit-transform: scale(.6) rotate(90deg)
}

.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-box {
    display: inline-grid;
    top: 0;
    transition: top 150ms ease-in-out
}

.ladi-group {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-headline {
    width: 100%;
    display: inline-block;
    word-break: break-word;
    background-size: cover;
    background-position: center center
}

.ladi-headline a {
    text-decoration: underline
}

.ladi-html-code {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-image .ladi-image-background {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ladi-image .ladi-image-compare {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    position: absolute;
    margin: 0 auto;
    width: 50%;
    max-width: 100%;
    height: 100%;
    pointer-events: none
}

.ladi-image .ladi-image-compare-line {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 3px solid #fff;
    position: absolute;
    top: 0;
    left: calc(50% - 40px / 2 - 3px / 2);
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.ladi-image .ladi-image-compare-line:after,
.ladi-image .ladi-image-compare-line:before {
    content: '';
    width: 3px;
    height: 1000000px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.ladi-image .ladi-image-compare-line:before {
    top: 35.5px
}

.ladi-image .ladi-image-compare-line:after {
    bottom: 35.5px
}

.ladi-image .ladi-image-compare-left-arrow,
.ladi-image .ladi-image-compare-right-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px inset transparent;
    top: 50%;
    margin-top: -6px
}

.ladi-image .ladi-image-compare-left-arrow {
    left: 50%;
    margin-left: -17px;
    border-right: 6px solid #fff
}

.ladi-image .ladi-image-compare-right-arrow {
    right: 50%;
    margin-right: -17px;
    border-left: 6px solid #fff
}

.ladi-line {
    position: relative
}

.ladi-line .ladi-line-container {
    border-bottom: 0 !important;
    border-right: 0 !important;
    width: 100%;
    height: 100%
}

.ladi-list-paragraph {
    width: 100%;
    display: inline-block
}

.ladi-list-paragraph a {
    text-decoration: underline
}

.ladi-list-paragraph ul li {
    position: relative;
    counter-increment: linum
}

.ladi-list-paragraph ul li:before {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0
}

.ladi-list-paragraph ul li:last-child {
    padding-bottom: 0 !important
}

.ladi-menu {
    position: absolute
}

.ladi-menu.list-menu-items.theme-1 {
    z-index: 1;
    display: flex;
    width: fit-content;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.ladi-menu.list-menu-items.theme-1 .ladi-menu-item {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    align-self: center;
    position: relative;
    transition: all 150ms linear 0s, visibility 0s
}

.ladi-menu.list-menu-items.theme-1 .ladi-menu-item>ul {
    visibility: hidden;
    opacity: 0;
    display: flex;
    position: absolute;
    top: 35px;
    width: max-content;
    gap: 10px;
    flex-flow: column;
    padding: 5px 10px
}

.ladi-menu.list-menu-items.theme-1 .ladi-menu-item>ul:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 50px
}

.ladi-menu.list-menu-items.theme-1 .ladi-menu-item>ul>.ladi-menu-item {
    width: 100%
}

.ladi-menu.list-menu-items.theme-1 .ladi-menu-item:hover>ul {
    visibility: visible;
    opacity: 1
}

.ladi-menu.list-menu-items.theme-1>.ladi-menu-item>ul .ladi-menu-item>ul {
    left: 100%;
    transform: translate(20px, -5px);
    top: 0
}

.ladi-menu.list-menu-items.theme-1>.ladi-menu-item>ul .ladi-menu-item>ul:before {
    top: 0;
    left: -35px;
    height: 100%;
    width: 50px
}

#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1,
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 {
    margin: 0
}

#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 .ladi-menu-item,
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item {
    display: block;
    align-self: baseline
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item ul {
    position: relative
}

#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 .ladi-menu-item a,
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item a {
    padding-right: 20px;
    position: relative
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item[data-child=true]>a {
    pointer-events: none
}

#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 .ladi-menu-item[data-child=true]>a:before,
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item[data-child=true]>a:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23fff%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.95437%2010.3254C3.13408%2010.535%203.44973%2010.5593%203.65939%2010.3796L8.00066%206.65853L12.3419%2010.3796C12.5516%2010.5593%2012.8672%2010.535%2013.047%2010.3254C13.2267%2010.1157%2013.2024%209.80007%2012.9927%209.62036L8.32606%205.62036C8.13881%205.45987%207.86251%205.45987%207.67526%205.62036L3.0086%209.62036C2.79893%209.80007%202.77465%2010.1157%202.95437%2010.3254Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
    background-position: top right;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: 3px;
    position: absolute;
    right: -3px;
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    top: 5px
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item ul {
    visibility: hidden;
    opacity: 0;
    display: none !important
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item.open>a:before {
    transform: rotate(0);
    top: 0
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item.open>ul {
    visibility: visible;
    opacity: 1;
    display: flex !important;
    top: 5px
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 ul {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    background: 0 0;
    padding: 0;
    top: 35px;
    transform: translate(20px, 0);
    left: 0
}

.popup-menu-mobile .ladi-menu.list-menu-items.theme-1>.ladi-menu-item .ladi-menu-item ul {
    left: 0;
    transform: translate(20px, 0)
}

.ladi-menu.menu-icon-item {
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    cursor: pointer
}

.ladi-menu.menu-icon-item.theme-1.menu-icon-1 {
    -webkit-mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon1.svg?v=1.0);
    mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon1.svg?v=1.0)
}

.ladi-menu.menu-icon-item.theme-1.menu-icon-2 {
    -webkit-mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon2.svg?v=1.0);
    mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon2.svg?v=1.0)
}

.ladi-menu.menu-icon-item.theme-1.menu-icon-3 {
    -webkit-mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon3.svg?v=1.0);
    mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon3.svg?v=1.0)
}

.ladi-menu.menu-icon-item.theme-1.menu-icon-4 {
    -webkit-mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon4.svg?v=1.0);
    mask-image: url(https://w.ladicdn.com/v2/source/builder/svg/menu_icon4.svg?v=1.0)
}

.ladi-popup .ladi-menu.menu-icon-item {
    display: none
}

.ladi-popup .ladi-menu.list-menu-items {
    display: flex;
    flex-flow: column
}

#SECTION_POPUP>.ladi-container>.ladi-element[id^=POPUP_MENU_MOBILE][data-dropbox=true] {
    display: none
}

.popup-menu-mobile {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    max-height: 100% !important
}

.popup-menu-mobile .ladi-popup {
    min-height: 100%
}

.popup-menu-mobile .ladi-popup,
.popup-menu-mobile .ladi-popup-background {
    width: 100%;
    height: 100%
}

.popup-menu-mobile .ladi-element .ladi-menu.menu-icon-item {
    display: none !important
}

.popup-menu-mobile .ladi-element .ladi-menu.list-menu-items {
    display: flex !important
}

.popup-menu-mobile .popup-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: #fff;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-pagination {
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0 auto
}

.ladi-paragraph {
    width: 100%;
    display: inline-block;
    word-break: break-word
}

.ladi-paragraph a {
    text-decoration: underline
}

#SECTION_POPUP .ladi-container {
    z-index: 90000070
}

#SECTION_POPUP .ladi-container>.ladi-element {
    z-index: 90000070;
    position: fixed;
    display: none
}

#SECTION_POPUP .ladi-container>.ladi-element[data-fixed-close=true] {
    position: relative !important
}

#SECTION_POPUP .ladi-container>.ladi-element.hide-visibility {
    display: block !important;
    visibility: hidden !important
}

#SECTION_POPUP .popup-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9000000080;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-popup {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-popup .ladi-popup-background {
    height: 100%;
    width: 100%;
    pointer-events: none
}

.ladi-review {
    width: 100%;
    height: 100%;
    display: block;
    font-family: Roboto, sans-serif;
    overflow: hidden
}

.ladi-review-star-big,
.ladi-review-star-full,
.ladi-review-star-none,
.ladi-review-star-width {
    width: 16px;
    height: 18.219px;
    display: inline-block;
    background-size: 100% 100%
}

.ladi-review-star-big {
    width: 32px;
    height: 36.438px
}

.ladi-review-star-full,
.ladi-review-star-width a {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2291%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201664%201896.0833%22%20class%3D%22%22%20fill%3D%22%23faca51%22%3E%20%3Cpath%20d%3D%22M1664%20647q0%2022-26%2048l-363%20354%2086%20500q1%207%201%2020%200%2021-10.5%2035.5T1321%201619q-19%200-40-12l-449-236-449%20236q-22%2012-40%2012-21%200-31.5-14.5T301%201569q0-6%202-20l86-500L25%20695Q0%20668%200%20647q0-37%2056-46l502-73L783%2073q19-41%2049-41t49%2041l225%20455%20502%2073q56%209%2056%2046z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E")
}

.ladi-review-star-width {
    position: relative
}

.ladi-review-star-width a {
    top: 0;
    left: 0;
    position: absolute;
    max-width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.ladi-review-star-none,
.ladi-review-star-width {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2291%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201664%201896.0833%22%20class%3D%22%22%20fill%3D%22%23eff0f5%22%3E%20%3Cpath%20d%3D%22M1664%20647q0%2022-26%2048l-363%20354%2086%20500q1%207%201%2020%200%2021-10.5%2035.5T1321%201619q-19%200-40-12l-449-236-449%20236q-22%2012-40%2012-21%200-31.5-14.5T301%201569q0-6%202-20l86-500L25%20695Q0%20668%200%20647q0-37%2056-46l502-73L783%2073q19-41%2049-41t49%2041l225%20455%20502%2073q56%209%2056%2046z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E")
}

.ladi-review-title {
    padding: 10px 24px;
    background-color: rgba(0, 0, 0, .05);
    line-height: 1.6;
    font-size: 16px;
    font-weight: 500
}

.ladi-review-rating {
    display: inline-block;
    width: 100%;
    padding-bottom: 16px
}

.ladi-review-rating-left {
    float: left;
    padding: 30px 30px 0 30px;
    position: relative
}

.ladi-review-rating-summary {
    display: block
}

.ladi-review-rating-num1 {
    color: #212121;
    font-size: 48px
}

.ladi-review-rating-num2 {
    color: #9e9e9e;
    font-size: 32px
}

.ladi-review-rating-total {
    color: #757575;
    font-size: 12px
}

.ladi-review-rating-right {
    float: left;
    padding: 30px 0 0 30px;
    width: 313px;
    max-width: calc(100% - 30px)
}

.ladi-review-rating-detail {
    display: block;
    height: 22.219px;
    clear: both
}

.ladi-review-rating-detail-star {
    display: inline-block;
    height: 100%;
    float: left
}

.ladi-review-rating-detail-progress {
    display: inline-block;
    height: 100%;
    width: calc(100% - 143px);
    margin: 0 5px 0 10px;
    float: left;
    position: relative;
    top: 3px
}

.ladi-review-rating-detail-progress-bg1,
.ladi-review-rating-detail-progress-bg2 {
    height: 12px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.ladi-review-rating-detail-progress-bg1 {
    background: #faca51;
    z-index: 1
}

.ladi-review-rating-detail-progress-bg2 {
    background: #eff0f5
}

.ladi-review-rating-detail-total {
    display: inline-block;
    font-size: 12px;
    color: #212121;
    float: left;
    margin: 2px 0 0 5px
}

.ladi-review-sort {
    height: 40px;
    padding: 0 0 0 24px;
    border-top: 1px solid #eff0f5;
    display: table;
    width: 100%
}

.ladi-review-sort-title {
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    color: #212121
}

.ladi-review-sort-operator-1,
.ladi-review-sort-operator-2 {
    height: 100%;
    border-left: 1px solid #eff0f5;
    font-size: 13px;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 8px 10px
}

.ladi-review-sort-operator-svg {
    fill: #757575;
    display: inline-block
}

.ladi-review-sort-operator-title {
    display: inline-block;
    position: relative;
    top: -4px
}

.ladi-review-sort-operator-value {
    color: #212121;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top: -4px
}

.ladi-review-list {
    border-top: 1px solid #eff0f5
}

.ladi-review-item {
    display: block;
    padding: 5px 24px 5px;
    border-bottom: 1px solid #eff0f5;
    position: relative
}

.ladi-review-item-star {
    margin-top: 10px
}

.ladi-review-item-customer {
    color: grey;
    font-size: 12px;
    margin-top: 3px
}

.ladi-review-item-verify {
    color: #4caf50;
    font-size: 12px;
    padding-left: 18px;
    margin-left: 3px;
    background-position-x: 3px;
    background-size: 13px 14px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGzUExURUxpcU6xUU2vUVu2W1CvYEywUE+wU1O0U0ywUE2vUf///02wUE6vUk6xVU2zVU2xUEyxUYD/gE2vUU2wUFG5UU2wUE2wUW22bU2wUE2zU02wUWC/YE+wU06xUk2yUU2yUUyxUEyvUUywUVW/VU2wUFG8UU2wUFG0UU6xUE2wUUyvUU2vUU2wUU+wVU2wUIC/gFOzU06vUEyvUUywUFX/VUyvUUywUVq0WkywUU6wUU2yUk2zUU2wUEywUk2wUU6vUk2yUE6xUUywUE2vUUywUU2yUVXVVUywUEyxUE2wUE2wUU2wUUywUFCvUE2wUU2vUVWzVU6xUU2vUU2wUU2wUU2yVUywUU2vUU6xVWbMZlGzUUyvUP///2i7bPL58m++cuj06e737u/37122Ye337dTs1lGxVf3+/ajYqW29cWq8bl63Yub05+Tz5Wy9cOXz5vP58/H58aLVo/H48aXXqKLVpJ7ToPD48ef06Of0547Mkez27PD48HG/dJvSnX7FgYfJiuv27O/48JfQmnPAdun16YvKjZTOlo3MkOv26+r163nDfJHNk3vEfur16nfCenXBeIla4CIAAABbdFJOUwBi/A4Q7jci/vMB8oMnHox1AvbbFqLHB+8odAhHS08/fNrkDKUTrylcm9m6gS3IBCVm7fED05oRYYo4POtXnoBZX7/p90IG+3/od9fFM76zG1Xwt8Qha/okBS+iHl70AAABWUlEQVQoz32TZXvCMBSFw5ACAwZzd3f3jbm7b7no3N3dXX7ySLNS3/nSc+/bPr1JThASaHZmzuZAyhq0TExjjE3j9kkZy+rrx7wGNAlCyFSHY7EaC2s4aGvuxnKFWrQEdjk7sLLaWwM4DKur6X/cgpBd3r2G83XWdCI0KqOft3B6xjoGIauUvr+C74YOb0bIMSam32/ge6K2jaxsWER/vsD/8ud7CJ5i7fzCCnk8PIL/g3vVQPCIkdjFZfcBxpdeuHvmaLqZ3dQh4l2bsHvoOYGL++B/6uie57LF2ja4AY6v+DHiKI7pZautDYD9I54WcEeWSmuPd2dPsIZEDmv1tOFaXeJpNB+HeIXjSOFxSZWMRgnT1GCU0NhIURTzJLhMnNSMfBHNlia5yCSgaTpZ0pNDgrTcqnBLNNx4JoPiLaql3+vrVW5ZUkWARuQgNZUW40wdUlclI2n8AkKC0Q9NQue4AAAAAElFTkSuQmCC)
}

.ladi-review-item-content {
    color: #212121;
    font-size: 14px;
    word-break: break-word;
    margin-top: 14px;
    line-height: 20px
}

.ladi-review-item-image {
    width: 90px;
    height: 90px;
    margin-top: 14px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eee;
    margin-right: 5px
}

.ladi-review-item-like {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201024%201024%22%20fill%3D%22%23bababa%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M136.533333%20849.066667h140.8v-426.666667H136.533333v426.666667z%20m785.066667-388.266667c0-38.4-34.133333-72.533333-72.533333-72.533333h-226.133334l34.133334-162.133334V213.333333c0-12.8-4.266667-29.866667-17.066667-38.4l-38.4-38.4-230.4%20234.666667c-12.8%2012.8-21.333333%2034.133333-21.333333%2051.2v354.133333c0%2038.4%2034.133333%2072.533333%2072.533333%2072.533334h320c29.866667%200%2055.466667-17.066667%2064-42.666667l106.666667-251.733333c4.266667-8.533333%204.266667-17.066667%204.266666-25.6v-68.266667h4.266667z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fsvg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
    color: grey;
    padding-left: 18px;
    margin-top: 14px;
    font-size: 12px;
    height: 18px;
    line-height: 18px
}

.ladi-review-item-time {
    font-size: 12px;
    color: grey;
    position: absolute;
    top: 24px;
    right: 24px
}

.ladi-review-item-seller {
    background: rgba(0, 0, 0, .05);
    padding: 10px 10px 10px 30px;
    margin-top: 12px;
    position: relative
}

.ladi-review-item-seller:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .05)
}

.ladi-review-item-seller-name {
    color: #1c00c2
}

.ladi-review-item-seller-body {
    margin-top: 5px
}

@media (max-width:564px) {
    .ladi-review-rating-summary {
        float: left
    }

    .ladi-review-rating-star {
        float: left;
        margin-left: 24px;
        margin-top: 8px
    }

    .ladi-review-rating-total {
        margin-left: 16px;
        margin-top: 20px;
        float: left
    }

    .ladi-review-rating-right {
        clear: both;
        padding-top: 16px
    }
}

@media (max-width:470px) {
    .ladi-review-sort-operator-1 {
        display: none
    }
}

@media (max-width:450px) {
    .ladi-review-rating-star {
        margin-top: -4px
    }

    .ladi-review-rating-total {
        clear: both;
        position: absolute;
        width: max-content;
        left: 136px;
        bottom: 2px
    }
}

@media (max-width:360px) {
    .ladi-review-rating-num1 {
        font-size: 32px
    }

    .ladi-review-rating-num2 {
        font-size: 20px
    }

    .ladi-review-rating-total {
        left: 102px
    }

    .ladi-review-star-big {
        width: 16px;
        height: 18.219px
    }
}

@media (max-width:340px) {
    .ladi-review-sort-operator-2 {
        display: none
    }
}

.ladi-search {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ladi-search input {
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-right: 55px
}

.ladi-search button {
    width: 55px;
    height: 100%;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(https://w.ladicdn.com/ladiui/icons/icon-search.svg);
    -webkit-mask-image: url(https://w.ladicdn.com/ladiui/icons/icon-search.svg);
    position: absolute;
    right: 0
}

.ladi-section {
    margin: 0 auto;
    position: relative
}

.ladi-section[data-tab-id] {
    display: none
}

.ladi-section.selected[data-tab-id] {
    display: block
}

.ladi-section .ladi-section-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden
}

.ladi-section .ladi-section-arrow-down {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    z-index: 90000040;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%205.58594L12.0002%2015.5859L22.0002%205.58594L23.4144%207.00015L12.0002%2018.4144L0.585938%207.00015L2.00015%205.58594Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-section .ladi-section-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 90000040;
    width: 16px;
    height: 16px;
    margin: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.ladi-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ladi-shape .ladi-cart-number {
    position: absolute;
    top: -2px;
    right: -7px;
    background: #f36e36;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 100%
}

.ladi-survey {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.ladi-form .ladi-survey {
    text-transform: inherit;
    text-decoration: inherit;
    letter-spacing: inherit;
    color: inherit
}

.ladi-survey .ladi-survey-option {
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-decoration-line: inherit;
    -webkit-text-decoration-line: inherit;
    transition: inherit;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ladi-survey .ladi-survey-option-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: inherit
}

.ladi-survey .ladi-survey-option-label {
    display: block;
    text-decoration-line: inherit;
    -webkit-text-decoration-line: inherit;
    position: relative
}

.ladi-survey .ladi-survey-option.selected .ladi-survey-option-label {
    color: inherit !important
}

.ladi-survey .ladi-survey-option-image {
    background-size: cover;
    background-position: center center;
    pointer-events: none;
    vertical-align: middle;
    border-radius: inherit;
    position: relative;
    margin: 0 auto
}

.ladi-survey .ladi-survey-button-next {
    display: block
}

.ladi-survey .ladi-survey-button-next.empty {
    display: none
}

.ladi-survey .ladi-survey-button-next.no-select {
    display: none
}

.ladi-survey .ladi-survey-button-next button {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 2px
}

.ladi-survey .ladi-survey-button-next button:active {
    transform: translateY(2px);
    transition: transform .2s linear
}

.ladi-table {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

.ladi-table table {
    width: 100%
}

.ladi-table table td {
    vertical-align: middle
}

.ladi-table tbody td {
    word-break: break-word
}

.ladi-table table td img {
    cursor: pointer;
    width: 100%
}

.ladi-tabs {
    position: absolute;
    width: 100%;
    height: 100%
}

.ladi-tabs .ladi-tabs-background {
    height: 100%;
    width: 100%;
    pointer-events: none
}

.ladi-tabs>.ladi-element[data-index] {
    display: none
}

.ladi-tabs>.ladi-element.selected[data-index] {
    display: block
}

.ladi-video {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden
}

.ladi-video .ladi-video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.button-unmute {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.button-unmute div {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m%2021.48%2C17.98%20c%200%2C-1.77%20-1.02%2C-3.29%20-2.5%2C-4.03%20v%202.21%20l%202.45%2C2.45%20c%20.03%2C-0.2%20.05%2C-0.41%20.05%2C-0.63%20z%20m%202.5%2C0%20c%200%2C.94%20-0.2%2C1.82%20-0.54%2C2.64%20l%201.51%2C1.51%20c%20.66%2C-1.24%201.03%2C-2.65%201.03%2C-4.15%200%2C-4.28%20-2.99%2C-7.86%20-7%2C-8.76%20v%202.05%20c%202.89%2C.86%205%2C3.54%205%2C6.71%20z%20M%209.25%2C8.98%20l%20-1.27%2C1.26%204.72%2C4.73%20H%207.98%20v%206%20H%2011.98%20l%205%2C5%20v%20-6.73%20l%204.25%2C4.25%20c%20-0.67%2C.52%20-1.42%2C.93%20-2.25%2C1.18%20v%202.06%20c%201.38%2C-0.31%202.63%2C-0.95%203.69%2C-1.81%20l%202.04%2C2.05%201.27%2C-1.27%20-9%2C-9%20-7.72%2C-7.72%20z%20m%207.72%2C.99%20-2.09%2C2.08%202.09%2C2.09%20V%209.98%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center
}

.ladi-notify-transition {
    transition: top .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out
}

.ladi-notify {
    padding: 5px;
    box-shadow: 0 0 1px rgba(64, 64, 64, .3), 0 8px 50px rgba(64, 64, 64, .05);
    border-radius: 40px;
    line-height: 1.6;
    width: 100%;
    height: 100%;
    font-size: 13px
}

.ladi-notify .ladi-notify-image img {
    float: left;
    margin-right: 13px;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    pointer-events: none
}

.ladi-notify .ladi-notify-title {
    font-size: 100%;
    height: 17px;
    overflow: hidden;
    font-weight: 700;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1
}

.ladi-notify .ladi-notify-content {
    font-size: 92.308%;
    height: 17px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
    padding-top: 2px
}

.ladi-notify .ladi-notify-time {
    line-height: 1.6;
    font-size: 84.615%;
    display: inline-block;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 155px);
    overflow: hidden
}

.ladi-notify .ladi-notify-copyright {
    font-size: 76.9231%;
    margin-left: 2px;
    position: relative;
    padding: 0 5px;
    cursor: pointer;
    opacity: .6;
    display: inline-block;
    top: -4px
}

.ladi-notify .ladi-notify-copyright svg {
    vertical-align: middle
}

.ladi-notify .ladi-notify-copyright svg:not(:root) {
    overflow: hidden
}

.ladi-notify .ladi-notify-copyright div {
    text-decoration: none;
    color: rgba(64, 64, 64, 1);
    display: inline
}

.ladi-notify .ladi-notify-copyright strong {
    font-weight: 700
}

.ladi-spin-lucky {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    box-shadow: 0 0 7px 0 rgba(64, 64, 64, .6), 0 8px 50px rgba(64, 64, 64, .3);
    background-repeat: no-repeat;
    background-size: cover
}

.ladi-spin-lucky .ladi-spin-lucky-start {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20%;
    height: 20%;
    cursor: pointer;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out
}

.ladi-spin-lucky .ladi-spin-lucky-start:hover {
    transform: scale(1.1)
}

.ladi-spin-lucky .ladi-spin-lucky-screen {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: transform 7s cubic-bezier(.25, .1, 0, 1);
    -webkit-transition: transform 7s cubic-bezier(.25, .1, 0, 1);
    text-decoration-line: inherit;
    -webkit-text-decoration-line: inherit;
    text-transform: inherit
}

.ladi-spin-lucky .ladi-spin-lucky-screen:before {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.ladi-spin-lucky .ladi-spin-lucky-label {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 42%;
    padding-left: 12%;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    text-decoration-line: inherit;
    -webkit-text-decoration-line: inherit;
    text-transform: inherit;
    line-height: 1.6;
    text-shadow: rgba(0, 0, 0, .5) 1px 0 2px
}

@media (min-width:768px) {
    .ladi-carousel-fullwidth {
        width: 100vw !important;
        left: calc(-50vw + 50%) !important;
        box-sizing: border-box !important;
        transform: none !important
    }

    .ladi-gallery-fullwidth {
        width: 100vw !important;
        left: calc(-50vw + 50%) !important;
        box-sizing: border-box !important;
        transform: none !important
    }

    .ladi-gallery-fullwidth .ladi-gallery-view-item {
        transition-duration: 1.5s
    }

    .ladi-menu.menu-icon-item.theme-1 {
        display: none
    }

    .popup-menu-mobile {
        display: none
    }
}

@media (max-width:767px) {
    .ladi-element.ladi-auto-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100% !important;
        left: 0 !important;
        -webkit-overflow-scrolling: touch
    }

    [data-hint]:not([data-timeout-id-copied]):after,
    [data-hint]:not([data-timeout-id-copied]):before {
        display: none !important
    }

    .ladi-section.ladi-auto-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .ladi-carousel .ladi-carousel-content {
        transition: top .3s ease-in-out, left .3s ease-in-out
    }

    .ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item {
        transition: transform .3s ease-in-out
    }

    .ladi-html img {
        height: auto !important
    }

    .ladi-menu.list-menu-items.theme-1 {
        display: none
    }
}

@media (hover:hover) {
    .ladi-check-hover {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.ladipage-animated-headline-duplicate {
    display: none
}

.ladipage-animated-words-wrapper b,
.ladipage-animated-words-wrapper i {
    font: inherit
}

.ladipage-animated-words-wrapper,
.ladipage-animated-words-wrapper b {
    display: inline-block
}

.ladipage-animated-words-wrapper {
    position: relative;
    text-align: left
}

.ladipage-animated-words-wrapper b {
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.ladipage-animated-words-wrapper b.is-visible {
    position: relative
}

.no-js .ladipage-animated-words-wrapper b {
    opacity: 0
}

.no-js .ladipage-animated-words-wrapper b.is-visible {
    opacity: 1
}

.ladipage-animated-headline.rotate-1 .ladipage-animated-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.ladipage-animated-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.ladipage-animated-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: ah-rotate-1-in 1.2s;
    animation: ah-rotate-1-in 1.2s
}

.ladipage-animated-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: ah-rotate-1-out 1.2s;
    animation: ah-rotate-1-out 1.2s
}

@-webkit-keyframes ah-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes ah-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@-webkit-keyframes ah-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

@keyframes ah-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

.ladipage-animated-headline.rotate-2 .ladipage-animated-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px;
    overflow: hidden;
    display: -webkit-inline-flex;
    display: inline-flex
}

.ladipage-animated-headline.rotate-2 em,
.ladipage-animated-headline.rotate-2 i {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ladipage-animated-headline.rotate-2 b {
    opacity: 0
}

.ladipage-animated-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .ladipage-animated-headline.rotate-2 i {
    opacity: 1
}

.ladipage-animated-headline.rotate-2 i.in {
    -webkit-animation: ah-rotate-2-in .4s forwards;
    animation: ah-rotate-2-in .4s forwards
}

.ladipage-animated-headline.rotate-2 i.out {
    -webkit-animation: ah-rotate-2-out .4s forwards;
    animation: ah-rotate-2-out .4s forwards
}

.ladipage-animated-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .ladipage-animated-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .ladipage-animated-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .ladipage-animated-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes ah-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes ah-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes ah-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes ah-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.ladipage-animated-headline.rotate-3 .ladipage-animated-words-wrapper {
    overflow: hidden;
    display: -webkit-inline-flex;
    display: inline-flex
}

.ladipage-animated-headline.rotate-3 .ladipage-animated-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.ladipage-animated-headline.rotate-3 b {
    opacity: 0
}

.ladipage-animated-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .ladipage-animated-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.ladipage-animated-headline.rotate-3 i.in {
    -webkit-animation: ah-rotate-3-in .6s forwards;
    animation: ah-rotate-3-in .6s forwards
}

.ladipage-animated-headline.rotate-3 i.out {
    -webkit-animation: ah-rotate-3-out .6s forwards;
    animation: ah-rotate-3-out .6s forwards
}

.no-csstransitions .ladipage-animated-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .ladipage-animated-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes ah-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes ah-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes ah-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

@keyframes ah-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.ladipage-animated-headline.type .ladipage-animated-words-wrapper.selected .after,
.ladipage-animated-headline.type b {
    visibility: hidden
}

.ladipage-animated-headline.type .ladipage-animated-words-wrapper {
    vertical-align: top;
    -webkit-transition: width .6s;
    transition: width .6s;
    overflow: hidden
}

.ladipage-animated-headline.type .ladipage-animated-words-wrapper .after {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #363636
}

.ladipage-animated-headline.type .ladipage-animated-words-wrapper.waiting .after {
    -webkit-animation: ah-pulse 1s infinite;
    animation: ah-pulse 1s infinite;
    z-index: 2
}

.ladipage-animated-headline.type .ladipage-animated-words-wrapper.selected {
    background-color: rgba(109, 169, 252, .5)
}

.ladipage-animated-headline.type b.is-visible {
    visibility: visible
}

.ladipage-animated-headline.type i {
    position: absolute;
    visibility: hidden
}

.ladipage-animated-headline.type i.in {
    position: relative;
    visibility: visible
}

@-webkit-keyframes ah-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@keyframes ah-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.ladipage-animated-headline.scale b {
    opacity: 0
}

.ladipage-animated-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.is-visible .ladipage-animated-headline.scale i {
    opacity: 1
}

.ladipage-animated-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    -moz-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.ladipage-animated-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    -moz-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .ladipage-animated-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.no-csstransitions .ladipage-animated-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.ladipage-animated-headline.loading-bar span {
    display: inline-block
}

.ladipage-animated-headline.loading-bar .ladipage-animated-words-wrapper {
    vertical-align: top
}

.ladipage-animated-headline.loading-bar .ladipage-animated-words-wrapper .after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #356efd;
    z-index: 2;
    -webkit-transition: width .3s -.1s;
    transition: width .3s -.1s
}

.ladipage-animated-headline.loading-bar .ladipage-animated-words-wrapper.is-loading .after {
    width: 100%;
    -webkit-transition: width 3s;
    transition: width 3s
}

.ladipage-animated-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.ladipage-animated-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0
}

.ladipage-animated-headline.slide span {
    display: inline-block
}

.ladipage-animated-headline.slide .ladipage-animated-words-wrapper {
    vertical-align: top
}

.ladipage-animated-headline.slide b {
    opacity: 0;
    top: .2em
}

.ladipage-animated-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in .6s;
    animation: slide-in .6s
}

.ladipage-animated-headline.slide b.is-hidden {
    -webkit-animation: slide-out .6s;
    animation: slide-out .6s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.ladipage-animated-headline.clip span {
    display: inline-block
}

.ladipage-animated-headline.clip .ladipage-animated-words-wrapper {
    vertical-align: top;
    -webkit-transition: width .6s;
    transition: width .6s;
    overflow: hidden
}

.ladipage-animated-headline.clip .ladipage-animated-words-wrapper .after {
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background-color: #363636
}

.ladipage-animated-headline.clip b {
    opacity: 0
}

.ladipage-animated-headline.clip b.is-visible {
    opacity: 1
}

.ladipage-animated-headline.zoom .ladipage-animated-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.ladipage-animated-headline.zoom b {
    opacity: 0
}

.ladipage-animated-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in .8s;
    animation: zoom-in .8s
}

.ladipage-animated-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .8s;
    animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

.ladipage-animated-headline.push b {
    opacity: 0
}

.ladipage-animated-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in .6s;
    animation: push-in .6s
}

.ladipage-animated-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    animation: push-out .6s
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

/*! Simple Hint v3.0.0 | Copyright (c) 2014 Catalin Covic | https://github.com/catc */
[data-hint]:after {
    content: attr(data-hint);
    text-align: center;
    white-space: nowrap;
    z-index: 9999;
    background: #292929;
    padding: 3px 7px;
    border-radius: 2px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

[data-hint]:after,
[data-hint]:before {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

[data-hint]:hover:after,
[data-hint]:hover:before {
    visibility: visible
}

[data-hint]:before {
    content: "";
    border: 5px solid transparent;
    z-index: 9998
}

.hint-persist:after,
.hint-persist:before {
    visibility: visible
}

@media only screen and (max-width:768px) {

    [class*=hint-][class*="-mobile"]:after,
    [class*=hint-][class*="-mobile"]:before {
        display: none
    }
}

.hint-d-short:hover:after,
.hint-d-short:hover:before {
    -webkit-transition: visibility 0s .3s ease;
    transition: visibility 0s .3s ease
}

[class*=hint-anim][class*="-d-short"]:hover:after,
[class*=hint-anim][class*="-d-short"]:hover:before,
[class*=hint-fade][class*="-d-short"]:hover:after,
[class*=hint-fade][class*="-d-short"]:hover:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[class*=hint-fade]:after,
[class*=hint-fade]:before {
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out;
    opacity: 0
}

[class*=hint-fade]:hover:after,
[class*=hint-fade]:hover:before {
    opacity: 1
}

[class*=hint-][class*="-s-small"]:after {
    max-width: 200px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal
}

[class*=hint-][class*="-s-med"]:after {
    max-width: 300px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal
}

[class*=hint-][class*="-s-big"]:after {
    max-width: 450px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal
}

[class*=hint-bottom]:before {
    border-bottom-color: #292929;
    top: 100%;
    margin-top: 0
}

[class*=hint-bottom]:after {
    margin-top: 10px;
    top: 100%
}

[class*=hint-anim][class*=hint-bottom]:after,
[class*=hint-anim][class*=hint-bottom]:before {
    top: 125%;
    opacity: 0;
    -webkit-transition: opacity .3s ease, visibility .3s ease, top .3s ease;
    transition: opacity .3s ease, visibility .3s ease, top .3s ease
}

[class*=hint-anim][class*=hint-bottom]:hover:after,
[class*=hint-anim][class*=hint-bottom]:hover:before {
    top: 100%;
    opacity: 1
}

[class*=hint-bottom-middle]:before {
    right: 50%;
    margin-right: -5px
}

[class*=hint-bottom-middle]:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

[class*=hint-bottom-left]:before {
    left: 8px
}

[class*=hint-bottom-left]:after {
    left: 0
}

[class*=hint-bottom-right]:before {
    right: 8px
}

[class*=hint-bottom-right]:after {
    right: 0
}

[class*=hint-top]:before {
    border-top-color: #292929;
    bottom: 100%;
    margin-bottom: 0
}

[class*=hint-top]:after {
    bottom: 100%;
    margin-bottom: 10px
}

[class*=hint-anim][class*=hint-top]:after,
[class*=hint-anim][class*=hint-top]:before {
    bottom: 125%;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease-out, bottom .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out, bottom .3s ease-out
}

[class*=hint-anim][class*=hint-top]:hover:after,
[class*=hint-anim][class*=hint-top]:hover:before {
    opacity: 1;
    bottom: 100%
}

[class*=hint-top-middle]:before {
    right: 50%;
    margin-right: -5px
}

[class*=hint-top-middle]:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

[class*=hint-top-left]:before {
    left: 8px
}

[class*=hint-top-left]:after {
    left: 0
}

[class*=hint-top-right]:before {
    right: 8px
}

[class*=hint-top-right]:after {
    right: 0
}

[class*=hint-left]:before {
    border-left-color: #292929;
    left: 0;
    margin-left: -10px
}

[class*=hint-left]:after {
    right: 100%;
    margin-right: 10px
}

[class*=hint-anim][class*=hint-left]:after,
[class*=hint-anim][class*=hint-left]:before {
    margin-right: 25px;
    margin-left: -25px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out
}

[class*=hint-anim][class*=hint-left]:hover:after,
[class*=hint-anim][class*=hint-left]:hover:before {
    margin-right: 10px;
    margin-left: -10px;
    opacity: 1
}

[class*=hint-left-middle]:before {
    top: 50%;
    margin-top: -5px
}

[class*=hint-left-middle]:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[class*=hint-left-top]:before {
    top: 8px
}

[class*=hint-left-top]:after {
    top: 0
}

[class*=hint-left-bottom]:before {
    bottom: 8px
}

[class*=hint-left-bottom]:after {
    bottom: 0
}

[class*=hint-right]:before {
    border-right-color: #292929;
    right: 0;
    margin-right: -10px
}

[class*=hint-right]:after {
    left: 100%;
    margin-left: 10px
}

[class*=hint-anim][class*=hint-right]:after,
[class*=hint-anim][class*=hint-right]:before {
    margin-right: -25px;
    margin-left: 25px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out
}

[class*=hint-anim][class*=hint-right]:hover:after,
[class*=hint-anim][class*=hint-right]:hover:before {
    margin-right: -10px;
    margin-left: 10px;
    opacity: 1
}

[class*=hint-right-middle]:before {
    top: 50%;
    margin-top: -5px
}

[class*=hint-right-middle]:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[class*=hint-right-top]:before {
    top: 8px
}

[class*=hint-right-top]:after {
    top: 0
}

[class*=hint-right-bottom]:before {
    bottom: 8px
}

[class*=hint-right-bottom]:after {
    bottom: 0
}

[class*=hint-][class*="-t-info"]:after {
    background: #44c2f9
}

[class*=hint-][class*="-t-info"][class*=hint-bottom]:before {
    border-bottom-color: #44c2f9
}

[class*=hint-][class*="-t-info"][class*=hint-top]:before {
    border-top-color: #44c2f9
}

[class*=hint-][class*="-t-info"][class*=hint-right]:before {
    border-right-color: #44c2f9
}

[class*=hint-][class*="-t-info"][class*=hint-left]:before {
    border-left-color: #44c2f9
}

[class*=hint-][class*="-t-success"]:after {
    background: #83c510
}

[class*=hint-][class*="-t-success"][class*=hint-bottom]:before {
    border-bottom-color: #83c510
}

[class*=hint-][class*="-t-success"][class*=hint-top]:before {
    border-top-color: #83c510
}

[class*=hint-][class*="-t-success"][class*=hint-right]:before {
    border-right-color: #83c510
}

[class*=hint-][class*="-t-success"][class*=hint-left]:before {
    border-left-color: #83c510
}

[class*=hint-][class*="-t-error"]:after {
    background: #ff4c4c
}

[class*=hint-][class*="-t-error"][class*=hint-bottom]:before {
    border-bottom-color: #ff4c4c
}

[class*=hint-][class*="-t-error"][class*=hint-top]:before {
    border-top-color: #ff4c4c
}

[class*=hint-][class*="-t-error"][class*=hint-right]:before {
    border-right-color: #ff4c4c
}

[class*=hint-][class*="-t-error"][class*=hint-left]:before {
    border-left-color: #ff4c4c
}

[class*=hint-][class*="-t-notice"]:after {
    background: #ffae00
}

[class*=hint-][class*="-t-notice"][class*=hint-bottom]:before {
    border-bottom-color: #ffae00
}

[class*=hint-][class*="-t-notice"][class*=hint-top]:before {
    border-top-color: #ffae00
}

[class*=hint-][class*="-t-notice"][class*=hint-right]:before {
    border-right-color: #ffae00
}

[class*=hint-][class*="-t-notice"][class*=hint-left]:before {
    border-left-color: #ffae00
}

.enter-password-container {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #EBEBF1;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #0E233C;
    z-index: 1;
}

.enter-password-box {
    display: flex;
    width: 400px;
    max-width: 90%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin: auto;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: fit-content;
    gap: 24px;
}

.enter-password-box input {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding: 10px 12px;
}

.enter-password-box input[data-error="true"] {
    border: 1px solid #F44336;
}

.enter-password-box input[data-error="true"]+label {
    color: #F44336;
    font-size: 12px;
}

.enter-password-box button {
    width: 100%;
    height: 40px;
    background: #1C00C2;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.enter-password-copyright {
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    width: max-content;
    margin: auto;
    z-index: -1;
}

.ladi-wraper .ladi-headline .ladi-element,
.ladi-wraper .ladi-paragraph .ladi-element {
    position: relative;
}

.ladi-wraper .ladi-headline td,
.ladi-wraper .ladi-paragraph td {
    border: 1px solid;
}

.ladi-wraper .ladi-headline h1,
.ladi-wraper .ladi-paragraph h1 {
    font-size: 2em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline h2,
.ladi-wraper .ladi-paragraph h2 {
    font-size: 1.5em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline h3,
.ladi-wraper .ladi-paragraph h3 {
    font-size: 1.17em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline h4,
.ladi-wraper .ladi-paragraph h4 {
    font-size: 1em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline h5,
.ladi-wraper .ladi-paragraph h5 {
    font-size: 0.83em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline h6,
.ladi-wraper .ladi-paragraph h6 {
    font-size: 0.67em;
    font-weight: bold;
}

.ladi-wraper .ladi-headline blockquote,
.ladi-wraper .ladi-paragraph blockquote {
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}

.ladi-wraper .ladi-headline strong,
.ladi-wraper .ladi-paragraph strong {
    font-weight: bold;
}

.ladi-wraper .ladi-headline em,
.ladi-wraper .ladi-paragraph em {
    font-style: italic;
    line-height: 1.6em;
}

.ladi-wraper .ladi-headline a,
.ladi-wraper .ladi-paragraph a {
    text-decoration: none;
    color: inherit;
}

.ladi-wraper .ladi-headline img,
.ladi-wraper .ladi-paragraph img {
    max-width: 100%;
    height: auto;
    /*padding: 16px 0;*/
    display: block;
    margin: 0px auto;
}

.ladi-wraper .ladi-headline p,
.ladi-wraper .ladi-paragraph p {
    /*line-height: 1.6em;*/
    /*margin-bottom: 20px;*/
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

/*.ladi-wraper .ladi-headline p::after, .ladi-wraper .ladi-paragraph p::after {*/
/*    content: "\A";*/
/*    white-space: pre;*/
/*}*/

.ladi-wraper .ladi-headline ul,
.ladi-wraper .ladi-paragraph ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.ladi-wraper .ladi-headline ol,
.ladi-wraper .ladi-paragraph ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.ladi-wraper .ladi-headline li,
.ladi-wraper .ladi-paragraph li {
    display: list-item;
    text-align: -webkit-match-parent;
    padding: 4px;
    line-height: 1.6em;
}

@media only screen and (max-width: 768px) {

    .ladi-wraper .ladi-headline iframe,
    .ladi-wraper .ladi-paragraph iframe {
        max-width: 100%;
    }
}

figure.image {
    text-align: center;
}