:root {
    --font-title: 16px;
    --font-décription: 14px;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    min-height: 100vh;
    font-weight: 400;
    font-family: Pangea, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

body {
    display: flex;
    flex-direction: column
}

.page-wrapper {
    flex: 1 0 auto
}

.footer {
    flex-shrink: 0
}



a:focus {
    outline: 0
}

a {
    transition: color .25s ease-in-out
}

figure,
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

svg {
    max-width: 100%
}

iframe {
    width: 100%
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #355278
}

.iframe-full-height-wrap {
    position: relative;
    height: 350px;
    overflow: hidden
}

.iframe-full-height {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

::-moz-selection {
    background: rgba(78, 84, 200, .15)
}

::selection {
    background: rgba(78, 84, 200, .15)
}

::-moz-selection {
    background: rgba(78, 84, 200, .15)
}

@media (min-width:1280px) {

    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.small,
small {
    font-weight: inherit
}

@media (max-width:991.98px) {
    body {
        padding-top: 0 !important
    }
}

button:focus {
    outline: 0
}

.hr-light {
    color: rgba(255, 255, 255, .12)
}

.display-404 {
    color: #fff;
    text-shadow: -0.0625rem 0 #296c36, 0 0.0625rem #296c36, 0.0625rem 0 #296c36, 0 -0.0625rem #296c36;
    font-size: 8em;
}

.list-style {
    list-style: none
}

.list-style li {
    margin-bottom: .4rem
}

.list-style li::before {
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #4e54c8;
    font-weight: 700;
    content: '\2022'
}

ol.list-style {
    counter-reset: li
}

ol.list-style li {
    counter-increment: li
}

ol.list-style li::before {
    margin-right: .5em;
    margin-left: -1.5em;
    font-weight: inherit;
    text-align: right;
    direction: rtl;
    white-space: nowrap;
    content: "." counter(li)
}

.list-unstyled>li ol li,
.list-unstyled>li ul li {
    margin-bottom: .3333333333rem
}

.list-inline-item:not(:last-child) {
    margin-right: 1rem
}

dt {
    color: #373f50;
    margin-bottom: .25rem;
    font-weight: 500
}

dd {
    font-size: .875rem;
    margin-bottom: 1rem
}

.blockquote-footer {
    margin-top: -.5rem
}

.figure {
    padding: .5rem;
    border: 1px solid #e3e9ef;
    border-radius: .3125rem;
    background-color: #fff
}

.figure-caption {
    padding: 0 .5rem
}

:not(pre)>code[class*=language-],
pre,
pre[class*=language-] {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #f6f9fc;
    font-size: .875em
}

pre {
    padding-right: 1rem;
    padding-left: 1rem
}

.code-toolbar :not(pre)>code[class*=language-],
.code-toolbar pre[class*=language-] {
    padding-top: 2rem
}

code[class*=language-],
pre,
pre[class*=language-] {
    color: #404a5c
}

.line-numbers .line-numbers-rows {
    border-right: 1px solid #d9e1e9
}

.line-numbers .line-numbers-rows>span::before {
    color: #9aa2b2
}

div.code-toolbar>.toolbar {
    opacity: 1
}

div.code-toolbar>.toolbar button {
    display: inline-block;
    margin: .375rem .5rem;
    padding: .25rem .75rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
    border-radius: .25rem;
    border: 1px solid rgba(254, 105, 106, .3);
    background-color: transparent;
    color: #296c36 !important;
    box-shadow: none
}

div.code-toolbar>.toolbar button:focus {
    outline: 0;
    box-shadow: none
}

div.code-toolbar>.toolbar button:hover {
    background-color: #296c36;
    color: #fff !important
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #4e54c8
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #333333
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector {
    color: #4091e3
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.string {
    color: #e3116c
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #36acaa
}

.token.class-name,
.token.function {
    color: #36acaa
}

.table:not(.table-dark) tbody th,
.table:not(.table-dark) thead th {
    color: #373f50 !important
}

.table:not(.table-dark) td {
    color: #4b566b !important
}

.table-dark td {
    color: rgba(255, 255, 255, .75)
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #f6f9fc
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #bccad9
}

.table.table-dark>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(255, 255, 255, .5)
}

.col-form-label {
    font-size: .875rem
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

.password-toggle {
    position: relative
}

.password-toggle .form-control {
    padding-right: 3rem
}

.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: .625rem;
    margin-bottom: 0;
    padding: .5rem;
    transform: translateY(-50%);
    font-size: 1.0625rem;
    line-height: 1;
    cursor: pointer
}

.password-toggle-btn .password-toggle-indicator {
    transition: color .2s ease-in-out;
    color: #333333;
    font-family: "Font Awesome 5 Pro";
    font-style: normal
}

.password-toggle-btn .password-toggle-indicator::before {
    content: "\f06e"
}

.password-toggle-btn .password-toggle-indicator:hover {
    color: #4b566b
}

.password-toggle-btn .password-toggle-check {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.password-toggle-btn .password-toggle-check:checked~.password-toggle-indicator::before {
    content: "\f070"
}

.was-validated .password-toggle .form-control.is-invalid,
.was-validated .password-toggle .form-control.is-valid,
.was-validated .password-toggle .form-control:invalid,
.was-validated .password-toggle .form-control:valid {
    padding-right: 4rem
}

.was-validated .password-toggle .form-control.is-invalid+.password-toggle-btn,
.was-validated .password-toggle .form-control.is-valid+.password-toggle-btn,
.was-validated .password-toggle .form-control:invalid+.password-toggle-btn,
.was-validated .password-toggle .form-control:valid+.password-toggle-btn {
    right: 2.1rem
}

.form-check-label {
    font-size: .875rem
}

.form-check-justified {
    flex-basis: 0;
    flex-grow: 1
}

.form-check-justified:not(:last-child) {
    margin-right: .5rem
}

.form-check-justified .form-option-label {
    width: 100%
}

.form-switch .form-check-input {
    height: 1.25rem;
    border: 0;
    background-color: #d1d9e1
}

.form-switch .form-check-input:checked {
    background-color: #296c36;
    box-shadow: 0 .375rem .875rem -.3rem #296c36
}

.form-switch .form-check-input:disabled {
    box-shadow: none
}

.form-switch .form-check-label {
    margin-top: .1875rem
}

.invalid-tooltip,
.valid-tooltip {
    position: static;
    margin-top: .25rem
}

.valid-tooltip {
    color: #42d697
}

.invalid-tooltip {
    color: #f34770
}

.was-validated .form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.was-validated .form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: table
}

.was-validated .form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-tooltip,
.was-validated .form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-tooltip {
    display: table
}

.was-validated .form-control.is-valid,
.was-validated .form-control:valid,
.was-validated .form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #dae1e7 !important
}

.was-validated .form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: inherit
}

.was-validated .form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    border-color: #296c36;
    background-color: #296c36
}

.form-control:disabled {
    cursor: not-allowed
}

.subscription-status {
    border-radius: .25rem;
    font-size: .8125rem;
    text-align: center
}

.subscription-status.status-error,
.subscription-status.status-success {
    margin-top: .5rem;
    padding: .25rem .375rem
}

.subscription-status.status-success {
    background-color: rgba(66, 214, 151, .1);
    color: #29bc7d
}

.subscription-status.status-error {
    background-color: rgba(243, 71, 112, .1);
    color: #f34770
}

.form-option {
    padding-left: 0
}

.form-option.form-check-inline {
    margin-right: .25rem
}

.form-option .form-check-input {
    border: 0;
    background: 0 0
}

.form-option-label {
    position: relative;
    min-width: 2rem;
    height: 2rem;
    margin-bottom: 0;
    padding-top: .0625rem;
    padding-right: .375rem;
    padding-left: .375rem;
    transition: color .2s ease-in-out, border-color .2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .25rem;
    color: #4b566b;
    font-size: .75rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.75rem;
    cursor: pointer
}

.form-option-label:hover {
    border-color: #c9d5e0;
    color: #373f50
}

.form-option-color {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.75rem;
    margin-left: -.75rem;
    background-position: top left;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat
}

.form-check-input:checked~.form-option-label {
    border-color: #296c36;
    color: #296c36
}

.file-drop-area {
    position: relative;
    padding: 2rem 1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 2px dashed #dae1e7;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

.file-drop-area .file-drop-input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    outline: 0;
    cursor: pointer;
    z-index: 2
}

.file-drop-area .file-drop-icon {
    display: block;
    margin-bottom: .75rem;
    color: #aeb4be;
    font-size: 1.625rem
}

.file-drop-area .file-drop-preview {
    max-width: 16rem;
    margin-right: auto;
    margin-bottom: .75rem;
    margin-left: auto
}

.file-drop-area .file-drop-message {
    display: block;
    font-size: .875rem;
    margin-bottom: 1.25rem
}

.file-drop-area .btn {
    position: relative;
    z-index: 3
}

.file-drop-area:hover {
    border-color: #c4cfd9
}

.btn-primary.active,
.btn-primary.show,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    border-color: #03a84e;
    background-color: #03a84e;
    color: #fff
}

.btn-accent.active,
.btn-accent.show,
.btn-accent:active,
.btn-accent:focus,
.btn-accent:hover {
    border-color: #363cad;
    background-color: #363cad
}

.btn-secondary.active,
.btn-secondary.show,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    border-color: #d1d9e8;
    background-color: #d1d9e8
}

.btn-success.active,
.btn-success.show,
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    border-color: #29bc7d;
    background-color: #29bc7d
}

.btn-info.active,
.btn-info.show,
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    border-color: #3699fe;
    background-color: #3699fe
}

.btn-warning.active,
.btn-warning.show,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    border-color: #fe8736;
    background-color: #fe8736
}

.btn-danger.active,
.btn-danger.show,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
    border-color: #f0174b;
    background-color: #f0174b
}

.btn-light.active,
.btn-light.show,
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
    border-color: #e6e5e5;
    background-color: #e6e5e5
}

.btn-dark.active,
.btn-dark.show,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
    border-color: #222732;
    background-color: #222732
}

.btn-danger,
.btn-dark,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning {
    color: #fff
}

.btn-light,
.btn-light:hover,
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-secondary,
.btn-secondary:hover {
    color: #4b566b;
    border-color: transparent
}

.btn-secondary {
    border-color: #e3e9ef
}

.btn-light:hover,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled).show,
.btn-light:not(:disabled):not(.disabled):active {
    border-color: #fff;
    background-color: #fff
}

.btn-outline-primary {
    border-color: rgba(254, 105, 106, .35)
}

.btn-outline-accent {
    border-color: rgba(78, 84, 200, .35)
}

.btn-outline-secondary {
    border-color: rgba(243, 245, 249, .35)
}

.btn-outline-success {
    border-color: rgba(66, 214, 151, .35)
}

.btn-outline-info {
    border-color: rgba(105, 179, 254, .35)
}

.btn-outline-warning {
    border-color: rgba(254, 165, 105, .35)
}

.btn-outline-danger {
    border-color: rgba(243, 71, 112, .35)
}

.btn-outline-light {
    border-color: rgba(255, 255, 255, .35)
}

.btn-outline-dark {
    border-color: rgba(55, 63, 80, .35)
}

.btn-outline-light.active,
.btn-outline-light.show,
.btn-outline-light:active,
.btn-outline-light:hover {
    color: #4b566b !important
}

.btn-outline-secondary {
    border-color: #dae1e7
}

.btn-outline-secondary.active,
.btn-outline-secondary.show,
.btn-outline-secondary:active,
.btn-outline-secondary:hover {
    border-color: #dae1e7 !important;
    color: #4b566b !important
}

.btn-primary.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(124, 163, 249, .9)
}

.btn-accent.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(78, 84, 200, .9)
}

.btn-secondary.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(243, 245, 249, .9)
}

.btn-success.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(66, 214, 151, .9)
}

.btn-info.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(105, 179, 254, .9)
}

.btn-warning.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(254, 165, 105, .9)
}

.btn-danger.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(243, 71, 112, .9)
}

.btn-light.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(255, 255, 255, .9)
}

.btn-dark.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(55, 63, 80, .9)
}

.btn-light.btn-shadow,
.btn-secondary.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(0, 0, 0, .15)
}

.btn-shadow:hover {
    box-shadow: none
}

.btn>i {
    vertical-align: middle
}

.btn-icon {
    padding: .625rem .875rem
}

.btn-market {
    display: inline-block;
    padding: .375rem .875rem;
    padding-left: 2.8125rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
    border-radius: .4375rem;
    background-position: center left .75rem;
    background-color: #2b3445;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none
}

.btn-market .btn-market-title {
    display: block;
    color: #fff;
    font-size: 1rem
}

.btn-market .btn-market-subtitle {
    display: block;
    margin-bottom: -.125rem;
    color: rgba(255, 255, 255, .6);
    font-size: .6875rem
}

.btn-market:hover {
    background-color: #212835
}

.btn-scroll-top {
    display: block;
    position: fixed;
    right: -4.125rem;
    bottom: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    transition: right .4s cubic-bezier(.68, -.55, .265, 1.55), opacity .3s, background-color .25s ease-in-out;
    border-radius: 50%;
    background-color: rgba(43, 52, 69, .25);
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 1025
}

.btn-scroll-top>.btn-scroll-top-icon {
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.625rem
}

.btn-scroll-top .btn-scroll-top-tooltip {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.btn-scroll-top:hover {
    background-color: rgba(43, 52, 69, .5);
    color: #fff
}

.btn-scroll-top:hover .btn-scroll-top-tooltip {
    visibility: visible;
    opacity: 1
}

.btn-scroll-top.show {
    right: 1.25rem;
    opacity: 1
}

.btn-scroll-top.right-15 {
    right: 2.1875rem
}

@media (max-width:499.98px) {
    .btn-scroll-top {
        width: 2.2916666667rem;
        height: 2.2916666667rem;
        bottom: 1rem
    }

    .btn-scroll-top>.btn-scroll-top-icon {
        line-height: 2.1666666667rem
    }

    .btn-scroll-top.show {
        right: 1rem
    }

    .btn-scroll-top.right-15 {
        right: 1.9375rem
    }
}

.btn-dislike,
.btn-like {
    display: inline-block;
    padding: 0;
    padding-left: .625rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    border: 0;
    background: 0;
    color: #333333;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle
}

.btn-dislike::before,
.btn-like::before {
    display: inline-block;
    margin-right: .375rem;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.25em;
    vertical-align: middle;
    content: '\e985'
}

.btn-dislike:first-child,
.btn-like:first-child {
    padding-right: .625rem;
    padding-left: 0;
    border-right: 1px solid #d9e1e9
}

.btn-dislike:focus,
.btn-like:focus {
    outline: 0
}

.btn-dislike:hover,
.btn-like:hover {
    color: #4b566b
}

.btn-dislike.active::before,
.btn-like.active::before {
    content: '\e9d7'
}

.btn-like::before {
    margin-top: -.325rem;
    color: #42d697
}

.btn-dislike::before {
    transform: rotate(-180deg);
    color: #f34770
}

@-moz-document url-prefix() {
    .btn-dislike::before {
        margin-bottom: -.325rem
    }
}

.btn-wishlist {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0 !important;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
    border: 0;
    border-radius: 50%;
    background-color: #f3f5f9;
    color: #373f50;
    text-align: center
}

.btn-wishlist>i {
    font-size: 1.0625rem;
    line-height: 2.75rem
}

.btn-wishlist:hover {
    color: #296c36
}

.btn-wishlist:focus {
    outline: 0
}

.btn-group-sm>.btn-wishlist.btn,
.btn-wishlist.btn-sm {
    width: 2rem;
    height: 2rem
}

.btn-group-sm>.btn-wishlist.btn>i,
.btn-wishlist.btn-sm>i {
    font-size: .8125rem;
    line-height: 2rem
}

.btn-video {
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    color: #4b566b;
    text-align: center;
    line-height: 4.5rem;
    box-shadow: 0 .375rem 1rem -.25rem rgba(43, 52, 69, .2);
    vertical-align: middle
}

.btn-video::before {
    font-family: "Font Awesome 5 Pro";
    font-size: .75rem;
    font-weight: 700;
    content: '\e969'
}

.btn-video:hover {
    background-color: #296c36;
    color: #fff;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(254, 105, 106, .9)
}

.btn-social {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
    border-radius: .3125rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .875rem;
    text-align: center;
    text-decoration: none !important
}

.btn-social>i {
    line-height: 2.125rem;
    color: #fff
}

.btn-social:hover {
    color: #fff
}

.btn-social:focus {
    outline: 0
}

.btn-social:active {
    transition: none;
    box-shadow: none !important
}

.btn-social.bs-light {
    background-color: rgba(255, 255, 255, .08);
    color: #fff
}

.btn-social.bs-light:hover {
    background-color: #fff !important;
    box-shadow: none !important
}

.bs-lg {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .3125rem;
    font-size: 1rem
}

.bs-lg>i {
    line-height: 2.625rem
}

.bs-sm {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .25rem;
    font-size: .75rem
}

.bs-sm>i {
    line-height: 1.625rem
}

.bs-outline {
    border-color: #e3e9ef;
    background-color: transparent
}

.bs-outline.bs-light {
    border-color: rgba(255, 255, 255, .12);
    background-color: transparent
}

.bs-outline:hover {
    border-color: transparent
}

.bs-facebook {
    background-color: #3b5998;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(59, 89, 152, .9)
}

.bs-facebook:hover.bs-light {
    color: #3b5998
}

.btn-pro-detail {
    font-size: 14px;
}

.bs-twitter {
    background-color: #1da1f2;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(29, 161, 242, .9)
}

.bs-twitter:hover.bs-light {
    color: #1da1f2
}

.bs-instagram:hover {
    background-color: #5851db;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(88, 81, 219, .9)
}

.bs-instagram:hover.bs-light {
    color: #5851db
}

.bs-google:hover {
    background-color: #ea4335;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(234, 67, 53, .9)
}

.bs-google:hover.bs-light {
    color: #ea4335
}

.bs-linkedin:hover {
    background-color: #0077b5;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(0, 119, 181, .9)
}

.bs-linkedin:hover.bs-light {
    color: #0077b5
}

.bs-pinterest:hover {
    background-color: #bd081c;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(189, 8, 28, .9)
}

.bs-pinterest:hover.bs-light {
    color: #bd081c
}

.bs-tumblr:hover {
    background-color: #35465c;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(53, 70, 92, .9)
}

.bs-tumblr:hover.bs-light {
    color: #35465c
}

.bs-behance:hover {
    background-color: #1769ff;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(23, 105, 255, .9)
}

.bs-behance:hover.bs-light {
    color: #1769ff
}

.bs-dribbble:hover {
    background-color: #ea4c89;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(234, 76, 137, .9)
}

.bs-dribbble:hover.bs-light {
    color: #ea4c89
}

.bs-vk:hover {
    background-color: #45668e;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(69, 102, 142, .9)
}

.bs-vk:hover.bs-light {
    color: #45668e
}

.bs-odnoklassniki:hover {
    background-color: #ed812b;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(237, 129, 43, .9)
}

.bs-odnoklassniki:hover.bs-light {
    color: #ed812b
}

.bs-skype:hover {
    background-color: #00aff0;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(0, 175, 240, .9)
}

.bs-skype:hover.bs-light {
    color: #00aff0
}

.bs-hangouts:hover {
    background-color: #0f9d58;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(15, 157, 88, .9)
}

.bs-hangouts:hover.bs-light {
    color: #0f9d58
}

.bs-messenger:hover {
    background-color: #0084ff;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(0, 132, 255, .9)
}

.bs-messenger:hover.bs-light {
    color: #0084ff
}

.bs-viber:hover {
    background-color: #59267c;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(89, 38, 124, .9)
}

.bs-viber:hover.bs-light {
    color: #59267c
}

.bs-telegram:hover {
    background-color: #08c;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(0, 136, 204, .9)
}

.bs-telegram:hover.bs-light {
    color: #08c
}

.bs-youtube {
    background-color: red;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(255, 0, 0, .9)
}

.bs-youtube:hover.bs-light {
    color: red
}

.bs-vimeo:hover {
    background-color: #1ab7ea;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(26, 183, 234, .9)
}

.bs-vimeo:hover.bs-light {
    color: #1ab7ea
}

.bs-wechat:hover {
    background-color: #7bb32e;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(123, 179, 46, .9)
}

.bs-wechat:hover.bs-light {
    color: #7bb32e
}

.bs-discord:hover {
    background-color: #7289da;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(114, 137, 218, .9)
}

.bs-discord:hover.bs-light {
    color: #7289da
}

.bs-tiktok:hover {
    background-color: #25f4ee;
    box-shadow: 0 .5rem 1.125rem -.5rem #25f4ee
}

.bs-tiktok:hover.bs-light {
    color: #25f4ee
}

.btn-share {
    display: inline-block;
    padding: .25rem .625rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
    border-radius: .25rem;
    font-size: .875rem;
    text-decoration: none !important;
    vertical-align: middle
}

.btn-share>i {
    margin-top: -.125rem;
    margin-right: .3125rem;
    font-size: 1.1em;
    vertical-align: middle
}

.btn-share.btn-twitter {
    background-color: rgba(29, 161, 242, .08);
    color: #1da1f2
}

.btn-share.btn-twitter:hover {
    background-color: #1da1f2
}

.btn-share.btn-instagram {
    background-color: rgba(88, 81, 219, .08);
    color: #5851db
}

.btn-share.btn-instagram:hover {
    background-color: #5851db
}

.btn-share.btn-facebook {
    background-color: rgba(59, 89, 152, .08);
    color: #3b5998
}

.btn-share.btn-facebook:hover {
    background-color: #3b5998
}

.btn-share:hover {
    color: #fff;
    box-shadow: none
}

.btn-group .btn-outline-secondary.active,
.btn-group .btn-outline-secondary:active,
.btn-group .btn-outline-secondary:hover {
    border-color: #e3e9ef !important
}

.dropdown .dropdown-toggle::after,
.dropend .dropdown-toggle::after,
.dropstart .dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    margin-left: .3rem;
    vertical-align: middle
}

.btn.dropdown-toggle::after {
    margin-left: .35rem
}

.h1 .dropdown-toggle::after,
.h2 .dropdown-toggle::after,
.h3 .dropdown-toggle::after,
.h4 .dropdown-toggle::after,
.h5 .dropdown-toggle::after,
h1 .dropdown-toggle::after,
h2 .dropdown-toggle::after,
h3 .dropdown-toggle::after,
h4 .dropdown-toggle::after,
h5 .dropdown-toggle::after {
    margin-left: .5rem !important;
    border-top-width: .375rem;
    border-right-width: .375rem;
    border-left-width: .375rem
}

.dropdown-menu {
    box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05);
    border-color: transparent
}

.dropdown-menu li:hover>.dropdown-item {
    color: #296c36
}

.dropdown-menu .active>.dropdown-item {
    color: #296c36
}

.dropdown-menu .active>.dropdown-item,
.dropdown-menu .dropdown-item.active {
    pointer-events: none
}

.dropdown-menu.dropdown-menu-dark {
    border-width: 0
}

.dropdown-menu.dropdown-menu-dark li:hover>.dropdown-item {
    color: #fff
}

.dropdown-menu.dropdown-menu-dark .active>.dropdown-item {
    color: #fff
}

.dropdown-header {
    margin-bottom: .25rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e3e9ef
}

.dropdown-menu-dark .dropdown-header {
    border-bottom-color: rgba(255, 255, 255, .12)
}

.dropdown-item {
    position: relative;
    width: 100%;
    transition: all .25s ease-in-out;
    font-size: .875rem;
    font-weight: 400
}

.dropdown-item .badge,
.dropdown-item>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.dropdown-menu.show {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.dropdown-toggle-split::after {
    margin-left: -.0625rem !important
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-up {
    from {
        transform: translateY(.5rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-up {
    from {
        transform: translateY(.5rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.input-group .position-absolute {
    z-index: 9
}

.input-group .position-absolute+.form-control,
.input-group .position-absolute+.password-toggle .form-control {
    padding-left: 2.5rem
}

.nav-tabs:not(.card-header-tabs) {
    margin-bottom: 1.25rem
}

.nav-tabs.card-header-tabs {
    margin-top: -.3125rem;
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.nav-tabs.card-header-tabs .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-color: transparent
}

.nav-tabs .nav-link {
    position: relative;
    border: 0
}

.nav-tabs .nav-link::before {
    position: absolute;
    display: block;
    bottom: 0;
    left: 1.25rem;
    width: calc(100% - (1.25rem * 2));
    height: 1px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    background-color: transparent;
    content: ''
}

.nav-tabs .nav-link.active::before {
    background-color: #296c36
}

.nav-tabs.nav-fill .nav-link::before,
.nav-tabs.nav-justified .nav-link::before {
    left: 0;
    width: 100%
}

.media-tabs {
    border: 0
}

.media-tabs .nav-item {
    margin-bottom: 0;
    text-align: left
}

.media-tabs .nav-link {
    padding: .375rem .625rem
}

.media-tabs .nav-link::before {
    display: none !important
}

.media-tab-media {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-tab-media>i {
    font-size: 18px;
    line-height: 1.3em;
}

.media-tab-media>img {
    display: block;
    width: 100%;
    border-radius: 50%
}

a.nav-link:hover .media-tab-media {
    border-color: rgba(254, 105, 106, .35);
    color: #296c36
}

.nav-link.active .media-tab-media,
.nav-link.active:hover .media-tab-media {
    border-color: #296c36;
    background-color: #296c36;
    color: #fff;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(16, 49, 120, .9)
}

.nav-link.active .media-tab-subtitle,
.nav-link.active:hover .media-tab-subtitle {
    color: #068a43 !important
}

.nav-link.completed .media-tab-media,
.nav-link.disabled .media-tab-media {
    background-color: #f6f9fc;
    color: #333333
}

.nav-link.disabled .media-tab-title {
    color: #333333
}

.nav-link.completed .media-tab-media {
    overflow: visible
}

.nav-link.completed .media-tab-media::after {
    position: absolute;
    top: -.175rem;
    right: -.175rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #eafaf3;
    border: 1px solid #42d697;
    color: #42d697;
    font-family: "Font Awesome 5 Pro";
    font-size: .625rem;
    font-weight: 300;
    line-height: 1.25rem;
    content: "\f00c"
}

.nav-pills .nav-item {
    margin-right: .6666666667rem
}

.nav-pills .nav-item:last-child {
    margin-right: 0
}

.nav-pills.flex-column .nav-item {
    margin-right: 0;
    margin-bottom: .6666666667rem
}

.nav-pills.flex-column .nav-item:last-child {
    margin-bottom: 0
}

.nav-pills .nav-link {
    padding-top: .675rem;
    padding-bottom: .675rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .9375rem
}

.nav-pills .nav-link.show,
.nav-pills .nav-link:hover:not(.active):not([aria-expanded=true]) {
    color: #4b566b;
    background-color: #dfe4ef
}

.nav-pills .nav-link.disabled {
    background-color: #fafbfc;
    color: #333333
}

.nav-pills .nav-link.disabled:hover:not(.active) {
    background-color: transparent
}

.nav-pills .nav-link.active {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(254, 105, 106, .9)
}

.nav-pills .nav-link i {
    margin-top: -.25rem
}

.modal-content .card-header-tabs {
    margin-right: -1.25rem;
    margin-bottom: -1rem;
    margin-left: -1.25rem
}

.nav-link-style {
    color: #4b566b
}

.nav-link-style>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.nav-link-style:hover {
    color: #296c36
}

.active>.nav-link-style,
.nav-link-style.active {
    color: #296c36
}

.nav-link-style.nav-link-light {
    color: rgba(255, 255, 255, .65)
}

.nav-link-style.nav-link-light:hover {
    color: #fff
}

.active>.nav-link-style.nav-link-light,
.nav-link-style.nav-link-light.active {
    color: #fff
}

.radio-tab-pane {
    display: none
}

.radio-tab-pane.active {
    display: block
}

.navbar-brand {
    display: inline-block;
    font-weight: 500;
    vertical-align: middle
}

.navbar-brand>img {
    display: block
}

.navbar-nav .nav-item {
    margin-bottom: .6666666667rem;
    border-radius: .3125rem
}

.navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
    font-weight: 500
}

.navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item>* {
    font-weight: 400
}

.navbar-nav .nav-link {
    padding: .6666666667rem 1.125rem;
    font-weight: 500
}

.navbar-nav .dropdown-menu {
    min-width: 12.5rem;
    padding-top: 0;
    box-shadow: none;
    border: none;
    background-color: transparent
}

.navbar-nav .dropdown-menu .dropdown-menu {
    width: calc(100% - (1rem * 2));
    margin: 0 1rem
}

.navbar-nav .dropdown-menu .dropdown-menu:not(.animation-none) {
    display: block;
    opacity: 1
}

.navbar-nav .dropdown-menu .dropdown-toggle::after {
    display: none
}

.navbar.fixed-top {
    position: relative
}

.navbar-mega-nav {
    position: relative
}

.navbar-mega-nav::after {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 1.875rem;
    content: ''
}

.mega-dropdown-column {
    width: 100%;
    max-width: 15rem
}

.navbar-mega-nav .dropdown-menu>.mega-dropdown {
    position: static
}

.navbar-mega-nav .dropdown-menu>.dropdown>a {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e3e9ef
}

.navbar-mega-nav .dropdown-menu>.dropdown:last-child>a {
    border-bottom: 0
}

.navbar-tool {
    position: relative;
    display: flex;
    align-items: center
}

.navbar-tool.dropdown::before {
    position: absolute;
    bottom: -1rem;
    left: -10%;
    width: 120%;
    height: 1rem;
    content: ''
}

.navbar-tool .dropdown-menu {
    top: 100%;
    margin-top: .5rem !important
}

.navbar-tool .dropdown-menu.dropdown-menu-end {
    left: auto;
    right: 0
}

.navbar-tool .navbar-tool-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #296c36;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.1rem;
}

.navbar-tool .navbar-tool-tooltip {
    display: none
}

@media (min-width:992px) {
    .navbar-tool .navbar-tool-tooltip {
        display: block;
        position: absolute;
        top: -.5rem;
        left: 50%;
        transform: translateX(-50%);
        transition: opacity .2s ease-in-out, top .2s ease-in-out;
        padding: .0625rem .375rem;
        border-radius: .25rem;
        background-color: #2b3445;
        color: #fff;
        font-size: .6875rem;
        white-space: nowrap;
        opacity: 0
    }

    .navbar-tool:hover .navbar-tool-tooltip {
        top: -.75rem;
        opacity: .9
    }
}

.navbar-tool-icon-box {
    position: relative;
    width: 40px;
    height: 40px;
    transition: color .25s ease-in-out;
    border-radius: 50%;
    line-height: 1.5em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-tool-icon-box.dropdown-toggle::after {
    display: none
}

button.btn.navbar-tool.navbar-tool-search {
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    background: #f1f1f1;
    font-size: 22px;
    padding-top: 2px;
}

.navbar-tool-icon {
    font-size: 1.25rem;
    line-height: 2.875rem
}

.navbar-tool-text {
    display: none;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: .875rem;
    transition: color .25s ease-in-out;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap
}

.navbar-tool-text>.small,
.navbar-tool-text>small {
    display: block;
    margin-bottom: -.125rem
}

.dropdown .navbar-tool-text::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid;
    border-right: .275rem solid transparent;
    border-bottom: 0;
    border-left: .275rem solid transparent
}

.dropdown .navbar-tool-text:empty::after {
    margin-left: 0
}

@media (max-width:767.98px) {
    .search-box {
        display: none
    }
}

@media (min-width:500px) {
    .navbar-expand-sm.fixed-top {
        position: fixed
    }

    .navbar-expand-sm .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

    .navbar-expand-sm .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
        font-weight: 400
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: 400
    }

    .navbar-expand-sm .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-sm .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-sm .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-sm .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

    .navbar-expand-sm .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255, 255, 255, .12);
        background-color: #373f50
    }

    .navbar-expand-sm .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-sm .dropdown-menu.show {
        display: none
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375rem;
        vertical-align: .23375rem;
        content: "";
        border-top: .275rem solid transparent;
        border-right: 0;
        border-bottom: .275rem solid transparent;
        border-left: .275rem solid
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-sm .dropdown-menu>.dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand-sm .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
    }

    .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: #fff
    }

    .navbar-expand-sm .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-sm .navbar-tool-text {
        display: block
    }

    .navbar-expand-sm .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width:768px) {
    .navbar-expand-md.fixed-top {
        position: fixed
    }

    .navbar-expand-md .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

    .navbar-expand-md .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
        font-weight: 400
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: 400
    }

    .navbar-expand-md .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-md .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-md .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-md .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-md .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-md .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

    .navbar-expand-md .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255, 255, 255, .12);
        background-color: #373f50
    }

    .navbar-expand-md .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-md .dropdown-menu.show {
        display: none
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375rem;
        vertical-align: .23375rem;
        content: "";
        border-top: .275rem solid transparent;
        border-right: 0;
        border-bottom: .275rem solid transparent;
        border-left: .275rem solid
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-md .dropdown-menu>.dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand-md .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
    }

    .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: #fff
    }

    .navbar-expand-md .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-md .navbar-tool-text {
        display: block
    }

    .navbar-expand-md .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width:992px) {
    .navbar-expand-lg.fixed-top {
        position: fixed
    }

    .navbar-expand-lg .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

    .navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
        font-weight: 400
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: 400
    }

    .navbar-expand-lg .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-lg .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-lg .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

    .navbar-expand-lg .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255, 255, 255, .12);
        background-color: #373f50
    }

    .navbar-expand-lg .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-lg .dropdown-menu.show {
        display: none
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375rem;
        vertical-align: .23375rem;
        content: "";
        border-top: .275rem solid transparent;
        border-right: 0;
        border-bottom: .275rem solid transparent;
        border-left: .275rem solid
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-lg .dropdown-menu>.dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand-lg .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
    }

    .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: #fff
    }

    .navbar-expand-lg .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-lg .navbar-tool-text {
        display: block
    }

    .navbar-expand-lg .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width:1280px) {
    .navbar-expand-xl.fixed-top {
        position: fixed
    }

    .navbar-expand-xl .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

    .navbar-expand-xl .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
        font-weight: 400
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: 400
    }

    .navbar-expand-xl .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xl .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-xl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

    .navbar-expand-xl .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255, 255, 255, .12);
        background-color: #373f50
    }

    .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375rem;
        vertical-align: .23375rem;
        content: "";
        border-top: .275rem solid transparent;
        border-right: 0;
        border-bottom: .275rem solid transparent;
        border-left: .275rem solid
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-xl .dropdown-menu>.dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand-xl .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
    }

    .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: #fff
    }

    .navbar-expand-xl .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-xl .navbar-tool-text {
        display: block
    }

    .navbar-expand-xl .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl.fixed-top {
        position: fixed
    }

    .navbar-expand-xxl .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

    .navbar-expand-xxl .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
        font-weight: 400
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: 400
    }

    .navbar-expand-xxl .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xxl .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-xxl .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-xxl .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

    .navbar-expand-xxl .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255, 255, 255, .12);
        background-color: #373f50
    }

    .navbar-expand-xxl .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-xxl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375rem;
        vertical-align: .23375rem;
        content: "";
        border-top: .275rem solid transparent;
        border-right: 0;
        border-bottom: .275rem solid transparent;
        border-left: .275rem solid
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand-xxl .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
    }

    .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: #fff
    }

    .navbar-expand-xxl .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-xxl .navbar-tool-text {
        display: block
    }

    .navbar-expand-xxl .mega-dropdown-column {
        width: 15rem
    }
}

.navbar-expand.fixed-top {
    position: fixed
}

.navbar-expand .navbar-collapse {
    width: auto;
    flex-basis: auto
}

.navbar-expand .navbar-nav .nav-item {
    margin-bottom: 0;
    background-color: transparent
}

.navbar-expand .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
    font-weight: 400
}

.navbar-expand .navbar-nav .nav-link {
    padding-top: 1.125rem;
    padding-bottom: .875rem;
    font-weight: 400
}

.navbar-expand .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
    display: none
}

.navbar-expand .navbar-mega-nav::after {
    display: block
}

.navbar-expand .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
    top: .35rem
}

.navbar-expand .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
    top: .375rem;
    min-height: 100%;
    min-height: calc(100% + .25rem);
    -webkit-animation: none !important;
    animation: none !important
}

.navbar-expand .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
    position: absolute;
    top: 0;
    right: 16rem;
    width: 1px;
    height: 100%;
    background-color: #e3e9ef;
    content: ''
}

.navbar-expand .dropdown-menu {
    margin-top: 0;
    padding-top: .5rem
}

.navbar-expand .dropdown-menu.dropdown-menu-dark {
    border: 1px solid rgba(255, 255, 255, .12);
    background-color: #373f50
}

.navbar-expand .dropdown-menu.dropdown-menu-end {
    left: auto;
    right: 0
}

.navbar-expand .dropdown-menu.show {
    display: none
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle {
    position: relative;
    padding-right: 1.95rem
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid transparent;
    border-right: 0;
    border-bottom: .275rem solid transparent;
    border-left: .275rem solid
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
    margin-left: 0
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 50%;
    right: 1rem;
    margin-top: -.3em
}

.navbar-expand .dropdown-menu>.dropdown .dropdown-menu {
    display: none;
    top: 0;
    right: auto;
    left: 100%;
    width: auto;
    margin-top: -.5rem;
    margin-right: 0;
    margin-left: -.25rem
}

.navbar-expand .dropdown-menu>.dropdown:hover>.dropdown-menu {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.navbar-expand .dropdown-menu:not(.dropdown-menu-dark) {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05)
}

.navbar-expand .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
    background-color: #fff
}

.navbar-expand .dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: slide-up .25s ease-in-out;
    animation: slide-up .25s ease-in-out
}

.navbar-expand .navbar-tool-text {
    display: block
}

.navbar-expand .mega-dropdown-column {
    width: 15rem
}

.navbar-stuck-toggler {
    display: none
}

@media (min-width:299px) {
    .navbar-sticky.navbar-stuck {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: navbar-show .25s;
        animation: navbar-show .25s;
        box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05);
        z-index: 1030
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-toggler {
        display: flex
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-barnd {
        display: block !important
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-menu {
        display: none
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
        display: block
    }

    .navbar-sticky.navbar-stuck.right-15 {
        right: 15px;
        width: calc(100% - 15px)
    }
}

.fixed-bottom.right-15,
.fixed-top.right-15 {
    right: 15px
}

@-webkit-keyframes navbar-show {
    from {
        transform: translateY(-.625rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes navbar-show {
    from {
        transform: translateY(-.625rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.navbar-light .nav-link>i {
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    color: #333333
}

.navbar-light .nav-item {
    background-color: #f6f9fc
}

.navbar-light .nav-item:hover .nav-link:not(.disabled),
.navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
    color: #296c36
}

.navbar-light .nav-item.active .nav-link:not(.disabled),
.navbar-light .nav-item.active .nav-link:not(.disabled)>i,
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled),
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i,
.navbar-light .nav-item.show .nav-link:not(.disabled),
.navbar-light .nav-item.show .nav-link:not(.disabled)>i {
    color: #296c36
}

.navbar-light .navbar-tool-icon-box {
    color: #000000;
    background: #f2fd5d !important;
}

.navbar-light .navbar-tool-icon-box.bg-secondary {
    background-color: #f3f5f9 !important
}

.navbar-light .navbar-tool-icon-box i {
    font-size: 22px
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box {
    color: #2b3445
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: #f3f5f9 !important
}

.navbar-light.bg-secondary .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=' bg-faded'] .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^=bg-faded] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=' background-color'] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^=background-color] .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light.bg-secondary .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=' bg-faded'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^=bg-faded] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=' background-color'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^=background-color] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light .navbar-tool-text {
    color: #4b566b
}

.navbar-light .navbar-tool-text>.small,
.navbar-light .navbar-tool-text>small {
    color: #333333
}

.navbar-light .navbar-tool:hover .navbar-tool-text {
    color: #2b3445
}

.navbar-light .navbar-mega-nav::after {
    background-color: #e3e9ef
}

.navbar-dark .nav-link>i {
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .nav-item {
    background-color: rgba(255, 255, 255, .05)
}

.navbar-dark .nav-item:hover .nav-link:not(.disabled) {
    color: #fff
}

.navbar-dark .nav-item.active .nav-link:not(.disabled),
.navbar-dark .nav-item.active .nav-link:not(.disabled)>i,
.navbar-dark .nav-item.dropdown .nav-link:focus:not(.disabled),
.navbar-dark .nav-item.dropdown .nav-link:focus:not(.disabled)>i,
.navbar-dark .nav-item.show .nav-link:not(.disabled),
.navbar-dark .nav-item.show .nav-link:not(.disabled)>i {
    color: #fff
}

.navbar-dark .navbar-tool-icon-box {
    color: #fff
}

.navbar-dark .navbar-tool-icon-box.bg-secondary {
    background-color: rgba(255, 255, 255, .08) !important
}

.navbar-dark .navbar-tool-text {
    color: #fff
}

.navbar-dark .navbar-tool-text>.small,
.navbar-dark .navbar-tool-text>small {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-tool:hover .navbar-tool-text {
    color: #fff
}

.navbar-dark .navbar-mega-nav::after {
    background-color: rgba(255, 255, 255, .12)
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 0;
    font-size: .875rem
}

.topbar>.container,
.topbar>.container-fluid,
.topbar>.container-lg,
.topbar>.container-md,
.topbar>.container-sm,
.topbar>.container-xl {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.topbar .topbar-link,
.topbar .topbar-text {
    display: inline-block;
    margin-bottom: 0;
    text-decoration: none !important
}

.topbar .topbar-link>i,
.topbar .topbar-text>i {
    margin-right: .375rem;
    font-size: 1.15em;
    vertical-align: middle
}

.topbar .tns-carousel [data-controls] {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    transition: color .2s ease-in-out;
    border: 0;
    background: 0;
    font-size: .9558823529rem;
    line-height: 2rem
}

.topbar .tns-carousel [data-controls=prev] {
    left: -2.2rem
}

.topbar .tns-carousel [data-controls=next] {
    right: -2.2rem
}

@-moz-document url-prefix() {
    .topbar .tns-carousel [data-controls] {
        margin-top: -.875rem
    }
}

.topbar-light .topbar-link,
.topbar-light .topbar-text {
    color: rgba(75, 86, 107, .9)
}

.topbar-light .topbar-link>i,
.topbar-light .topbar-text>i {
    color: #296c36
}

.topbar-light .topbar-link.text-muted,
.topbar-light .topbar-link>.text-muted,
.topbar-light .topbar-text.text-muted,
.topbar-light .topbar-text>.text-muted {
    color: rgba(125, 135, 156, .9) !important
}

.topbar-light .topbar-link:hover {
    color: #373f50
}

.topbar-light .topbar-link.active {
    color: #373f50
}

.topbar-light .show .topbar-link {
    color: #373f50
}

.topbar-light .tns-carousel [data-controls] {
    color: rgba(75, 86, 107, .9)
}

.topbar-light .tns-carousel [data-controls]:hover {
    color: #373f50
}

.topbar-dark .topbar-link,
.topbar-dark .topbar-text {
    color: rgba(255, 255, 255, .65)
}

.topbar-dark .topbar-link>i,
.topbar-dark .topbar-text>i {
    color: #fff
}

.topbar-dark .topbar-link.text-muted,
.topbar-dark .topbar-link>.text-muted,
.topbar-dark .topbar-text.text-muted,
.topbar-dark .topbar-text>.text-muted {
    color: rgba(255, 255, 255, .45) !important
}

.topbar-dark .topbar-link:hover {
    color: #fff
}

.topbar-dark .topbar-link.active {
    color: #fff
}

.topbar-dark .show .topbar-link {
    color: #fff
}

.topbar-dark .tns-carousel [data-controls] {
    color: rgba(255, 255, 255, .65)
}

.topbar-dark .tns-carousel [data-controls]:hover {
    color: #fff
}

.accordion-button {
    font-weight: 500
}

.accordion-button::after {
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    background-position: center;
    background-color: #f3f5f9
}

.accordion-button:focus {
    box-shadow: none
}

.accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 #dde4eb
}

.breadcrumb-item::before {
    margin-top: .0625rem;
    content: "\f054" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: .9em;
    vertical-align: middle
}

.breadcrumb-item:first-child::before {
    display: none
}

.breadcrumb-item>a {
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    color: #4b566b;
    font-weight: normal;
}

.breadcrumb-item>a:hover {
    color: #296c36
}

.breadcrumb-item>a>i {
    margin-top: -.175rem;
    margin-right: .375rem;
    font-size: 1.05em;
    vertical-align: middle
}

.breadcrumb-item.active {
    cursor: default
}

.breadcrumb-light .breadcrumb-item>a:hover {
    color: #277fc2
}

.breadcrumb-light .breadcrumb-item.active {
    color: rgba(255, 255, 255, .6)
}

.pagination {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-link {
    position: relative;
    transition: color .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out
}

.page-link:focus,
.page-link:hover {
    color: #4b566b
}

.page-link.page-link-static:hover {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    color: #4b566b
}

.page-link>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.page-item {
    margin: .15rem
}

.page-item.active {
    position: relative;
    z-index: 5;
    cursor: default
}

.page-item.active>.page-link {
    box-shadow: 0 .5rem 1.125rem -.425rem rgba(16, 49, 120, .9)
}

.pagination .page-link {
    border-radius: .3125rem;
    font-size: .9375rem
}

.pagination-sm .page-link {
    border-radius: .25rem;
    font-size: .8125rem
}

.pagination-lg .page-link {
    border-radius: .4375rem;
    font-size: 1rem
}

.entry-navigation {
    align-items: center;
    display: flex;
    border: 0;
    border-radius: .4375rem;
}

.entry-navigation-link {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 1.25rem .75rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
    border-right: 1px solid #e3e9ef;
    color: #4b566b;
    font-weight: 400;
    text-align: center;
    text-decoration: none
}

.entry-navigation-link:last-child {
    border-right: 0
}

.entry-navigation-link>i {
    vertical-align: middle
}

.entry-navigation-link:hover {
    color: #296c36;
    text-decoration: none
}

.badge.bg-light,
.badge.bg-secondary {
    color: #373f50
}

.bg-primary.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(254, 105, 106, .9)
}

.bg-accent.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(78, 84, 200, .9)
}

.bg-secondary.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(243, 245, 249, .9)
}

.bg-success.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(66, 214, 151, .9)
}

.bg-info.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(105, 179, 254, .9)
}

.bg-warning.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(254, 165, 105, .9)
}

.bg-light.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(255, 255, 255, .9)
}

.bg-dark.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(55, 63, 80, .9)
}

.bg-light.badge-shadow,
.bg-secondary.badge-shadow {
    box-shadow: 0 .5rem 1.125rem -.275rem rgba(0, 0, 0, .25)
}

.alert-secondary {
    border-color: #e3e9ef;
    background-color: #f6f9fc
}

.alert-light,
.alert-secondary {
    color: #4b566b
}

.alert-light .alert-link,
.alert-secondary .alert-link {
    color: #2b3445
}

.alert-dark {
    border-color: #373f50;
    background-color: #373f50;
    color: #fff
}

.alert-dark .alert-link {
    color: #fff
}

.alert [class*=' ci-'],
.alert [class^=ci-] {
    margin-top: .1875rem
}

.alert hr {
    color: rgba(0, 0, 0, .1)
}

.alert-link {
    text-decoration: underline
}

.alert-link:hover {
    text-decoration: none
}

.alert-icon {
    display: flex;
    align-items: center;
    margin-top: -.75rem;
    margin-right: 1.125rem;
    margin-bottom: -.75rem;
    margin-left: -1.125rem;
    padding: .75em;
    border-top-left-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
    font-size: 1.125rem
}

.alert-primary .alert-icon {
    background-color: rgba(254, 105, 106, .1)
}

.alert-accent .alert-icon {
    background-color: rgba(78, 84, 200, .1)
}

.alert-secondary .alert-icon {
    background-color: rgba(243, 245, 249, .1)
}

.alert-success .alert-icon {
    background-color: rgba(66, 214, 151, .1)
}

.alert-info .alert-icon {
    background-color: rgba(105, 179, 254, .1)
}

.alert-warning .alert-icon {
    background-color: rgba(254, 165, 105, .1)
}

.alert-danger .alert-icon {
    background-color: rgba(243, 71, 112, .1)
}

.alert-light .alert-icon {
    background-color: rgba(255, 255, 255, .1)
}

.alert-dark .alert-icon {
    background-color: rgba(55, 63, 80, .1)
}

.alert-secondary .alert-icon {
    background-color: #e3e9ef
}

.alert-light .alert-icon {
    background-color: #f3f5f9
}

.alert-dismissible .btn-close {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.list-group-item-action {
    transition: all .2s ease-in-out
}

.list-group-item-action:active {
    transition: none
}

.list-group-item.active {
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(254, 105, 106, .9)
}

.list-group-item-action.list-group-item-primary:active,
.list-group-item-action.list-group-item-primary:focus,
.list-group-item-action.list-group-item-primary:hover {
    background-color: rgba(254, 105, 106, .2)
}

.list-group-item-primary.active {
    background-color: #296c36 !important;
    border-color: #296c36;
    box-shadow: none
}

.list-group-item-action.list-group-item-accent:active,
.list-group-item-action.list-group-item-accent:focus,
.list-group-item-action.list-group-item-accent:hover {
    background-color: rgba(78, 84, 200, .2)
}

.list-group-item-accent.active {
    background-color: #4e54c8 !important;
    border-color: #4e54c8;
    box-shadow: none
}

.list-group-item-action.list-group-item-secondary:active,
.list-group-item-action.list-group-item-secondary:focus,
.list-group-item-action.list-group-item-secondary:hover {
    background-color: rgba(243, 245, 249, .2)
}

.list-group-item-secondary.active {
    background-color: #f3f5f9 !important;
    border-color: #f3f5f9;
    box-shadow: none
}

.list-group-item-action.list-group-item-success:active,
.list-group-item-action.list-group-item-success:focus,
.list-group-item-action.list-group-item-success:hover {
    background-color: rgba(66, 214, 151, .2)
}

.list-group-item-success.active {
    background-color: #42d697 !important;
    border-color: #42d697;
    box-shadow: none
}

.list-group-item-action.list-group-item-info:active,
.list-group-item-action.list-group-item-info:focus,
.list-group-item-action.list-group-item-info:hover {
    background-color: rgba(105, 179, 254, .2)
}

.list-group-item-info.active {
    background-color: #69b3fe !important;
    border-color: #69b3fe;
    box-shadow: none
}

.list-group-item-action.list-group-item-warning:active,
.list-group-item-action.list-group-item-warning:focus,
.list-group-item-action.list-group-item-warning:hover {
    background-color: rgba(254, 165, 105, .2)
}

.list-group-item-warning.active {
    background-color: #fea569 !important;
    border-color: #fea569;
    box-shadow: none
}

.list-group-item-action.list-group-item-danger:active,
.list-group-item-action.list-group-item-danger:focus,
.list-group-item-action.list-group-item-danger:hover {
    background-color: rgba(243, 71, 112, .2)
}

.list-group-item-danger.active {
    background-color: #f34770 !important;
    border-color: #f34770;
    box-shadow: none
}

.list-group-item-action.list-group-item-light:active,
.list-group-item-action.list-group-item-light:focus,
.list-group-item-action.list-group-item-light:hover {
    background-color: rgba(255, 255, 255, .2)
}

.list-group-item-light.active {
    background-color: #fff !important;
    border-color: #fff;
    box-shadow: none
}

.list-group-item-action.list-group-item-dark:active,
.list-group-item-action.list-group-item-dark:focus,
.list-group-item-action.list-group-item-dark:hover {
    background-color: rgba(55, 63, 80, .2)
}

.list-group-item-dark.active {
    background-color: #373f50 !important;
    border-color: #373f50;
    box-shadow: none
}

.list-group-item-light,
.list-group-item-secondary {
    color: #4b566b !important
}

.list-group-item-secondary {
    background-color: #f6f9fc !important
}

.list-group-item-light {
    background-color: #fff !important
}

.btn-close {
    transition: opacity .15s ease-in-out
}

.toast-header [class*=ci-] {
    font-size: 1.25em
}

.toast-header:not([class*=bg-]) {
    border-bottom: 1px solid rgba(227, 233, 239, .75)
}

.popover-header {
    font-size: .9375rem
}

.popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after,
.popover.bs-popover-bottom .popover-arrow::after {
    border-bottom-color: #f6f9fc
}

.modal-quick-view .modal-dialog {
    max-width: 1140px !important
}

@media (min-width:500px) {
    .modal-quick-view {
        padding-left: 1rem
    }
}

.tns-carousel {
    position: relative
}

.tns-carousel .tns-carousel-inner {
    position: relative;
    display: flex;
    overflow: hidden;
    touch-action: manipulation;
    opacity: 0
}

.tns-carousel .tns-carousel-inner:active {
    cursor: -webkit-grab;
    cursor: grab
}

.tns-carousel .tns-carousel-inner.tns-slider {
    display: block;
    opacity: 1
}

.tns-carousel .tns-carousel-inner>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tns-carousel .tns-controls:focus {
    outline: 0
}

.tns-carousel [data-controls] {
    position: absolute;
    top: 50%;
    width: 2.75rem;
    height: 2.75rem;
    margin-top: -1.375rem;
    transition: all .3s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    font-size: .8088235294rem;
    line-height: 2.625rem;
    text-align: center;
    z-index: 10
}

.tns-carousel [data-controls][disabled] {
    opacity: 0 !important
}

.tns-carousel [data-controls=prev] {
    left: 1.75rem
}

.tns-carousel [data-controls=next] {
    right: 1.75rem
}

.tns-carousel.tns-controls-lg [data-controls] {
    width: 3.25rem;
    height: 3.25rem;
    margin-top: -1.625rem;
    font-size: .9558823529rem;
    line-height: 3.125rem
}

.tns-carousel.tns-controls-sm [data-controls] {
    width: 2.25rem;
    height: 2.25rem;
    margin-top: -1.125rem;
    font-size: .6617647059rem;
    line-height: 2.125rem
}

.tns-carousel:not(.tns-controls-static) [data-controls] {
    opacity: 0
}

.tns-carousel:not(.tns-controls-static) [data-controls=prev] {
    transform: translateX(1rem)
}

.tns-carousel:not(.tns-controls-static) [data-controls=next] {
    transform: translateX(-1rem)
}

.tns-carousel:not(.tns-controls-static):hover [data-controls] {
    transform: none;
    opacity: 1
}

.tns-carousel.tns-controls-outside {
    padding: 0 1.375rem
}

.tns-carousel.tns-controls-outside [data-controls=prev] {
    left: 0
}

.tns-carousel.tns-controls-outside [data-controls=next] {
    right: 0
}

.tns-carousel.tns-controls-outside.tns-controls-lg {
    padding: 0 1.625rem
}

.tns-carousel.tns-controls-outside.tns-controls-sm {
    padding: 0 1.125rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside) [data-controls] {
    margin-top: -3.0625rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-lg [data-controls] {
    margin-top: -3.3125rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-sm [data-controls] {
    margin-top: -2.8125rem
}

.tns-carousel .tns-nav {
    padding-top: .875rem;
    padding-bottom: .5rem;
    text-align: center
}

.tns-carousel.tns-nav-start .tns-nav {
    text-align: left
}

.tns-carousel.tns-nav-end .tns-nav {
    text-align: right
}

.tns-carousel [data-nav] {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out, background-color .2s ease-in-out;
    border: 0;
    border-radius: .15625rem;
    background-color: #b6bcc5
}

.tns-carousel [data-nav]:focus {
    outline: 0
}

.tns-carousel [data-nav].tns-nav-active {
    width: 1.25rem;
    background-color: #296c36
}

.tns-carousel.tns-nav-light [data-nav] {
    background-color: #fff
}

.tns-carousel.tns-nav-inside .tns-nav {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1rem
}

.tns-carousel-controls {
    white-space: nowrap
}

.tns-carousel-controls button {
    display: none
}

.tns-carousel-controls:focus {
    outline: 0
}

.tns-carousel-controls [data-controls] {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    margin: .0625rem;
    transition: all .3s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    font-size: .6617647059rem;
    line-height: 2.125rem;
    text-align: center;
    z-index: 10
}

.tns-carousel-controls [data-controls][disabled] {
    opacity: 0 !important
}

.tns-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tns-item .from-bottom,
.tns-item .from-end,
.tns-item .from-start,
.tns-item .from-top,
.tns-item .scale-down,
.tns-item .scale-up {
    transition: all .45s .3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tns-item .from-top {
    transform: translateY(-45px)
}

.tns-item .from-bottom {
    transform: translateY(45px)
}

.tns-item .from-start {
    transform: translateX(-45px)
}

.tns-item .from-end {
    transform: translateX(45px)
}

.tns-item .scale-up {
    transform: scale(.8)
}

.tns-item .scale-down {
    transform: scale(1.2)
}

.tns-item .delay-1 {
    transition-delay: .5s
}

.tns-item .delay-2 {
    transition-delay: .7s
}

.tns-item .delay-3 {
    transition-delay: .9s
}

.tns-item .delay-4 {
    transition-delay: 1.1s
}

.tns-item.tns-slide-active .from-bottom,
.tns-item.tns-slide-active .from-top {
    transform: translateY(0);
    opacity: 1
}

.tns-item.tns-slide-active .from-end,
.tns-item.tns-slide-active .from-start {
    transform: translateX(0);
    opacity: 1
}

.tns-item.tns-slide-active .scale-down,
.tns-item.tns-slide-active .scale-up {
    transform: scale(1);
    opacity: 1
}

.lg-backdrop {
    z-index: 1100
}

.lg-outer {
    z-index: 1110
}

.lg-on {
    overflow: hidden
}

.lg-inner:focus,
.lg-item:focus,
.lg-outer:focus,
.lg:focus {
    outline: 0
}

.steps {
    display: flex;
    width: 100%
}

.step-item {
    flex-basis: 0;
    flex-grow: 1;
    transition: color .25s ease-in-out;
    text-align: center;
    text-decoration: none !important
}

.step-item:first-child .step-progress {
    border-radius: .125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.step-item:last-child .step-progress {
    border-radius: .125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.step-progress {
    position: relative;
    width: 100%;
    height: .25rem
}

.step-count {
    position: absolute;
    top: -.75rem;
    left: 50%;
    width: 1.625rem;
    height: 1.625rem;
    margin-left: -.8125rem;
    border-radius: 50%;
    font-size: .875rem;
    line-height: 1.625rem
}

.step-label {
    padding-top: 1.5625rem
}

.step-label>i {
    margin-top: -.25rem;
    margin-right: .425rem;
    font-size: 1.2em;
    vertical-align: middle
}

@media (max-width:499.98px) {
    .step-label {
        font-size: .75rem
    }

    .step-label>i {
        display: none
    }
}

.steps-dark .step-item {
    color: #333333
}

.steps-dark .step-count,
.steps-dark .step-progress {
    color: #4b566b;
    background-color: #f3f5f9
}

.steps-dark .step-item:hover {
    color: #4b566b
}

.steps-dark .step-item.active.current {
    color: #373f50;
    pointer-events: none
}

.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {
    color: #fff;
    background-color: #296c36
}

.steps-light .step-item {
    color: rgba(255, 255, 255, .55)
}

.steps-light .step-count,
.steps-light .step-progress {
    color: #fff;
    background-color: #485268
}

.steps-light .step-item:hover {
    color: rgba(255, 255, 255, .8)
}

.steps-light .step-item.active.current {
    color: #fff;
    pointer-events: none
}

.steps-light .step-item.active .step-count,
.steps-light .step-item.active .step-progress {
    color: #fff;
    background-color: #296c36
}

.ct-line {
    stroke: #4e54c8 !important;
    stroke-width: .125rem
}

.ct-point {
    stroke: #4e54c8 !important;
    stroke-width: .625rem
}

.ct-bar {
    stroke: #4e54c8 !important;
    stroke-width: .625rem
}

.ct-chart-pie .ct-label {
    fill: #fff;
    font-size: 1rem
}

.Sidebar .widget {
    margin-bottom: 10px;
}

.widget .tns-carousel .tns-nav {
    padding-top: .5rem
}

.widget-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget-list[data-simplebar] {
    overflow-x: hidden
}

.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 500
}

.widget-categories .accordion-item {
    border: 0;
    border-radius: 0
}

.widget-categories .accordion-body {
    padding: .625rem 0
}

.widget-categories .accordion-button {
    padding: .4444444444rem 0;
    font-size: .9375rem;
    font-weight: 400;
    color: #296c36;
    box-shadow: none
}

.widget-categories .accordion-button::after {
    width: 1.375rem;
    height: 1.375rem;
    padding-top: .0625rem;
    background-image: none;
    background-color: rgba(254, 105, 106, .1);
    font-family: cartzilla-icons;
    font-size: .5rem;
    font-weight: 700;
    content: '\e906';
    text-align: center;
    line-height: 1.375rem
}

.widget-categories .accordion-button.collapsed {
    color: #4b566b
}

.widget-categories .accordion-button.collapsed::after {
    background-color: #f3f5f9
}

.widget-categories .accordion-button:hover {
    color: #296c36
}

.widget-categories .accordion-button:hover::after {
    background-color: rgba(254, 105, 106, .1)
}

.widget-categories .widget-list-item {
    margin-bottom: .375rem;
    padding-left: .75rem
}

.widget-categories .widget-list:not([data-simplebar]) {
    border-right: 2px solid #e3e9ef
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item {
    padding-right: 1rem
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item .widget-list:not([data-simplebar]) {
    border-right: 0
}

.widget-list-item {
    margin-bottom: .5rem
}

.widget-list-link {
    display: block;
    transition: color .25s ease-in-out;
    color: #4b566b;
    font-size: .875rem;
    font-weight: 400
}

.widget-list-link:hover {
    color: #296c36
}

.active>.widget-list-link {
    color: #296c36
}

.widget-light .widget-list-link {
    color: #ffffff;
}

.widget-light .widget-list-link:hover {
    color: #fff
}

.widget-light .active>.widget-list-link {
    color: #fff
}

.widget-product-title {
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 500
}

.widget-product-title>a {
    color: #373f50
}

.widget-product-title:hover>a {
    color: #296c36
}

.widget-product-meta {
    font-size: .875rem
}

.widget-cart-item {
    position: relative
}

.widget-cart-item .btn-close {
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    padding: 0;
    transform: translateY(-50%);
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    background: 0 0;
    font-size: 1.5rem;
    font-weight: 300;
    visibility: hidden;
    opacity: 0
}

.widget-cart-item>.d-flex {
    transition: all .25s ease-in-out
}

.btn-tag {
    display: inline-block;
    padding: .375rem .5625rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .25rem;
    color: #ffffff;
    font-size: .75rem;
    white-space: nowrap;
    background: rgb(81 146 252);
}

.btn-tag:hover {
    border-color: #e3e9ef;
    background-color: #f3f5f9;
    color: #4b566b
}

.btn-tag.active {
    border-color: #296c36;
    background-color: #296c36;
    color: #fff;
    box-shadow: 0 .5rem 1.125rem -.5rem rgba(254, 105, 106, .9);
    pointer-events: none;
    cursor: default
}

.product-card {
    padding-bottom: 1.25rem;
    border: 0;
    transition: all .15s ease-in-out;
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    padding: 0;
    height: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 4px -1px rgba(62, 43, 47, 0.04), 0px 4px 5px 0px rgba(62, 43, 47, 0.03), 0px 1px 10px 0px rgba(62, 43, 47, 0.025);
}

.product-card .card-body {
    border-radius: 15px;
}

.badge {
    box-shadow: 0 0 6px rgb(0 0 0 / 30%)
}

.product-card .badge-wp .badge {
    width: auto;
    margin-top: 5px;
    padding: 3px 6px;
    font-size: 11px;
    display: inline-flex;
    font-weight: 500
}

.product-card .badge-wp .badge:first-child {
    margin-top: 0;
    border-radius: 10px;
}

.product-card .badge-wp {
    width: auto
}

.product-card .badge-wp,
.product-card .product-card-actions,
.product-card>.btn-wishlist {
    position: absolute;
    top: auto;
    z-index: 5
}

.product-card .product-card-actions .btn-action {
    padding: .5rem;
    transition: all .15s ease-in-out;
    border-radius: .25rem;
    background-color: #fff;
    font-size: .8125rem;
    visibility: hidden;
    opacity: 0
}

.product-card .badge-wp {
    right: 5px;
}

.product-card .badge.badge-end {
    right: .75rem;
    left: auto
}

.product-card .card-body {
    position: relative;
    background-color: #fff;
    z-index: 2;
    text-align: center;
    padding: 0
}

.product-card .card-body-hidden {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-top: -1.25rem;
    transition: all .15s ease-in-out;
    border-radius: .4375rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

@media (max-width:992px) {
    .product-card .card-body-hidden {
        position: relative;
        opacity: 1;
        visibility: visible
    }
}

@media (min-width:992px) {
    .product-card:hover:not(.card-static) {
        border-color: #fff !important;
        box-shadow: 0 .3rem 1.525rem -.375rem rgba(0, 0, 0, .1);
        z-index: 1;
    }

    .product-card .card-img-top img {
        -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
        transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
    }

    .product-card:hover .card-img-top img {
        -webkit-transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
        transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
    }

    .product-card:hover:not(.card-static) .product-card-actions .btn-action {
        opacity: 1;
        visibility: visible
    }

    .product-card:hover:not(.card-static) .card-body-hidden {
        opacity: 1;
        visibility: visible;
        box-shadow: 0 .3rem 1.525rem -.375rem rgba(0, 0, 0, .1)
    }
}

.product-list .product-list-thumb {
    border-radius: .4375rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:500px) {
    .product-list .product-list-thumb {
        width: 15rem;
        border-radius: .4375rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden
    }

    .product-list .card-body-hidden {
        top: 50%;
        margin-top: 0;
        transform: translateY(-50%);
        box-shadow: none !important
    }
}

@media (min-width:992px) {
    .product-list:hover+.border-top {
        opacity: 0
    }
}

.product-card-alt {
    border: 0
}

.product-card-alt .card-body {
    padding: 1rem .625rem
}

.product-card-alt .product-thumb {
    position: relative;
    border-radius: .4375rem;
    overflow: hidden
}

.product-card-alt .product-thumb>img {
    display: block;
    width: 100%
}

.product-card-alt .product-thumb-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 52, 69, .5);
    z-index: 1
}

.product-card-alt .btn-wishlist {
    top: .75rem;
    right: .75rem;
    background-color: #fff;
    z-index: 5;
    visibility: hidden
}

.product-card-alt .badge {
    position: absolute;
    right: auto;
    left: .75rem;
    z-index: 5
}

.product-card-alt .product-card-actions {
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 5;
    visibility: hidden
}

.product-card-alt .btn-wishlist,
.product-card-alt .product-card-actions,
.product-card-alt .product-thumb-overlay {
    position: absolute;
    transition: all .15s ease-in-out;
    opacity: 0
}

@media (min-width:992px) {

    .product-card-alt .product-thumb:hover .btn-wishlist,
    .product-card-alt .product-thumb:hover .product-card-actions,
    .product-card-alt .product-thumb:hover .product-thumb-overlay {
        visibility: visible;
        opacity: 1;
    }
}

.product-title>a {
    transition: color .25s ease-in-out;
    text-decoration: none;
    height: 41px;
    text-align: center;
    color: #000000;
    font-weight: 500;
    line-height: 1.3em;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}

.product-title>a:hover {
    color: #296c36
}

.product-meta {
    transition: color .25s ease-in-out;
    color: #333333;
    text-decoration: none !important
}

.product-meta:hover {
    color: #4b566b
}

.product-floating-btn {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    z-index: 10
}

.product-card:hover .product-floating-btn {
    opacity: 1
}

.star-rating {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle;
    font-size: 12px;
}

.star-rating .star-rating-icon {
    display: inline-block;
    color: #aeb4be;
    font-size: .75rem;
    vertical-align: middle
}

.star-rating .star-rating-icon.active {
    color: #fea569
}

.credit-card-wrapper {
    margin: 1.875rem -.9375rem
}

@media (max-width:499.98px) {
    .credit-card-wrapper .jp-card-container {
        width: 16.25rem !important
    }

    .credit-card-wrapper .jp-card {
        min-width: 15.625rem !important
    }
}

@media (min-width:992px) {
    .product-details {
        width: 100%;
        padding-top: .25rem
    }
}

.product-badge {
    padding-top: .295rem;
    padding-left: .625rem;
    padding-right: 1rem;
    padding-bottom: .425rem;
    border-radius: .3125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .8125rem;
    display: inline-block;
    margin-bottom: 1.2rem
}

.product-badge::after {
    position: absolute;
    bottom: -.475rem;
    right: .25rem;
    height: 0;
    width: 0;
    transform: rotate(-45deg);
    border: solid transparent;
    content: " ";
    pointer-events: none;
    border-width: .525rem
}

.product-badge>i {
    margin-top: -.125rem;
    margin-right: .25rem;
    font-size: 1.2em;
    vertical-align: middle
}

.product-badge.product-available {
    background-color: #dddddd;
    color: #00311c;
    font-weight: bold;
}

.product-badge.product-available::after {
    border-color: rgba(66, 214, 151, 0);
    border-bottom-color: #dddddd
}

.product-badge.product-not-available {
    background-color: #f3f5f9;
    color: #4b566b
}

.product-badge.product-not-available::after {
    border-color: rgba(243, 245, 249, 0);
    border-bottom-color: #d8deeb
}

.product-gallery {
    display: flex
}

.product-gallery-thumblist {
    margin-left: -.5rem
}

.product-gallery-thumblist-item {
    display: block;
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: .625rem;
    transition: border-color .2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .3125rem;
    text-decoration: none !important;
    overflow: hidden
}

.product-gallery-thumblist-item>img {
    display: block;
    width: 100%;
    transition: opacity .2s ease-in-out;
    opacity: .6
}

.product-gallery-thumblist-item .product-gallery-thumblist-item-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: .25rem;
    transform: translateY(-50%);
    color: #4b566b;
    font-size: .875rem;
    text-align: center
}

.product-gallery-thumblist-item .product-gallery-thumblist-item-text>i {
    display: block;
    margin-bottom: .25rem;
    font-size: 1.5em
}

.product-gallery-thumblist-item:hover {
    border-color: #c9d5e0
}

.product-gallery-thumblist-item:hover>img {
    opacity: 1
}

.product-gallery-thumblist-item.active {
    border-color: #296c36
}

.product-gallery-thumblist-item.active>img {
    opacity: 1
}

.product-gallery-preview {
    position: relative;
    width: 100%;
}

@media (min-width:500px) {
    .product-gallery-preview {
        margin-left: .625rem
    }
}

.product-gallery-preview-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    z-index: 1
}

.product-gallery-preview-item>img {
    display: block;
    width: 100%
}

.product-gallery-preview-item.active {
    position: relative;
    opacity: 1;
    z-index: 10;
    text-align: center
}

.product-gallery-preview-item:hover {
    cursor: crosshair
}

@media (max-width:499.98px) {
    .product-gallery {
        display: block
    }

    .product-gallery-thumblist {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-top: 1rem
    }

    .product-gallery-thumblist-item {
        margin: .3125rem
    }
}

.drift-zoom-pane {
    z-index: 1030
}

.blog-entry-title>a {
    color: #373f50;
    text-decoration: none !important;
    line-height: 1.3;
    font-weight: 600;
}

.Sidebar .blog-entry-title>a {
    font-size: 14px;
}

.blog-entry-title>a:hover {
    color: #296c36
}

.blog-entry-thumb {
    display: block;
    position: relative;
    border-radius: .4375rem;
    overflow: hidden
}

.blog-entry-thumb>img {
    display: block;
    width: 100%
}

.blog-entry-thumb.video-item::after,
.blog-entry-thumb.video-item::before {
    display: none
}

.card>.blog-entry-thumb {
    border-radius: 0
}

.blog-entry-meta-link {
    display: inline-block;
    color: #333333 !important;
    font-weight: 400;
    font-size: 12px;
}

.blog-entry-meta-link>i {
    vertical-align: middle;
    margin-right: 3px;
}

.blog-entry-meta-link:hover {
    color: #4b566b !important
}

.blog-entry-meta-label {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .375rem .625rem;
    border-radius: .25rem;
    background-color: rgba(255, 255, 255, .8);
    color: #4b566b;
    text-decoration: none !important;
    z-index: 5
}

.blog-entry-meta-label>i {
    margin-top: -.0625rem;
    margin-right: .375rem;
    color: #333333;
    vertical-align: middle
}

.blog-entry-meta-divider {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 1rem;
    background-color: #d9e1e9;
    vertical-align: middle
}

.blog-entry-author-ava {
    display: inline-block;
    width: 2rem !important;
    height: 2rem !important;
    margin-right: .5rem;
    padding: .125rem;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    vertical-align: middle
}

.blog-entry-author-ava>img {
    display: block;
    width: 100%;
    border-radius: 50%
}

@media (min-width:768px) {
    .blog-list {
        display: flex
    }

    .blog-list .blog-start-column {
        width: 37%;
        padding-right: .9375rem
    }

    .blog-list .blog-end-column {
        width: 63%;
        padding-left: .9375rem
    }
}

.featured-posts-carousel [data-controls] {
    margin-top: -2.75rem
}

.offcanvas.rounded-3 {
    border-radius: 0 !important
}

.offcanvas-footer,
.offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding: 10px 20px
}

.bg-dark .offcanvas-footer,
.bg-dark .offcanvas-header {
    background-color: rgba(255, 255, 255, .05)
}

.offcanvas-body {
    height: 100%
}

.offcanvas-body::-webkit-scrollbar {
    width: .1875rem;
    background-color: transparent;
    opacity: 0
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background-color: #aeb4be;
    border-radius: .09375rem
}

.offcanvas-body>.simplebar-track {
    display: block;
    background-color: transparent
}

.offcanvas-body .simplebar-vertical {
    margin-right: .1875rem
}

.offcanvas-expand .offcanvas-body .widget-links {
    margin-left: -1.5rem
}

.offcanvas-expand .offcanvas-body .widget-links .widget-title {
    padding-left: 1.5rem
}

.offcanvas-expand .offcanvas-body .widget-list-link {
    padding-left: 1.375rem;
    border-left: .125rem solid transparent
}

.offcanvas-expand .offcanvas-body .active>.widget-list-link {
    border-left-color: #296c36
}

.offcanvas-expand .offcanvas-body .widget-light .active>.widget-list-link {
    border-left-color: #fff
}

.sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1025
}

@media (min-width:992px) {
    .offcanvas-expand {
        transform: none !important;
        z-index: 1031
    }

    .offcanvas-expand.offcanvas-bottom,
    .offcanvas-expand.offcanvas-end,
    .offcanvas-expand.offcanvas-start {
        transform: none !important
    }

    .offcanvas-collapse {
        display: block;
        position: static;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        background-color: transparent
    }

    .offcanvas-collapse .offcanvas-footer,
    .offcanvas-collapse .offcanvas-header {
        display: none
    }

    .offcanvas-collapse .offcanvas-body {
        overflow: initial
    }

    .offcanvas-collapse.rounded-3 {
        border-radius: .4375rem !important
    }

    .offcanvas-enabled {
        padding-left: 21.5rem
    }

    .offcanvas-enabled.offcanvas-end {
        padding-right: 21.5rem;
        padding-left: 0
    }
}

.handheld-toolbar {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e3e9ef;
    background-color: #fff;
    box-shadow: -1.25rem 0 2rem 0 rgba(43, 52, 69, .15);
    z-index: 1026
}

.handheld-toolbar-item {
    padding: .5rem;
    padding-top: .125rem;
    border-left: 1px solid #e3e9ef;
    text-align: center
}

.handheld-toolbar-item:first-child {
    border-right: 0
}

.handheld-toolbar-item .badge {
    font-size: .625rem
}

.handheld-toolbar-icon {
    display: block;
    color: #4b566b;
    font-size: 1.25rem
}

.handheld-toolbar-icon>.badge,
.handheld-toolbar-icon>i {
    display: inline-block;
    vertical-align: middle
}

.handheld-toolbar-label {
    display: block;
    color: #333333;
    font-size: .6875rem
}

@media (max-width:991.98px) {
    .handheld-toolbar {
        display: block
    }

    .handheld-toolbar+.btn-scroll-top {
        bottom: 4.5rem
    }
}

.simplebar-track {
    transition: opacity .25s ease-in-out;
    background-color: #e9edf4;
    opacity: 0
}

.simplebar-track .simplebar-scrollbar {
    border-radius: .09375rem;
    background-color: #aeb4be
}

.simplebar-track .simplebar-scrollbar::before {
    display: none
}

.simplebar-track.simplebar-vertical {
    width: .1875rem !important
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar {
    right: 0;
    width: .1875rem
}

.simplebar-track.simplebar-horizontal {
    height: .1875rem !important
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: .1875rem !important
}

[data-simplebar] {
    overflow-y: auto
}

[data-simplebar]::-webkit-scrollbar {
    width: .1875rem;
    background-color: transparent;
    opacity: 0
}

[data-simplebar]::-webkit-scrollbar-thumb {
    background-color: #aeb4be;
    border-radius: .09375rem
}

[data-simplebar]:hover .simplebar-track {
    opacity: 1
}

[data-simplebar]:not(.offcanvas-body) {
    padding-right: 1rem !important
}

[data-simplebar-auto-hide=false] .simplebar-track {
    opacity: 1
}

.bg-dark .simplebar-track,
.bg-darker .simplebar-track,
.dropdown-menu-dark .simplebar-track {
    background-color: transparent
}

.bg-dark .simplebar-track .simplebar-scrollbar,
.bg-darker .simplebar-track .simplebar-scrollbar,
.dropdown-menu-dark .simplebar-track .simplebar-scrollbar {
    background-color: #58647d
}

.product-card .card-body {
    align-items: self-end;
    display: flex;
    flex-wrap: wrap;
}
.card-login .input-group{
 display: block;
}
.card-login .input-group input {
    width: 100% !important;
}
.tab-pane-title {
    background: rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, .87);
    margin: 0;
    padding: .875rem;
    text-transform: capitalize;
}
[class^="formbuilder"] p{
	font-size: var(--font-size--body-xs);
}
[class^="formbuilder"] label{
    font-weight: bold; 
}
.tab-pane-title .title{margin:0;  font-weight: bold; font-size: var(--font-size-title); text-transform:uppercase;}
.alert.alert-warning.alert_info_in {
    border-style: dashed;
    border-width: 2px;
    border-color: #fdca29;
}
.infor-post {
    font-size: 12px;
    margin: 5px 0 7px 0;
} 
.infor-post ul.nav.nav-divider {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}
.infor-post ul.nav.nav-divider li i{
	margin-right:2px;
}
.price-normal {
    display: flex;
    align-items: end;
    gap: 5px;
    flex-wrap: wrap;
}
.stop-buy .new-price.stop-buy {
    font-size: 24px;
}
.btn-addcart-in {
    border-radius: 0 !important;
    padding: 5px 5px;
}
@media(max-width:450px){
	.btn-addcart-in{font-size:10px !important;}
}
button.btn.btn-primary.btn-modal-close {
    box-shadow: none;
}
.modal-backdrop.show~.modal-backdrop{display:none;}
span.badge-item-code {
    font-size: 14px;
}
span.badge-item-code>span.name {
    text-decoration: underline;

}
.out_of_stock_text .badge {
    line-height: 1em;
    padding: 4px 7px;
}
span.badge-item-code>span.name:after{content:":";}
.list-icon-spec.product-badge.product-available{
	font-size:13px;
	font-weight:300 !important;
	padding:5px 10px 5px 10px;
}
.sidebarFilterWP{margin-bottom:15px;}
@media(max-width:476px){
	.product-badge.product-available{
		font-size:12px;
	}
}
.modal-backdrop{
	--bs-backdrop-zindex: 1050000;
}
#offcanvas_cart .offcanvas-body{overflow:hidden;}
.offcanvas-body .woocommerce-cart {
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    background: #fff;
    padding: 5px 10px;
}
.out_of_stock_class {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
    color: #fff;
    border-radius: 50%;
    text-transform: capitalize;
    padding: 8px;
}
.out_of_stock_class>span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2em;
    font-size: 18px;
	text-align:center;
}
.card.product-card .out_of_stock_class {
    width: 80px;
    height: 80px;
}
.card.product-card .out_of_stock_class>span {
    font-size: 14px;
	word-break:break-word;
}
@media(max-width:767px){
	.out_of_stock_class {
		width: 80px;
		height: 80px;
		font-size:14px;
	}
	.out_of_stock_class>span{
		font-size: 14px;
	}
	.card.product-card .out_of_stock_class {
		width: 50px;
		height: 50px;
		padding:3px
	}
	.card.product-card .out_of_stock_class>span {
		font-size: 11px;
	}
}
.form-label {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 14px;
}
aside .widget {
    padding: 0;
    margin: 0;
    border: 0;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f1f1;
}
aside .widget:last-child{
	  margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
footer,.footer a{
    color: #fff;
}
.footer a.social-link{
	overflow:hidden; background:#ffffff;
}
/*****star-rating*******/
.product-card .info-product{
    position: relative;
	padding-top:0;
}
/*****end star-rating*******/
/*****promotion*******/
.accordion-button,.accordion-button:focus{
	outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed){
	    color: #000000;
    background-color: transparent;
}
.add-left {
    min-width: 100px;
}
.time-work-left {
    vertical-align: top;
    min-width: 100px;
}
.add-left .fa, .time-work-left .fa {
    margin-right: 3px;
    font-size: 18px;
}
.box-hotline-more .detail-right-box.care-detail .care-detail-box .add-right {
    width: calc(100% - 130px);
    display: inline-block;
}
.support-ask-icon img {
    width: 20px;
    height: 20px;
}
.address-region-item.chat .support-ask-item {
    width: auto;
}
.box-hotline-more .detail-right-box.care-detail .care-detail-box .address-region-item.email .add-left {
    min-width: auto;
display: inline-block;
}
.box-hotline-more .detail-right-box.care-detail .care-detail-box .add-right {
    width: calc(100% - 130px);
    display: inline-block;
}
@media screen and (min-width: 1200px){
	.add-left, .time-work-left {
		min-width: 130px;
	}
}
.accordion-button{font-size:14px;}
.prod-promotion {
    padding: 5px 0;
    position: relative;
}
.prod-item {
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}
.prod-item.prodgift {
    background-color: #ffffff;
    border:1px solid #c2d7c1;
    border-radius: 5px;
    padding: 5px;
}
.prod-ribbon {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border-radius: 20px;
    line-height: 1.5em;
}
.prod-ribbon span {
    font-size: 12px;
    font-weight: bold;
    color: #da251c;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
    display: block;
    text-indent: 15px;
    background: #dcf2d9;
    padding: 5px 11px 5px 15px;
    display: inline-block;
    border-radius: 5px;
}
.prod-ribbon span:before {
    content: "";
    position: absolute;
    background: url(../img/gift.png)no-repeat left center;
    width: 16px;
    height: 16px;
    top: 5px;
    left: 6px;
    background-size: 16px;
}
.prodgift-item {
    position: relative;
    display: block;
}
.prod-promotion-right {
    width: calc(100% - 70px);
    color: #000;
}
.prod-promotion-left{
	    width: 70px;
    height: auto;
}
.prod-item-thumb {
    margin: 0 5px;
    background-color: #fff;
    vertical-align: middle;

}
.prod-item-thumb img {
    max-width: 100%;
}
.prod-item-title {
    line-height: 1.2em;
	font-size:13px;
}
.prod-item-time {
    font-size: 12px;
}
.prod-item-view {
    font-size: 12px;
    color: #0071c4;
}
.phone-box-hotline {
    padding: 5px 0;
    width: calc(100% - 10px);
    text-align: center;
}
.box-hotline-left {
    vertical-align: top;
    margin: 0 5px;
    display: inline-block;
}
.box-hotline-right {
    text-align: left;
	 display: inline-block;
}
.box-hotline-right a{padding-right:5px;}
.span-gift{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    color: #ee4d2d;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    margin-right: 0px;
    border: 1px solid #ee4d2d;
    padding: 2px 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
@media screen and (min-width: 1200px){
	.prod-promotion-right {
		vertical-align: 0;
		width: calc(100% - 90px);
	}
}
/******promotion******/
p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
hr {
    margin-top: 0.5em;
    margin-bottom: 1.2em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    height: 2px;
    border-width: 0;
    color: gray;
    background-color: gray;
}
small.buyed-text-small {
    font-size: 13px;
}
button.btn-search {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    background: #cfe9fd;
    color: #000;
    border-radius: 0 5px 5px 0;
}
.content-product-detail img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.content-product-detail>h2 {
    font-weight: 500;
    font-size: 22px;
    color: #1b78bf;
    border-left: 5px solid #1b78bf;
    padding-left: 12px;
    line-height: 1.5em;
	margin:15px 0;
}
/* .content-product-detail>h2 span, .content-product-detail>h2 strong{ */
.content-product-detail>h2{
	font-size: 20px;
    color: #1b78bf;
	font-weight: bold;
}

.content-product-detail>h3 {
    font-weight: bold;
    font-size: 18px;
    color: #238104;
    line-height: 1.5em;
    margin: 15px 0;
}
.content-product-detail>h3  span, .content-product-detail>h3 strong{
	font-size: 18px;
    color: #FF9800;
	font-weight: bold;
}
span.name_span_bt {
    font-size: 12px;
    font-weight: 300;
    text-transform: initial;
    line-height: 1em;
}
body .btn.btn-affiliate{color:#fff; border:0;}
body .btn.btn-affiliate:nth-child(n+2) {
    background: #878787;
}
body .btn.btn-affiliate:hover, body .btn.btn-affiliate:focus {
    color: #fff;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    background: #707070 !important;
}
.btn-affiliate img {
	width: 45px; padding-right:5px;
}
.card.product-card .btn.btn-affiliate {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid;
}
.card.product-card .btn.btn-affiliate:first-child{ border-top: 0;}
.card.product-card .btn.btn-affiliate{}
/**************Image Full**********/
.image-full{
    position: relative;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    overflow: hidden;
	display:block;
}
.image-full:after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    padding-top: 100%;
}
.image-full>img{
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.image-full-cover>img{
	-o-object-fit: cover;
    object-fit: cover;
}
.image-full-newss:after{
	padding-top: 95%;
}
/**************Image Full End**********/
.image-full-brand{
	width:60px;
}
.table-group-order {
    font-size: 14px;
}
.icon-payment img {
    width: 30px;
}
pre code{
	line-height:1.5em;
	display:inline-block;
}

/**************Page Login**********/
.card-login {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}
.toggle-password.password-toggle-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 100%;
    padding: 5px;
    transform: none;
    display: flex;
    align-items: center;
    font-size: 15px;
    text-align: center;
    min-width: 35px;
    justify-content: center;
}
/**/
.title-line-no-background {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.title-line-no-background span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    padding: 0 20px;
    font-size: var(--font-size-title);
    font-weight: 500;
}
.title-line-no-background span:before, .title-line-no-background span:after {
    content: '';
    display: block;
    width: 80px;
    position: absolute;
    top: 0.73em;
    border-top: 1px solid #000000;
}
.title-line-no-background span:before {
    right: 100%;
}
.title-line-no-background span:after {
    left: 100%;
}
.input-group.input-group-icon>.form-control {
    padding-left: 35px;
}
/**************Page Login**********/
/**********************************/
.card-img-product{position:relative;}
.note-preorder {
    display: block;
    width: 100%;
    padding: 5px 5px;
    color: #000000;
    text-align: left;
    background: #efffe9;
    font-size: 14px;
    border: 2px solid #e0fdd6;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #d2d2d2;
    border-radius: 5px;
}
/***********status product*************/
.sale {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 101;
    height: 40px;
    display: block;
}
@media(max-width:450px){
	.sale{width:30px;}
}
.sale-text {
    top: 10px;
    height: auto;
    display: flex;
    left: 10px;
}
.sale img {
    max-width: 100%;
    max-height: 100%;
}
.list-icon-spec {
    width: 85px;
    display: block;
    z-index: 9;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0px;
    list-style: none;
    padding: 0;
	margin:0;
}
.list-icon-spec li, .sale .hot {
    display: block;
    padding: 3px 3px 4px 3px;
    line-height: 1.2;
   
    margin-left: 3px;
    font-size: 10px;
    font-weight: 300;
    border-radius: 3px;
    margin-bottom: 3px;
    background: #377919;
	color: #ffffff;
    white-space: nowrap;
}
@media(max-width:450px){
	.list-icon-spec{ width:65px;}
	.list-icon-spec li, .sale .hot{font-size:7px; line-height:1.5em;  padding: 3px 3px 3px 3px;}
}
.sale-text .hot{margin:0;}
.new {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 101;
    width: 100%;
}
.new img {
    height: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: auto;
}
@media(max-width:450px){
	.new img {
		height: 12px;
	}
}
/***********status product*************/
body .copyright, body .footer .copyright a{font-size:13px;color:#e1e1e1}
.footer .copyright a{font-size:12px;}
#shop-sidebar{
    border: 0;
    padding: 10px;	
}
a{text-decoration:none;}
.btn-readmore{font-size:16px;}
.btn-readmore i{font-size:13px;}
/**/
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 50%;
	background-color:#217cc1;
}
.sp-previous-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}
/************************/
.product_detail .imagestatus_views{position:static;}
.imagestatus_views {
    position: absolute;
    left: 10px;
	top:0;
    z-index: 100;
    padding: 10px 0px 0px 0;
    max-height: 50px;
    font-size: 12px;
}
.imagestatus_views img {
    max-height: 50px;
    width: auto;
}
.form-note{
	font-size:12px;
}
.btn-send{
background:#0047bb;
border-color:#0047bb;	
}
.btn-close{background:transparent;line-height:0; cursor:pointer;right: 0;font-size: 26px;}
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
.modal.show .modal-dialog{
	-webkit-animation: popin .3s;
    animation: popin .3s;
}
.modal.show {
    align-items: center;
}
.modal-content img{
	border-radius: 0.4375rem;
}
.product-label-group .product-label:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    border: 15px solid #f19708;
    border-bottom-color: transparent;
    border-left: solid 30px #f19708;
    border-right: solid 30px #f19708;
}
button.close.closeNotification {
    width: 40px;
    height: 40px;
    z-index: 1000;
    color: #ffffff;
    background: #ff0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    opacity: 1;
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 27px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.closeNotification:after{
	font-family: "Font Awesome Pro";
    font-weight: 300;
	content: "\f00d";
}
button.close.closeNotification:focus,button.close.closeNotification:active{
	box-shadow:none !important;
}
.badge-sale-money{
	display: inline-block;
    padding:0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	color: #d0021c;
    background: transparent;
	font-size: 13px;
    line-height: 13px;
    border-radius: 6px;
}
.badge-sale-money>b{margin-left:5px;}
.text-sale {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 5px;
    padding: 1px 3px;
    color: #eb5757;
    background: #fff0e9;
}
section.banner-top img {
    margin: 0 auto;
    display: block;
}

.libs_image{margin-top:5px;}
.libs_image a{position:relative;}
.libs_image a:after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    padding-top: 100%;
}
.libs_image a>img {
    width: 100%;
    height: auto;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
p.rating-date {
    font-size: 12px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-size: initial;
}
.section-heading {
    font-size: var(--font-size-title-large);
    font-weight: bold;
}
.heading *{font-weight:bold;}
.product-details .bg-accent .list-group-item{color:#fff;}
.list-group-item{background:transparent;}
.image-gallery-main{
	display:block;
	text-align:center;
}
.card-img-top-hot{
	display:block;
	height:100%;
	text-align:center;
}
.card-img-top-hot img{
	height:100%;
}
.offcanvas-backdrop.fade.show {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: rgba(0,0,0,0.3);
}
.bg-white {
    background-color: #F9F9F9 !important;
}
.menu-fixed {
    background: #fbfbfb;
    border: 2px solid #103178;
}
.bg-secondary.page-title-overlap {
    background: #f1f1f1 !important;
}
.title-after{font-size:16px;}

@media(min-width:400px){
	.button-wishlist-remove{position:absolute; right:0; top:0;}
}
@media(max-width:400px){
	.button-wishlist-remove{margin-top:5px;}
}
.image-pro{width:100px;}
.modal .product-card .badge-wp .badge{
	width:auto;
	display:inline-block;
	font-size:11px;
}
.modal .product-card .badge-wp .badge{margin-left:1px;}
.modal .product-card .badge-wp .badge:first-child{margin-left:0;}
figure.image {
    background: #f1f1f1;
}
figcaption {
    padding: 10px;
    font-size: 13px;
    font-style: italic;
}
.card.product-card .card-body{
	background: linear-gradient(222.52deg,#e6f8df 0%,#c3e4cb 100%);
}
.card.product-card .card-body .name_top {
    font-size: 12px;
}
.card.product-card .card-body span.name_span_bt {
    font-size: 10px;
}
.card.product-card .card-body  .btn-affiliate img{
	    width: 35px;
    padding-right: 3px;
}
@media(max-width:576px){
	.card.product-card .card-body .name_top{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-line-clamp: 1;
	}
	.card.product-card .card-body span.name_span_bt {
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-line-clamp: 1;
	}
	.card.product-card .card-body .btn-affiliate img{width:25px;}
}
.card.product-card .product-price {
    min-height: 51px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btn-affiliate-wp{width:100%;}
.btn-affiliate-wp~.btn-addtocardpage {
    position: absolute;
    bottom:-6px;
    left: 0;
}
@media(max-width:767px){
	.btn-affiliate-wp~.btn-addtocardpage{bottom:0;}
	
}

.btn-addtocardpage-flashsale{
	z-index:100;
}
.section-infor-slider i{
	    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 50px;
    color: #1f7ac0;
    height: auto;
}
.section-infor-slider i{margin-bottom:10px;}
#offcanvas_cart .offcanvas-body {
    padding: 10px;
    background: #f1f1f1;
}

.btn-primary{
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
	background-color: #3b7f48;
    border-color: #3b7f48;
}
.btn-primary:hover{
    -webkit-box-shadow: 0px 6px 8px hsl(0deg 0% 90%);
    box-shadow: 0px 6px 8px hsl(0deg 0% 90%);
}
.lobibox-notify-wrapper, .lobibox-notify-wrapper-large {
    z-index: 5000000000;
}
@media(max-width:400px){
	.lobibox-notify {
		width: 95% !important;
		right: 2.5% !important;
	}
}
.offcanvas,.modal{
	z-index: 10800000000;
}
div#couponModal{
	z-index: 10800000001;
}
a.logo-brand {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50% !important;
	margin-bottom:8px;
}
button.mobile-menu-toggle.navbar-tool.navbar-tool-menu {
    height: 50px;
    width: 50px;
    padding: 0;
    background: #f1f1f1;
    margin-left: 10px;
}
button.mobile-menu-toggle.navbar-tool.navbar-tool-menu>.navbar-toggler-icon {
	width: 35px;
    height: 100%;
}
.live-animate {
    background: #f00;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    opacity: 1;
    display: inline-block;
	left: 5px;
    top: 0px;
    margin-right: 15px;
}
.live-animate::after {
    content: '';
    display: block;
    border: 1px solid #f00;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 1px;
    left: 1px;
    position: absolute;
    opacity: 1;
    -webkit-animation: circle 2s ease-in-out .2s infinite;
    -moz-animation: circle 2s ease-in-out .2s infinite;
    animation: circle 2s ease-in-out .2s infinite;
}
@-webkit-keyframes circle{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}

@-moz-keyframes circle{from{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(2.5);-moz-transform:scale(2.5);transform:scale(2.5);opacity:0}}

@keyframes circle{from{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(2.5);-moz-transform:scale(2.5);transform:scale(2.5);opacity:0}}
.navbar{
	padding-top: .5rem;
    padding-bottom: .5rem;
}
@media(max-width:767px){
	.nav-footer .heading-footer:after { 
		content:"\f067";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		width: 25px;
		float: right; 
		cursor:pointer;
		text-align:center;
	}
	.nav-footer.open .heading-footer:after { 
		content:"\f068";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		width: 25px;
	 }
	.nav-footer .list-nav { 
	  max-height: 0; 
	  overflow:hidden; 
	  transition: max-height .3s ease-out; }
	  .nav-footer.open .list-nav { 
	  height:auto; 
	  max-height: 1000px; 
	  transition: max-height .3s ease-in !important; }
}
body .side-menu .btn{
	background-image: linear-gradient(to right, #FF1E1E, #BD1919);
}
.btn-messengerlink {
    position: fixed;
    bottom: 30px;
    right: 25px;
	z-index:9999;
}
/*BACK TO TOP*/

.widget-title {
    font-size: 1.2rem;
    text-transform: uppercase;
	font-weight:bold;
}
.filter-items.search-ul li {
    padding: 8.5px 3px;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding: 9px 15px;
    margin: 0 0 15px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
	background:#ffffff;
}
.filter-items.search-ul li:last-child{margin-bottom:0}
.filter-items.search-ul li ul{
	margin:0; padding:0;
	list-style:none; display:none;
    position: relative;
    margin: 0.5rem 0 -0.5rem;
    padding-left: 1.3rem;
}
.filter-items.search-ul li ul li,.filter-items.search-ul li li:hover{border:0; padding:10px 0; box-shadow:none;}
.filter-items ul::before{
	content: '';
    position: absolute;
    left: 2px;
    top: 4px;
    bottom: 3px;
    border-left: 1px solid #eee;
}
.filter-items.search-ul li:hover {
    border: 1px solid #BCE3C9;
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.filter-items.search-ul li a {
    font-size: 16px;
    display: block;
    width: 100%;
	position:relative;
}
.filter-items.search-ul li a>i{
	position: absolute;
    top: -3px;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 11px;
}
.filter-items.search-ul li a:hover {
     color: #016f30;
}
nav>.breadcrumb {
    display: -webkit-box !important;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    font-weight: 600;
    line-height: 1.3em;
    flex-wrap: initial;
}
nav>.breadcrumb li {
    font-size: 12px;
    padding: 0;
    position: relative;
    color: #fff;
    display: inline-block;
}
nav>.breadcrumb li:first-child {
    padding-left: 0;
}
.filter-price-text {
    font-size: 1rem;
    color: #222;
	margin-top:20px;
}
.title-banner {
	color:#333333;
}
.carousel_cate_pro .product-card{
    padding: 2%;
}
.text-accent.new-price {
    color: #d0021c !important;
}
.btn-pro-detail{
    background: #fb6e2e;
    color: #fff;
    background: linear-gradient(180deg, #f79429, #f7712e);
    border-radius: 5px;
	width:140px;
	max-width:100%;
	padding:5px 10px;
}

.btn-pro-detail:hover,
.btn-pro-detail:active,
.btn-pro-detail:focus {
    background: #f05d40;
    color: #fff;
}

.navbar-tool.navbar-tool-cart {
    padding: 0;
}
.navbar .navbar-tool,.navbar-light .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}
.content-read-news .widget-title {
    font-size: 1.4rem;
}
ul.list-content-relate li a {
    color: #2879fe;
}
.content-read-news .blog-entry-title>a {
    color: #2879fe;
    font-size: 16px;
    font-weight: 700;
}
.btn-outline-primary{
	color: #fe696a;
    border-color: #fe696a;
}
.tr_product:last-child{border-bottom:0 !important;}
.aside-left .blog-entry-title>a {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3em;
    display: block;
}
/*******plugin plus cart minus*********/
.product-qty-number {
    position: relative;
    max-width: 100%;
    min-width: 132px;
	height:100%;
}

.product-qty-number .btn-cart{
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 100%;
    text-align: center;
    top: 0;
    color: #777;
    display: block;
    font-family: Ionicons;
    font-size: 1.3rem;
    line-height: 45px;
    font-weight: 500;
    border: 0;
    background: transparent;
}

.product-qty-number .minus-btn {
    left: 0
}

.product-qty-number .plus-btn {
    right: 0
}

.media-tab-subtitle{
	font-size: 13px;
	line-height:1.3em;
}
.div-info-brand-qr .media-tab-title {
    color: #198754;
    font-size: 16px;
    font-weight: bold;
}
.product-qty-number input, .product-details .product-qty-number input,.product-details .product-qty-number input:focus{
    background: #e6e6e6;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    border: none;
    outline: 0;
    color: #191919;
    border-radius: 6px;
	font-size: 22px;
    font-weight: bold;
    color: #2879fd;
    text-shadow: 2px 0px 5px rgb(0 0 0 / 20%);
}
.prodetail-info .product-qty-number input{
	background: #ffffff;
	color: #198754 !important;
    font-weight: bold;
}
.product-details .product-qty-number input,.product-details .product-qty-number input:focus{
	height:100%;
}
.product_detail_infor{text-align:justify;}
/*******plugin plus cart min*********/
/*******plugin List Number*********/
.post-content ol.number{
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.post-content ol.number>li{
	counter-increment: my-awesome-counter;
    width: 100%;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    position: relative;
}
.post-content ol.number>li:before {
    content: counter(my-awesome-counter);
    font-weight: bold;
    font-size: 2rem;
    line-height: 1;
    position: relative;
    top: -6px;
    color: #1b78bf;
    text-align: right;
    float: left;
    margin-right: 7px;
}
.post-content ol.number>li>h3 {
    color: #1b78bf;
    margin-bottom: 2rem;
}
/*******plugin List Number*********/

/*******plugin Table*********/
table.toc {
    width: 100% !important;
	margin-bottom:10px;
}

table.toc p {
    margin: 0
}

table.toc td,table.toc th {
    padding: 10px
}
table.toc:has(thead) {
    cursor: move;
}
table.toc thead>tr {
    background-color: #f0c85e !important
}

table.toc tr:nth-child(even) {
    background-color: #E2ECF1;
    background-color: rgba(35, 170, 236, .2)
}

table.toc tr:nth-child(odd) {
    background-color: #cee0e9;
    background-color: rgba(35, 170, 236, .1)
}
/*******plugin Table*********/

.title-page{
	font-weight:bold;
}
.btn-tag{
	font-weight:300;
	color:#333;
}
.btn-tag:hover{
	background: #f1f1f1 !important;
}
blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    font-size: 14px;
    line-height:1.4em;
    color: #666;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    position: relative;
    margin-top: 1.5rem;
    position: relative;
    background: #EDF0F3;
    box-shadow: 6px 6px 0px rgba(114, 138, 161, 0.3);
    border-radius: 10px;
	 width: calc(100% - 6px);
}

blockquote::before {
    content: "\201C";
    font-size: 60px;
    font-weight: 700;
    color: #999;
    position: absolute;
    left: 10px;
    top: 5px;
    display: inline-block;
    line-height: 1rem;
}
blockquote>p{margin:0;}
.post-content blockquote *{font-size:inherit;}
.title h1,.title .heading1{
	font-size: 22px;
    line-height: 1.5em;
    font-weight: bold;
    color: #000000;
    text-transform: inherit;
}
.iframe iframe,.iframe{width:100%; height:100%;}
.fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important;} 
.img-brand {width:200px;}
.product-title>a{text-align:left;font-size: var(--font-size-content);}
.tns-carousel .product-title>a{
	text-align:center;
}
.tns-carousel .product-card .card-body-hidden{
	position:relative;
	opacity:1;
	visibility:visible;
	z-index:1;
	background:transparent;
}
.offcanvas-top{background: transparent;}
del.old-price {
	display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #585858;
	margin-left:3px;
	margin-right:0px;
	line-height: 16px;
}
.result_search .card.product-card .card-img-top-search{margin-bottom:10px;}
.result_search .product-meta {
    transition: color 0.25s ease-in-out;
    text-decoration: none;
    display: -webkit-box;
    height: 2.4rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 600;
    line-height: 1.3em;
    color: #355278;
}
.offcanvas-top{min-height:30vh; height:auto;}
.card-news .blog-description {
    margin-top: 13px;
    height: 74px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
}
.card-news .blog-entry-title {
    display: -webkit-box;
    height: 50px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 600;
    line-height: 1.3em;
	font-size: var(--font-size-title-small);
}
.card-news .blog-entry-title a{
	font-weight:bold;
}
@media(max-width:1200px){
	.card-news .blog-entry-title {
		 height: 43px;
	}
}
@media(max-width:991px){
	.card-news .blog-entry-title {
		height:43px;
	}
}
@media(max-width:767px){
	.card-news .blog-entry-title {
		height:36px;
	}
}
.product-price>.price-buy {
    color: #d0021c;
    margin-right: 7px;
    font-weight: bold;
    font-size: 18px;
}
.product-price>.price-sale{
	font-size:.875rem;
	color:#7d879c;
}
#offcanvas_cart .image-full{width:120px;}
.info-product{
    padding: 10px 10px;
}
.image-description {
    width: calc(100% - 80px);
}
.card.product-card .card-img-top,.blog-entry-thumb, .logo-brand,.image-full{
	position: relative;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    overflow: hidden;
}
.card.product-card .card-img-product {
    padding: 10px;
    width: 100%;
}
.card.product-card .card-img-top img{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.card.product-card .card-img-top img, .blog-entry-thumb img,.logo-brand img,.img-thumbnail img{
    width: 100%;
    height: auto;
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.logo-brand img {
    left: 50%;
	top:50%;
	height:auto;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
}
.card.product-card .card-img-top:after,.blog-entry-thumb:after,.logo-brand:after, .img-thumbnail:after{
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    padding-top: 100%;
}
@media(max-width:576px){
	.card.product-card .card-img-top{
		margin-top:15px;
	}
}
/******Start infoProAttri*********/
.infoProAttri {
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
.infoProAttri>.sale{height:auto; width:auto;}
.infoProAttri>div {
    margin-top: 5px;
    display: block;
}
.infoProAttri>div:first-child{margin-top:0;}
.infoProAttri>div>img {
    max-height: 50px;
    border-radius: 3px;
    max-width: 130px;
    display: block;
    margin: 0 auto;
}
.infoProAttri .sale{position:static;}
.infoProAttri.top_right{top:5px; right:5px;}
.infoProAttri.top_left{top:5px; left:5px;}
.infoProAttri.bottom_left{bottom:20px; left:5px;}
.infoProAttri.bottom_right{bottom:20px; right:5px;}
.infoProAttri.bottom_center {
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.infoProAttri .list-icon-spec li, .infoProAttri .sale {
	padding: 3px 5px 4px 5px;
    color: inherit;
	border-radius: 3px;
}
.infoProAttri .sale.sale-image{
	padding:0; border-radius:0;
}
.infoProAttri .sale.sale-text{
    display: block;
	text-align:center;
}
.infoProAttri .sale .hot {
    padding: 0;
    max-width: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    overflow: hidden;
	border-radius: 0;
	background: inherit;
	line-height: 1.2em;
}
.infoProAttri.bottom_center .sale.sale-text{max-width:100%; border-radius:0;}
.infoProAttri.bottom_center .sale.sale-text .hot{max-width:100%;}
.container.p-0 .row{
	--bs-gutter-y: 0rem;
	--bs-gutter-x: 0rem;
}
@media(max-width:767px){
	.infoProAttri .sale .hot{
		 max-width: 70px;
		 line-height: 1em;
	}
	.infoProAttri .sale.sale-text{
		 margin-top: 3px;
		
	}
}
@media(max-width:577px){
	.infoProAttri>div>img {
		max-height: 35px;
		border-radius: 3px;
		max-width: 85px;
	}
}
@media(max-width:400px){
	.infoProAttri>div>img {
		max-height: 30px;
		border-radius: 3px;
	}
}
/*******END infoProAttri********/
.blog-entry-thumb:after{padding-top:70%;}
.logo-brand:after{padding-top:100%;}
.logo {

    width: 170px;
}
footer ul.widget-body.widget-infor{
	    padding: 8px 0 0;
    color: #ffffff;
}
footer ul.widget-body.widget-infor li{
    line-height: 1.2;
    margin-bottom: 15px;
    list-style: none;
}
footer .widget-body.widget-infor li {
    line-height: 1.2;
    margin-bottom: 15px;
}
footer .widget-body.widget-infor li label {
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
}
footer .widget-body.widget-infor li {
    font-weight: 500;
}
footer ul.widget-body.widget-infor li {
    line-height: 1.2;
    margin-bottom: 10px;
    list-style: none;
    font-size: .9rem;
}
footer ul.widget-body.widget-infor li a{color:#ffffff;}
footer ul.widget-body.widget-infor li address{margin:5px 0 5px 0; display: inline-block;}
@media all and (max-width: 1200px) {
	.tt-product:not(.tt-view) .tt-description .tt-btn-addtocart{font-size:16px;}
}
@media all and (max-width: 991px) {
    .btn-call strong {display: none; }
	.tt-product:not(.tt-view) .tt-description{padding:10px 0;}
	.tt-product:not(.tt-view) .tt-description .tt-btn-addtocart.thumbprod-button-bg{
		    padding: 3px 10px 9px 10px;
	}
	header .tt-parent-box:first-child .tt-dropdown-toggle.btn-search img, .btn-card img, .tt-btn-close img, .tt-btn-search img, .tt-btn-search img, .btn-search img, a.tt-btn-zomm.tt-top-right img {
		width: 25px;
	}
	.btn-card img {
		width: 30px;
	}
	header .tt-parent-box:first-child .tt-dropdown-toggle{padding-right:0px;}
}
@media all and (max-width: 767px) {
	.tt-product:not(.tt-view) .tt-description .tt-btn-addtocart{font-size:15px;}
	.tt-product-single-info .tt-row-custom-01 .btn.btn-lg{
		background:#03a84e;
	}
	.tt-row-custom-01 {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 10000000;
		width: 100%;
		justify-content: center !important;
		padding: 13px 0 15px 0;
		background:#2879fe;
	}
	.product-qty-number span{font-size:20px;}
	.product-qty-number input {
		background:#ebebeb;
		font-size: 22px;
		font-weight: bold;
		color: #2879fd;
		text-shadow: 2px 0px 5px rgb(0 0 0 / 20%);
	}
	.tt-product-single-info .tt-row-custom-01 .btn.btn-lg {
			padding: 5px 15px 4px;
			font-size: 17px;
			text-transform: uppercase;
		}
	.tt-back-to-top {
		width: 50px;
		height: 50px;
		bottom: 180px;
		right: 25px;
		z-index: 20;
	}
	.tt-back-to-top.tt-show{
		bottom:180px;
	}
}

.carousel-item a img{width:100%;}
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
    font-weight: bold;
}
header.navbar-sticky {
    background: #ffffff;
}
.navbar-brand-menu{margin:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 1rem; padding-left: 1rem;}
.navbar-light .navbar-toggler-icon{width:30px;}
.div-qr-code{
    position: absolute;
    right: 0;
    top: 0; 
    width: 70px;
	z-index:10;
}
@media(max-width:776px){
	.div-qr-code{
		top: -2px;
	}	
}
.slick-slide img{margin:0 auto;}
.price-pro {
    font-size: 24px;
    display: flex;
    align-items: end;
    gap: 5px;
    flex-wrap: wrap;
}
.price-pro .badge{font-size:12px;}
@media(max-width:1200px){
	.navbar-expand-lg .navbar-nav .nav-link{padding-right: 0.7rem; padding-left: 0.7rem;}
	.menu>li {
		margin-right: 0.7rem;
	}
}
@media(max-width:992px){

}
@media(max-width:767px){
	.price-pro{
		font-size:16px;
	}
	.badge {
		font-size: 12px;
	}
	.product-details .product-qty-number input, .product-details .product-qty-number input:focus {
		height: 50px;
		padding: 3px;
	}
	.btn-pro-detail {
		padding: 5px;
		min-height: 40px;
	}
	.title h1, .title .heading1 {
		font-size: 16px;
	}
	.jssocials-share-link {
		padding: .3em .4em;
	}
	.product-gallery .slider-for .slick-slide img{
		max-height:350px; margin:0 auto;
	}
	.btn-messengerlink{
		width:50px;
		    bottom: 20px;
	}
	.btn-call {
		bottom: 78px;
	}
	.btn-call span {
		width: 50px;
		height: 50px;
	}
	.btn-call span i {
		font-size: 20px;
	}
	.section-infor-slider i{font-size:30px;}
	.title-after{font-size:14px; margin-bottom:5px;}
}
@media(max-width:576px){
	.fs-responsive{font-size:1rem;}
	.navbar-toggler{
		padding: .75rem .5rem;
	}
	.img-brand {width:160px;}
	
	button.mobile-menu-toggle.navbar-tool.navbar-tool-menu,.navbar-tool-icon-box,button.btn.navbar-tool.navbar-tool-search{
		height: 43px;
		width: 43px;
	}
	button.mobile-menu-toggle.navbar-tool.navbar-tool-menu>.navbar-toggler-icon {
		width: 35px;
		height: 100%;
	}
	.navbar-tool-icon {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	.product-gallery .slider-for .slick-slide img{
		max-height:330px; margin:0 auto;
	}
}
.accordion-button-member{padding:7px;}
.accordion-button-member .img-thumbnail.img-thumbnail-account{margin:0 !important; height:45px; width:45px;}
.accordion-button.accordion-button-member::after{margin:0 !important; height:35px; width:35px;}
.aside-member .nav-link-style{
	padding:10px 15px;
	display:block;
    font-size: var(--font-size-content);
}
@media(max-width:370px){
	.img-brand {width:130px;}
	.link-login{font-size:22px;}
	button.mobile-menu-toggle.navbar-tool.navbar-tool-menu, .navbar-tool-icon-box, button.btn.navbar-tool.navbar-tool-search{
		height: 32px;
		width: 32px;
	}
	button.mobile-menu-toggle.navbar-tool.navbar-tool-menu>.navbar-toggler-icon {
		width: 35px;
		height: 100%;
	}
	.navbar-tool-icon {
		font-size: 1.2rem;
		line-height: 1.5rem;
	} 
	.div-qr-code{
		width: 68px;
	}
}
body {
    font-family: var(--font-family);
	font-style:normal;font-weight:normal;
}
.new-price,.product-price>.price-buy{
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;
}

/****End Slider****/
.infobrand .image-logo img{max-width:100%; width:350px;}
.why-choose-wp {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border: 1px dashed #dbdada;
}
.why-choose .col-why {
	position: relative;
}
.why-choose .card .card-body p {
	margin-bottom: 0;
}
.why-choose-card-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3rem;
    color: #222;
}
.why-choose .card-body {
	padding-bottom: 0;
}

.col-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.col-inner {
	padding: 10px 0;
}

.row.row-dashed {
	position: relative;
	overflow: hidden;
}

.icon-box-left {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
}
.icon-box-left .icon-box-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    background: #ccc;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    align-items: center;
    display: flex;
    max-width: 197px;
}
.icon-box-left .icon-box-img .icon {
	width: 70%;
	margin: 0 auto;
}
.icon-box-left .icon-box-text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
}

.row-dashed .col-why:before,
.row-solid .col-why:before {
	position: absolute;
	content: " ";
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px dashed #a6cda6;
}

.row-dashed .col-why:after,
.row-solid .col-why:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px; 
	border-bottom: 1px dashed #a6cda6;
}
.icon-box-left .icon-box-img+.icon-box-text {
	padding-left: 1em;
	font-size:14px;
}
/********Filter*********/
.btn-filter {
    font-size: 22px;
    width: 45px;
    height: auto;
    padding: 3px 10px;
    position: fixed;
    right: 20px;
    bottom: 50%;
    z-index: 100;
    background: #87bc31;
    color: #fff;
    border: 0;
    min-height: 40px;
    align-items: center;
    font-size: 25px;
    justify-content: center;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
}
.btn-filter>i {
    font-size: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boxSearchFilter .searchBox::placeholder{font-size:14px;}
.boxSearchFilter {
	width: 100%;
	padding: 10px;
	background: #f7f7f7;
}
/* width */
.group-filter ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.group-filter ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}
 
/* Handle */
.group-filter ::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 10px;
}

/* Handle on hover */
.group-filter ::-webkit-scrollbar-thumb:hover {
  background: #777; 
}
.filter-selected-wp>span.text-filter-result{
	padding-right: 5px;
	margin-top: -5px;
}
/********End Filter*********/
.icon-box-side-cate {
	text-align: center;
}
.icon-box-cate-title {
	font-size: 14px;
	color: #000;
}
span.icon-box-icon-cate.icon-shipping img {
	width: 90px;
}
@media(max-width:767px){
	span.icon-box-icon-cate.icon-shipping img {
		width: 70px;
	}
	.icon-box-cate-title{font-size:14px;}
}
@media(max-width:400px){
	span.icon-box-icon-cate.icon-shipping img {
		width: 70px;
	}
	.icon-box-cate-title{font-size:12px;}
}
.icon-box-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.icon-box-wrapper .icon-box-icon {
	margin-right: 1rem;
	font-size:36px;
}
.icon-box-side .icon-box-icon img {
	height: 60px;
	width: auto;
	max-width: inherit;
}
.icon-box .icon-box-title {
    font-size: var(--font-size-title-small);
	letter-spacing: -0.025em;
	margin-bottom: 3px;
	font-weight: bold;
}
.icon-box p {
	font-size: 14px;
	word-break: break-word;
	margin: 0;
	line-height: 1.2;
	color: #666;
}

.product-details-wp .social-links.social-qr-code {
    padding: 5px;
    background: #000;
    border-radius: 5px;
    position: relative;
}
.product-details-wp .social-links.social-qr-code img {
    border-radius: 3px;
}
.product-details-wp .social-links.social-qr-code:after {
    content: "scan me";
    position: absolute;
    width: 100%;
    height: 15px;
    background: #000;
    left: 0;
    bottom: -12px;
    z-index: 0;
    border-radius: 0 0 20px 2px;
    font-size: 11px;
    line-height: 1.3em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
@media(max-width:776px){
	.product-details-wp .social-links.social-qr-code:after{font-size:9px;}
}
.post-content img{
	border-radius: 3px;
}
:root {
    --bs-button: #0d6efd;
    --bg-header: #0d6efd;
	--font-weight--regular: 400;
    --font-weight--semibold: 500;
    --font-weight--bold: 700;
    --font-weight--light: 300;
    --line-height--regular: 1.5;
    --line-height--heading: 1.25;
    --line-height--reset: 1;
    --line-height--l: 32px;
    --font-size--h1: 36px;
    --font-size--h2: 32px;
    --font-size--h3: 28px;
    --font-size--h4: 24px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;
    --font-size--body-xl: 20px;
    --font-size--body-l: 18px;
    --font-size--body-m: 16px;
    --font-size--body-s: 14px;
    --font-size--body-xs: 12px;
    --font-size--body-xxs: 9px;
}
nav>.breadcrumb{margin:0;}
.breadcrumb-item::before {
    font-size: 8px;
    line-height: 18px;
}
header.navbar-sticky {
	 width: 100%;
    background: #ffffff;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
	z-index:999;
}
body .side-menu .btn{
	background-image: linear-gradient(to right, #1f7ac0, #1a94f2);
}
.modal-content{
	border:0;
	background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #1f7ac0, #1a94f2);
}
section.section-hot .section-hot-wp{
    background: #1f7ac0;
	border-radius:20px;
	min-height: 200px;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
	background-image:linear-gradient(to right, #1e7cc3, #1a93f1);
}
.footer{
	background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
	background: url(../img/bgfooter.jpg),-webkit-linear-gradient(225deg, #1d4224 0%, #3b7f48 100%);
    background: url(../img/bgfooter.jpg),-o-linear-gradient(225deg, #1d4224 0%, #3b7f48 100%);
	background: url(../img/bgfooter.jpg),linear-gradient(225deg, #1d4224 0%, #3b7f48 100%);
	background-size:cover;
}
#back-top{background-image:linear-gradient(to right, #1e7cc3, #1a93f1);}
.modal-header {
    color: #ffffff;
    border: 0;
    padding-bottom: 0;
}
.modal-content a.btn.btn-dark.btn-link {
    background: #ffffff;
    border-color: #1c8ce2;
    color: #148b2e;
    padding: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.modal-content a.btn.btn-dark.btn-link{
	    background: #ffffff;
    border-color: #1c8ce2;
	color:#c11919;
}
.modal-header .btn-close {
	background: transparent;
    color: #fff;
    font-size: 28px;
    line-height: 0;
    padding: 0;
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
}
button.btn.navbar-tool.navbar-tool-search,.navbar-light .navbar-tool-icon-box.bg-secondary{background:#ffffff;}
.menu>li>a{color:#656565;}
.menu li:hover>a:not(.menu-title), .menu .active>a:not(.menu-title) {
    color: #1e7ac0;
}
.navbar-tool .navbar-tool-label {
    background-color: #005597;
    color: #ffffff;
}

.page-wrapper{
    flex: 1 0 auto;
    background-image:linear-gradient(to right, #ffffff, #eaeaea);
    background:#f1f1f1;
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: cover;
    min-height: 500px;
}
section.container {
    background: #ffffff;
    padding: 30px 15px;
    border-radius: 10px;
	overflow:hidden;
	z-index:100;
    box-shadow: 0px 2px 4px -1px rgba(62,43,47,0.04), 0px 4px 5px 0px rgba(62,43,47,0.03), 0px 1px 10px 0px rgba(62,43,47,0.025);
}
.prodetail-info .container{
	background: -webkit-linear-gradient(227.48deg,#e6f8df 0%,#c3e4cb 100%);
    background: -o-linear-gradient(227.48deg,#e6f8df 0%,#c3e4cb 100%);
    background: linear-gradient(222.52deg,#e6f8df 0%,#c3e4cb 100%);
	padding:10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
@media(min-width:992px){
	.prodetail-info .container{
		padding: 30px 15px;
	}
}
.product-details .bg-accent {
   color: #ffffff;
    background-color: #edeefa;
    border-color: #c1c3ec;
    background-image: linear-gradient(to right, #1a93f1, #1f7ac0);
    border-radius: 0;
    border: 0;
}
.btn-send {
	background: #1b91ec;
    border: 0;
}
.btn-send>i {
    color: #fff;
}
.btn-tag{
	background:#f1f1f1;
}
.page-item .page-link {
    border: 1px solid #1c8ce2;
    color: #ffffff;
    background: #1c8ce2;
    padding: 5px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 50%;
}
.page-item .page-link:hover {
    border: 1px solid #bde0fb;
    color: #000000;
    background: #bde0fb;
}
@media(max-width:767px){
	.page-item .page-link {
		padding: 2px;
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
}
.page-item.active .page-link{color:#ffffff; background:#000000; border: 1px solid #000000;}
.page-item.active .page-link:hover{border:1px solid #000000;color:#ffffff; background:#000000; }
.btn-info.active, .btn-info.show, .btn-info:active, .btn-info:focus, .btn-info:hover{
	background: #900202;
    border-color: #900202;
	color:#ffffff;
}
.btn-pro-detail {
	 position: relative;
    height: 100%;
    min-height: 50px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.offcanvas-body .btn-pro-detail{min-height:35px;}
.btn-pro-detail.btn-primary {
    background: #ff0000;
    box-shadow: 0 0.5rem 1.125rem -0.5rem #ff0000;
    border-color: #ff0000;
}
.btn-pro-detail.btn-primary:hover {
    color: #ff0000;
    background: #ffffff;
	border: 2px solid #ff0000;
}
.btn-pro-detail.btn-success {
    background: #2f80ed;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(47 128 237);
    border-color: #2f80ed;
}
.btn-pro-detail.btn-success:hover {
    background: #ffffff;
    color: #2f80ed;
    border: 2px solid #2f80ed;
}

.product-badge.product-available {
	background-color: #068a43;
    color: #ffffff;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
}
.product-badge.product-available::after{
	border-bottom-color: #068a43;
}
.menu-fixed {
    border: 2px solid #000000;
}
.toc-header{color:#000000;}
[data-toc] li a, [data-toc] li{color:#383838;}
.link-read-more {
    font-size: 14px;
    color: #000000;
}
.link-read-more i{
    font-size: 9px;
    color: #000000;
}
.title-cate h3 {
    font-size: 20px;
    font-weight: bold;
	margin-bottom:0;
}
.card.card-news{
    box-shadow: 5px 5px 0 rgb(0 0 0 / 3%);
	height: 100%;
}
[data-readmore] img, .content img,.post-content img{
	width: auto;
	height: auto !important;
	max-width: 100%;
}
@media(max-width:1200px){
	.page-wrapper .container{width:calc(100% - 5vw);}
	.page-wrapper section.section.section-page-detail .container{width:100%;border-radius: 0}
}
@media(max-width:992px){
	header a.navbar-brand.navbar-brand-menu{
		position: absolute;
		left: 46px;
	}	
}
.sticky-wrapper{z-index:1010}
body.hover-menu:after{
	content:""; 
	background: rgba(232,232,237,.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms;
	z-index: 1009;
}

del.old-price,.product-title>a,.link-read-more,.btn,.section-description,.card-news .blog-description{
		font-size: var(--font-size-content);
}
@media(max-width:992px){
	.heading *,.product-price>.price-buy,.title-cate h3,.section-heading,.widget-title{
		font-weight: bold;
		font-size: 16px;
	}
	.product-title>a {
		height: 37px;
	}

	.blog-entry-thumb img, .img-thumbnail img{-o-object-fit: contain;object-fit: contain;}
	.card-news .blog-description{margin-top:0;height: 66px;}
	button.mobile-menu-toggle.navbar-tool.navbar-tool-menu {
		background: transparent;
		margin-left: 0;
		border: 0;
	}
	button.btn.navbar-tool.navbar-tool-search, .navbar-light .navbar-tool-icon-box.bg-secondary {
		background: transparent;
	}
}
  div.main-slider{
	min-height: 300px;
}
@media(max-width:767px){
	section.container{
		padding: 15px 10px;
	}
	.card-news .blog-description{margin-top:0;height: 56px;}
	.star-rating .rating-symbol{font-size:10px;}
	.product-details .title .heading1 {
			font-size: 16px;
			text-decoration: none;
			display: -webkit-box;
			height: 41px;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
			-webkit-line-clamp: 2;
			line-height: 1.3em;
			color: #000000;
	}
	.new-price{font-size:20px;}
	.imagestatus_views img {
		max-height: 26px;
	}
	.card.product-card .card-img-product {
		padding: 2px 2px;
	}
	.product-title>a{
		font-weight: normal;
		
		line-height: 1.3em;
		height: 32px;
	}
	.product-title{margin-bottom:3px;}
	.product-price {
		height: auto;
		display:block;
	}
	.product-price>.price-buy{
		font-weight: bold;
		font-size: 14px;
		margin:0;
	}
	.product-price>div {
		line-height: 1em;
	}
	.info-product {
		padding: 0 3px;
	}
	.text-sale {
		font-size: 10px;
		padding: 2px 2px;
		margin-left: 5px;
	}
	.star-rating .star-rating-icon{font-size:11px;}
	del.old-price {
		font-size: 13px;
		margin-left: 3px;
	}
	.btn-pro-detail{min-height:38px;}
	div.main-slider{min-height:230px}
	.image-full-newss:after{padding-top:93%;}
}
@media(max-width:330px){
	span.name_span_bt{font-size:11px;}
	del.old-price,.product-title>a,.link-read-more,.btn,.section-description{
		font-size: 12px;
	}
	.btn-pro-detail.btn-primary{padding:5px 4px !important;}
}
footer.footer {
    position: relative;
    padding-bottom: 35px;
}
footer.footer .container{
	position: relative;
	z-index:2;
}
footer.footer:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index:1;
}
.footer>.container {
	z-index: 100;
	position: relative;
}
.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.social-links {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}
.social-link {
	margin: 2px 8px 2px 0;
	width: 35px;
	height: 35px;
	line-height: 28px;
	font-size: 1.5rem;
	border-radius: 50%;
	border: 1px solid;
	transition: color .4s, border .4s, background .4s;
	text-align: center;
}
.social-link img {
	display: block;
	transition: transform .3s;
	width: 100%;
	height: auto;
	border-radius:20px;
}
section.container>h2, section.container>h3, .title-page>h1{
	font-size:var(--font-size-title-large);
}
.title-cate h3{
	font-size:var(--font-size-title);
}
.contact-us .grey-section {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
    background: #ffffff;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(4, 56, 117, .3);
    -moz-box-shadow: 3px 3px 0px 0px rgba(4,56,117,.3);
    box-shadow: 3px 3px 0px 0px rgba(4, 56, 117, .3);
    border: 1px solid #cccc;
}
.contact-us .grey-section h4 {
	font-size: 18px;
    line-height: 1.1rem;
    margin: 0 !important;
    font-weight: bold;
}
.contact-us .grey-section .div-fcontact h4{
    font-size: var(--font-size-title-large);
    margin: 0 !important;
    font-weight: bold;
	line-height:1.5em;
}
.contact-us .grey-section p {
    font-size: 14px;
    line-height: 1.5em;
}
.contact-us .grey-section p a,.contact-us .grey-section li a{
 font-size: 14px;
    line-height: 1.5em;
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:active{
	outline:none !important;
	box-shadow:none !important;
}
.select2-container--bootstrap-5 .select2-selection--single {
    padding: 8px 15px;
}

/***********************/
ul.list-info{
    display: block;
    width: 100%;
	margin:0;
}
ul.list-info li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 30px;
}
ul.list-info li .info-link, ul.list-info li .info-no-link {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    color: #000;
}
ul.list-info li .info{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: calc(100% - 60px);
}
ul.list-info li .icon {
    width: 60px;
    height: 60px;
    line-height: 0.5em;
    background-color: #e3e3e3;
    border-radius: 99px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.062745098);
    padding: 15px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.list-info li .info{
	line-height: 1.3em;
	font-size: 18px;
}
ul.list-info li .info .text{
    font-weight: 500;
	font-size: var(--font-size-content-large);
	
}
ul.list-info li .info .info-in{
	font-weight:bold;
	font-size: var(--font-size-content-large);
}
ul.list-info li .info .info-in a {
    color: #000;
    font-weight: bold;
}
footer .ul-icon {
    font-size: var(--font-size-content-small);
    margin-top: 0;
    padding: 0;
    list-style: none;
}
footer .ul-icon i {
    font-size: 14px;
}
footer .ul-icon li.list_icon .text {
    font-size: 14px;
}
footer .ul-icon li.list_icon .icon ~ .info > .text {
    font-style: italic;
}
footer .ul-icon li.list_icon .info-in {
    font-size: 16px;
}
footer .ul-icon li.list_icon {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}
footer .ul-icon li.list_icon.no-icon{
	padding:0;
}
footer .ul-icon li.list_icon.no-icon .info-in {
	display:none;
}
footer .ul-icon li.list_icon .icon {
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1em;
}
@media(max-width:767px){
	ul.list-info li .icon {
		width: 40px;
		height: 40px;
		font-size: 18px;
	}
	ul.list-info li .info {
		line-height: 1em;
		font-size: 16px;
	}
	ul.list-info li {
		display: flex;
		gap: 10px;
		align-items: center;
		margin-bottom: 20px;
	}
}
/***********************/
.list-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
/****************/
.list-cate-search {
    margin-bottom: 15px;
    color: #fff;
}
.list-cate-search .btn-tag {
    background: #f1f1f1;
    background-image: linear-gradient(to right, #1a93f1, #1e7ac0);
    border-color: #1a93f1;
    color: #fff;
    transition: all 0.3s ease-in-out;
    padding: 2px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.list-cate-search .btn-tag:hover{
	background: #f1f1f1 !important;
    background-image: linear-gradient(to right, #1e7ac0, #1a93f1) !important;
    border-color: #1a93f1 !important;
    color: #fff;
}
.list-cate-search .list-tags a.btn-tag img {
    display: inline-block;
    width: 20px;
}
.list-cate-search>.name {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
}
/****************/
/***************/
.brand-card .info-product{
	width:100%;
}.brand-card .info-product>*{
	margin:0;
}.brand-card .product-title>a {
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    text-align: center;
    font-weight: bold;
}
.enewsletter-wp i {
	left:0;
}
.enewsletter-wp input {
    padding-left: 40px;
}
.enewsletter-wp button.btn-send.btn-send-enewsletter {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: #1b91ec;
    height: 100%;
	border-radius: 0 5px 5px 0;
}
.brand_html {
    text-align: left;
    margin-bottom: 5px;
}
.brand_html a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.title {
    font-size: var(--font-size-title);
}
.simply-scroll .simply-scroll-list#scroller,.simply-scroll.simply-scroll-container{
	margin: 0;
}
@media(max-width:768px){
	.simply-scroll .simply-scroll-list#scroller li{
		width: 70px;
	}
}
.post-content,.post-content *{
	font-size: var(--font-size-content);
}
@media(max-width:992px){
	.post-content,.post-content *{
		font-size: var(--font-size-content-large);
	}
}
@media(max-width:576px){
	.post-content,.post-content *{
		font-size: var(--font-size-content-xlarge);
	}
}
.post-content h2,
.post-content h2 *{
    font-size: calc(1.225rem + 0.1vw);
    font-weight: bold;
}
.post-content h3,
.post-content h3 *{
    font-size: calc(1.125rem + 0.1vw);
    font-weight: bold;
}
.post-content h4,
.post-content h4 *{
    font-size: calc(1.025rem + 0.1vw);
    font-weight: bold;
}
.post-content h5,
.post-content h5 *{
    font-size: calc(1.01rem + 0.1vw);
    font-weight: bold;
}
.post-content h6,
.post-content h6 *{
    font-size: calc(0.98rem + 0.1vw);
    font-weight: bold;
}

/* Áp dụng tương tự cho .article-readmore.shop-description */
.article-readmore.shop-description h2,
.article-readmore.shop-description h2 *{
    font-size: calc(1.225rem + 0.1vw);
    font-weight: bold;
}
.article-readmore.shop-description h3,
.article-readmore.shop-description h3 *{
    font-size: calc(1.125rem + 0.1vw);
    font-weight: bold;
}
.article-readmore.shop-description h4,
.article-readmore.shop-description h4 *{
    font-size: calc(1.025rem + 0.1vw);
    font-weight: bold;
}
.article-readmore.shop-description h5,
.article-readmore.shop-description h5 *{
    font-size: calc(1.01rem + 0.1vw);
    font-weight: bold;
}
.article-readmore.shop-description h6,
.article-readmore.shop-description h6 *{
    font-size: calc(0.98rem + 0.1vw);
    font-weight: bold;
}
/*****Start swiper css config******/
.slider-swiper-config{}
.swiper-button-next svg, .swiper-button-prev svg{
    height: 20px;
}
.swiper-button-next svg path, .swiper-button-prev svg path{
   fill: #ffffff;
}
.swiper-button-next{
	border-radius: 999px 0 0 999px;
    border-right: 0;
    background: rgba(72, 72, 72, 0.8);
    background: -moz-linear-gradient(left, rgba(72,72,72,0.8) 0%, rgba(209,209,209,0.08) 90%, rgba(209,209,209,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(72,72,72,0.8)), color-stop(90%, rgba(209,209,209,0.08)), color-stop(100%, rgba(209,209,209,0)));
    background: -webkit-linear-gradient(left, rgba(72, 72, 72, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
    background: -o-linear-gradient(left, rgba(72,72,72,0.8) 0%, rgba(209,209,209,0.08) 90%, rgba(209,209,209,0) 100%);
    background: -ms-linear-gradient(left, rgba(72,72,72,0.8) 0%, rgba(209,209,209,0.08) 90%, rgba(209,209,209,0) 100%);
    background: linear-gradient(to right, rgba(72, 72, 72, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030303', endColorstr='#d1d1d1', GradientType=1 );
}
.swiper-button-prev{
	border-radius: 0 999px 999px 0;
    border-left: 0;
    background: rgba(209, 209, 209, 0);
    background: -moz-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.08) 10%, rgba(72,72,72,0.8) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,209,209,0)), color-stop(10%, rgba(209,209,209,0.08)), color-stop(100%, rgba(72,72,72,0.8)));
    background: -webkit-linear-gradient(left, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(72, 72, 72, 0.8) 100%);
    background: -o-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.08) 10%, rgba(72,72,72,0.8) 100%);
    background: -ms-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.08) 10%, rgba(72,72,72,0.8) 100%);
    background: linear-gradient(to right, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(72, 72, 72, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#030303', GradientType=1 );
}

.thumbnail-slider .swiper-slide{
	position:relative
}
.thumbnail-slider .swiper-slide>div{
	height:100%;
	background:#fff;
}
.thumbnail-slider .swiper-slide.swiper-slide-thumb-active>div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0px 0px 0px 3px rgba(27,120,191, 0.6);
	z-index: 1000;
}
.product-gallery-sticky * {
	user-select: none;
}
@media(max-width:767px){
	.swiper-button-next, .swiper-button-prev{
		width:30px;
		height:30px;
	}
}
/*****Start swiper css config******/