.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.lv-1,.lv-2,.lv-3,.lv-4,.lv-5,.lv-6{
    margin-bottom: .75rem;
    width: auto;
    line-height: 135%;
    letter-spacing: 0;
}
h1, .h1, .lv-1 {font-size: 3.75rem;line-height: 4rem;}
h2, .h2, .lv-2 {font-size: 3rem}
h3, .h3, .lv-3,.section-title-normal span {font-size: 2.5rem}
h4, .h4, .lv-4 {font-size: 2rem}
h5, .h5, .lv-5 {font-size: 1.875rem}
h6, .h6, .lv-6 {font-size: 1.25rem}
.lv-7 {font-size: 1.125rem}
.capitalize{text-transform: capitalize!important;}
small,.small {font-size: 80%;font-weight: 400}
.t-small,.t-small>* {font-size: 0.75rem;    line-height: 1.8333333333;}
.t-micro,.t-micro>*{font-size: 0.85rem}
.t-justify{text-align: justify}
.t-primary{color: var(--fs-color-primary) !important}
.t-secondary{color: var(--fs-color-secondary) !important}
.t-success{color: var(--fs-color-success) !important}
.t-danger {color: #f74f78 !important;}
.t-w{color: white}
.t-d{color: #1c1c1d !important}
.t-muted {color: #9e9fb4 !important;}
.t-warning {color: #ffb15c !important;}
.fw-600{font-weight: 600}
.fw-500{font-weight: 500}
.fw-900{font-weight: 900}
.button,button{white-space: nowrap;letter-spacing:unset!important}
.button-sm, .btn-group-sm>.btn,button.single_add_to_cart_button {
    padding: .425rem 1rem!important;
    font-size: .875rem!important;
    line-height: 1.5!important;
    border-radius: .5rem!important;
    margin: 0!important;
    min-width:unset!important;
}
.list-none{list-style: none;}


.w-center{margin: 0 auto}
.h-100{height: 100vh}.h100{height: 100%}
.flex-direction-column{flex-direction:column}
.flex-direction-row{flex-direction:row!important;}
.nowrap{white-space: nowrap;}
.grid{display: grid}
.gap-1{gap: .25rem !important}
.gap-2 {gap: .5rem !important}
.gap-3 {gap: 1rem !important}
.gap-4 {gap: 1.5rem !important}
.gap-5 {gap: 2rem !important}
.gap-6 {gap: 2.5rem !important}
.gap-7 {gap: 3rem !important}
.gap-8 {gap: 4rem !important}
.gap-9 {gap: 5rem !important}
.gap-10 {gap: 6rem !important}
.m-0 {margin: 0 !important}
.m-2 {margin: .5rem !important}
.mb-1{margin-bottom: .25rem !important}
.mb-2{margin-bottom: .5rem !important}
.mb-3{margin-bottom: 1rem !important}
.mb-4{margin-bottom: 1.5rem !important}
.mb-5{margin-bottom: 2rem !important}
.mb-6{margin-bottom: 2.5rem !important}
.mt-1{margin-top: 0.25rem !important}
.mt-2{margin-top: 0.5rem !important}
.mt-3{margin-top: 1rem !important}
.mt-4{margin-top: 1.5rem !important}
.mt-5{margin-top: 2rem !important}
.mt-6{margin-top: 2.5rem !important}
.ml-2{margin-left: .5rem !important}
.m-3{margin-bottom: 1rem !important;margin-top: 1rem !important}
.pt-1,.py-1{padding-top: .25rem!important}
.pt-2,.py-2{padding-top: 0.5rem!important}
.pt-3,.py-3{padding-top: 1rem!important}
.pt-4,.py-4 {padding-top: 1.5rem !important}
.pt-5,.py-5 {padding-top: 2rem !important}
.pt-6,.py-6 {padding-top: 2.5rem !important}
.pb-1,.py-1 {padding-bottom: 0.25rem !important}
.pb-2,.py-2 {padding-bottom: 0.5rem !important}
.pb-3,.py-3 {padding-bottom: 1rem !important}
.pb-4,.py-4 {padding-bottom: 1.5rem !important}
.pb-5,.py-5 {padding-bottom: 2rem !important}
.pb-6,.py-6 {padding-bottom: 2.5rem !important}
.pl-2, .px-2 {padding-left: 0.5rem !important;}
.pl-3, .px-3 {padding-left: 1rem !important;}
.pl-4, .px-4 {padding-left: 1.5rem !important;}
.pr-2, .px-2 {padding-right: 0.5rem !important;}
.pr-3, .px-3 {padding-right: 1rem !important;}
.pr-4, .px-4 {padding-right: 1.5rem !important;}
.p-0{padding: 0!important;}
.p-1{padding: .25rem}
.p-2{padding: .5rem}
.p-3{padding: 1rem}
.p-4{padding: 1.5rem}
.p-5{padding: 2rem}
.p-6{padding: 2.5rem}
.br-df,.br-box-img img{border-radius: 1.5rem}
.br-1{border-radius: .25rem}
.br-2{border-radius: .5rem}
.br-3{border-radius: 1rem}
.br-4{border-radius: 1.5rem}
.br-5{border-radius: 2rem}
.br-box{border-radius: 1.5rem;overflow:hidden}
.bgr-w{background-color: white}
.bgr-secondary {background-color: #f6f6f6 !important}
.bgr-danger {background-color: #f74f78 !important;}
.bgr-darker {background-color: #2c2d3f !important;}
.bgr-primary{background-color: var(--fs-color-primary)}

.overflow-hidden{overflow:hidden}
.flex-column{flex-direction: column}
.absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

#content ol{margin-left: 35px}
#content ol>li::marker {font-weight: 600}
@media (min-width: 768px) {
    .pt-md-6, .py-md-6 {
        padding-top: 5rem !important;
    }
}
@media screen and (min-width: 850px) {
    .large-w100{flex-basis:100% !important;max-width: 100% !important}
    .large-w20{flex-basis:10% !important;max-width: 10% !important}
    .large-w20{flex-basis:20% !important;max-width: 20% !important}
    .large-w30{flex-basis:30% !important;max-width: 30% !important}
    .large-w40{flex-basis:40% !important;max-width: 40% !important}
    .large-w50{flex-basis:50% !important;max-width: 50% !important}
    .large-w60{flex-basis:60% !important;max-width: 60% !important}
    .large-w70{flex-basis:70% !important;max-width: 70% !important}
    .large-w80 {flex-basis: 80%;max-width: 80%}
    .large-w90 {flex-basis: 90%;max-width: 90%}
}
@media (min-width: 850px) {
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important;
    }
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important;
    }
}
@media only screen and (max-width: 849px) {
    .p-2{
        padding: 1rem;
    }
    h3, .h3, .lv-3, .section-title-normal span {
        font-size: 25px;
    }
}
@media screen and (max-width: 849px) {
    .justify-center-md{justify-content: center;}
    .flex-column-md{flex-direction: column}
    .flex-row-md{flex-direction: row}
    .items-center-md{align-items:center!important;}
}
@media screen and (max-width: 549px) {
    .justify-center-sm{justify-content: center;}
    .flex-column-sm{flex-direction: column}
    .flex-row-sm{flex-direction: row}
    .items-center-sm{align-items:center}
    .m-center-sm{margin: 0 auto}
}


.animated {
    animation-duration: var(--animation-time,1.25s);
    --animation-time :1.25s
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}
.slideInUp {
    animation-name: slideInUp
}
@keyframes slideInDown {
    from {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    animation-name: slideInDown
}
@keyframes slideInLeft {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}
@keyframes slideInRight {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    animation-name: slideInRight
}
.opalScaleUp {
    animation-name: opalScaleUp;
    -moz-animation-name: opalScaleUp;
    -webkit-animation-name: opalScaleUp
}

@-webkit-keyframes opalScaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes opalScaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes opalScaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes opalScaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}


