/*
            /$$
    /$$    /$$$$
   | $$   |_  $$    /$$$$$$$
 /$$$$$$$$  | $$   /$$_____/
|__  $$__/  | $$  |  $$$$$$
   | $$     | $$   \____  $$
   |__/    /$$$$$$ /$$$$$$$/
          |______/|_______/
================================
        Keep calm and get rich.
                    Is the best.

---------------------------------------------
Theme Name: november
Theme URI: https://www.nicetheme.cn/
Author: nicetheme
Author URI: https://www.nicetheme.cn/
Description: november 是一款轻社区 / 淘宝客 WordPress 主题，集信息发布、个人中心、用户社区、商品推荐、社交平台登录等强大功能于一身，专为淘宝客用户精心设计发布工具包，通过长短链、优惠券等自动...
Version: 1.0.8
License URI: LICENSE
Text Domain: november
*/

.fw-bold,
.fw-bolder {
    font-weight: bold !important;
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}


/*--------------------------------------------------------------
## color style
--------------------------------------------------------------*/

.text-primary {
    color: var(--color-primary) !important;
}

.text-body {
    color: var(--color-body) !important;
}

.text-dark {
    color: var(--color-dark) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

.text-muted {
    color: var(--color-muted) !important;
}

.text-light {
    color: var(--color-light) !important;
}

.text-danger {
    color: var(--color-danger) !important;
}


/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.btn {
    border-radius: var(--radius-sm);
    padding: 0.4375rem 1.625rem;
    font-size: .875rem;
    font: inherit;
}

.btn:hover,
.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-primary {
    background-color: var(--btn-primary);
    border-color: #0a59f8;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
}

.btn-secondary {
    color: var(--color-light);
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
}

.btn-dark {
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.disabled,
.btn-dark:disabled,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
}

.btn-light {
    color: var(--color-secondary);
    background-color: var(--btn-light);
    border-color: var(--btn-light);
}

.btn-light:hover,
.btn-light:focus,
.btn-light.disabled,
.btn-light:disabled,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    color: var(--color-dark);
    background-color: var(--btn-light);
    border-color: var(--btn-light);
}

.btn-danger {
    color: #fff;
    background-color: var(--btn-danger);
    border-color: var(--btn-danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.disabled,
.btn-danger:disabled,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--btn-danger);
    border-color: var(--btn-danger);
}

.btn-link {
    color: var(--color-secondary);
    text-decoration: none;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.disabled,
.btn-link:disabled,
.btn-link:not(:disabled):not(.disabled):active,
.btn-link:not(:disabled):not(.disabled).active,
.btn-link:not(:disabled):not(.disabled):active:focus,
.btn-link:not(:disabled):not(.disabled).active:focus {
    color: var(--color-dark);
    text-decoration: none;
}

.btn-outline-primary {
    color: var(--color-primary);
    background-color: var(--btn-outline-primary);
    border-color: var(--btn-outline-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}

.btn-outline-secondary {
    color: var(--color-secondary);
    background-color: transparent;
    border-color: var(--btn-secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
}

.btn-outline-light {
    color: var(--color-secondary);
    border-color: var(--btn-light);
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.disabled,
.btn-outline-light:disabled,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    color: var(--color-dark);
    border-color: var(--btn-muted);
}

.btn-outline-info {
    color: var(--color-info);
    background-color: var(--btn-info);
    border-color: var(--border-info);
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.disabled,
.btn-outline-info:disabled,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--bg-info);
    border-color: var(--bg-info);
}

.btn-outline-warning {
    color: var(--color-warning);
    background-color: var(--btn-warning);
    border-color: var(--border-warning);
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.disabled,
.btn-outline-warning:disabled,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--bg-warning);
    border-color: var(--bg-warning);
}

.btn-outline-danger {
    color: var(--color-danger);
    background-color: var(--btn-outline-danger);
    border-color: var(--border-danger);
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.disabled,
.btn-outline-danger:disabled,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    border-width: 0;
    background: linear-gradient(315deg, #ff2b4f 0%, #ff7f6a 100%);
}


/*--------------------------------------------------------------
## reset new btn style
--------------------------------------------------------------*/

.btn-shopping {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6327), color-stop(#f34141), color-stop(#f34141), to(#ff6327));
    background-image: linear-gradient(to right, #ff6327, #f34141, #f34141, #ff6327);
    background-size: 300% 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 0;
}

.btn-shopping:hover,
.btn-shopping:focus,
.btn-shopping.focus {
    background-position: 100% 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
}

.btn-shopping.disabled,
.btn-shopping:disabled,
.btn-shopping:not(:disabled):not(.disabled):active,
.btn-shopping:not(:disabled):not(.disabled).active,
.btn-shopping:not(:disabled):not(.disabled):active:focus,
.btn-shopping:not(:disabled):not(.disabled).active:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .6
}


/*--------------------------------------------------------------
## btn icon style
--------------------------------------------------------------*/

.btn-xs {
    font-size: .75rem;
    padding: .25rem 1rem;
    border-radius: var(--radius-xs);
}

.btn-sm {
    font-size: .875rem;
    padding: .3125rem 1.25rem;
}

.btn-lg {
    padding: .625rem 2.5rem;
    font-size: .9375rem;
}

.btn-rounded {
    border-radius: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.btn-rounded.btn-xs {
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-nopd {
    padding-left: 5px;
    padding-right: 5px;
}

.btn-w-sm {
    min-width: 70px;
    padding-left: .5rem;
    padding-right: .5rem;
}

.btn-w-md {
    min-width: 110px;
    padding-left: .5rem;
    padding-right: .5rem;
}

.btn-w-md.btn-sm {
    min-width: 95px;
}

.btn-w-md.btn-xs {
    min-width: 75px;
}

.btn-w-lg {
    min-width: 120px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-w-xl {
    min-width: 150px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: .25rem;
    padding-right: .25rem;
}

@media (max-width: 767.98px) {
    .btn-sm {
        padding: .3125rem 1rem .25rem 1rem;
        border-radius: var(--radius-xs);
    }
    .btn-w-sm {
        min-width: 60px;
        padding-left: .25rem;
        padding-right: .25rem;
    }
    .btn-w-md {
        min-width: 90px;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .btn-w-lg {
        min-width: 115px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .btn-w-md.btn-xs {
        min-width: 65px;
    }
    .btn-w-md.btn-sm {
        min-width: 88px;
    }
    .btn-rounded {
        border-radius: 4rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-sm {
        border-radius: var(--radius-xs);
    }
    .btn-w-md {
        min-width: 110px;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .btn-rounded {
        border-radius: 4rem;
    }
}


/*--------------------------------------------------------------
## btn icon style
--------------------------------------------------------------*/

.btn-icon {
    text-align: center;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0 !important;
    position: relative;
    font-size: 1.25rem;
}

.btn-icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.btn-icon.btn-xs {
    width: 1.4375rem;
    height: 1.4375rem;
    font-size: 0.9375rem;
}

.btn-icon.btn-sm {
    width: 1.25rem;
    height: 1.25rem;
}

.btn-icon.btn-md {
    width: 2.3125rem;
    height: 2.3125rem;
    font-size: 1.25rem;
}

.btn-icon.btn-lg {
    width: 3.375rem;
    height: 3.375rem;
}

.btn-icon.btn-xl {
    width: 4rem;
    height: 4rem;
}


/*--------------------------------------------------------------
## background style
--------------------------------------------------------------*/

.bg-primary {
    background-color: var(--bg-primary) !important;
}

.bg-outline-primary {
    background-color: var(--bg-outline-primary);
}

.bg-dark {
    background-color: var(--bg-dark) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.bg-light {
    background-color: var(--bg-light) !important;
}

.bg-danger {
    background-color: var(--bg-danger) !important;
}

.bg-warning {
    background-color: var(--bg-warning) !important;
}

.bg-info {
    background-color: var(--bg-info) !important;
}

.bg-white-overlay {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-dark-overlay {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-dark-overlay:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-opacity {
    background-color: rgba(39, 39, 39, 0.3) !important;
}

.bg-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.bg-fixed {
    background-attachment: fixed;
}


/*-------------------------------------------------------------
## image custom image hover
  -------------------------------------------------------------*/

.overlay {
    position: absolute;
    opacity: .4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-dark);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.overlay-hover:hover .overlay,
a:hover .overlay {
    opacity: .3;
}

.overlay-0 {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-dark);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.overlay-hover:hover .overlay-0,
a:hover .overlay-0 {
    opacity: .3;
}

.custom-hover {
    position: relative;
}

.custom-hover-img {
    max-width: 100%;
    -webkit-transition: all 444ms ease-in-out;
    transition: all 444ms ease-in-out;
}

.custom-hover:hover .custom-hover-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}


/*--------------------------------------------------------------
badge
--------------------------------------------------------------*/

.badge {
    font-size: .75rem;
    font-weight: 400;
    border-radius: var(--radius-xs);
    padding: .3125rem .625rem;
    vertical-align: middle;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    font-size: .875rem;
}

.badge-sm {
    padding: 0.315rem 0.5rem;
}

.badge-md {
    padding: 0.5rem 0.75rem;
}

.badge-lg {
    font-size: .875rem;
    padding: 0.75rem 1rem;
}

.badge-w-md {
    min-width: 60px;
}

.badge-block {
    width: 100%;
    display: block;
}

.badge-opacity {
    background-color: rgba(8, 16, 25, 0.3);
}

.badge-sticky {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 45px;
    height: 25px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTMwLjQyIDUyLjU2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCPmnKrlkb3lkI3nmoTmuJDlj5hfNik7fS5jbHMtMiwuY2xzLTN7ZmlsbDojZmZmO30uY2xzLTN7Zm9udC1zaXplOjM2LjMycHg7Zm9udC1mYW1pbHk6T1BQT1NhbnMtTCwgT1BQT1NhbnM7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSLmnKrlkb3lkI3nmoTmuJDlj5hfNiIgeDE9IjEwOS4wMSIgeTE9IjExLjA1IiB4Mj0iMjEuMDEiIHkyPSI0MS42NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmY2U2NyIvPjxzdG9wIG9mZnNldD0iMC40NCIgc3RvcC1jb2xvcj0iI2ZmYmMzMyIvPjxzdG9wIG9mZnNldD0iMC44MSIgc3RvcC1jb2xvcj0iI2ZmYWYwZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTMwLjQyIiBoZWlnaHQ9IjUyLjU2IiByeD0iOC44NSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEwNy42NSwxNS4wNWw5LjI2LDIyLjQ3SDk4LjM5WiIvPjx0ZXh0IGNsYXNzPSJjbHMtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuMTkgMzguNTUpIj7nva7pobY8L3RleHQ+PC9nPjwvZz48L3N2Zz4=');
}


/*--------------------------------------------------------------
## border
--------------------------------------------------------------*/

.border-primary {
    border-color: var(--border-primary) !important;
}

.border-muted {
    border-color: var(--border-muted) !important;
}

.border-light {
    border-color: var(--border-light) !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}


/*--------------------------------------------------------------
## input-group
--------------------------------------------------------------*/

.form-control {
    font-size: .875rem;
    color: var(--color-muted);
    border: 1px solid var(--bg-light);
    background-color: var(--bg-light);
    border-radius: var(--radius-sm);
    padding: .4375rem .75rem;
}

.form-control:focus {
    color: var(--color-secondary);
    border-color: var(--bg-light);
    background-color: var(--bg-light);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: var(--color-muted);
    opacity: 1
}

.form-control::-moz-placeholder {
    color: var(--color-muted);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: var(--color-muted);
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: var(--color-muted);
    opacity: 1
}

.form-control::placeholder {
    color: var(--color-muted);
    opacity: 1
}

.form-control:focus::-webkit-input-placeholder {
    color: var(--color-secondary);
    opacity: 1
}

.form-control:focus::-moz-placeholder {
    color: var(--color-secondary);
    opacity: 1
}

.form-control:focus:-ms-input-placeholder {
    color: var(--color-secondary);
    opacity: 1
}

.form-control:focus::-ms-input-placeholder {
    color: var(--color-secondary);
    opacity: 1
}

.form-control:focus::placeholder {
    color: var(--color-secondary);
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--bg-light);
    opacity: 1;
    color: var(--color-secondary)
}

.form-control-plaintext {
    color: var(--color-muted);
    border-width: 0;
    padding: .625rem 0;
}

.form-control-plaintext:focus {
    -webkit-appearance: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-control-lg {
    font-size: .9375rem;
    height: calc(42px + 2px);
    padding: .625rem .875rem;
}

textarea.form-control-lg {
    min-height: calc(44px + 2px);
}

.col-form-label {
    font-size: .875rem;
    padding-top: calc(.625rem + 1px);
    padding-bottom: calc(.625rem + 1px);
}

.form-label {
    font-size: .875rem;
    color: var(--color-secondary)
}

textarea.form-control {
    padding: .625rem .75rem;
}


/*--------------------------------------------------------------
    form select style
--------------------------------------------------------------*/

.form-select {
    display: block;
    width: 100%;
    padding: .625rem 2.75rem .625rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-secondary);
    background-color: var(--bg-light);
    border: 1px solid var(--bg-light);
    border-radius: var(--radius-sm);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-select:focus {
    border-color: var(--border-light);
    color: var(--color-dark);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    color: var(--color-muted);
    background-color: var(--bg-light);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
}


/*--------------------------------------------------------------
    form check style
--------------------------------------------------------------*/

.form-check {
    min-height: 1.5rem;
    padding-left: 2em;
    margin-bottom: 0.125rem;
}

.form-check .form-check-input {
    margin-left: -2em;
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
    background-color: var(--bg-muted);
    border-color: var(--bg-muted);
    margin-top: 0.08em;
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: var(--bg-muted);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #49D6AB;
    border-color: #49D6AB;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #49D6AB;
    border-color: #49D6AB;
}

.form-switch {
    padding-left: 3.25em;
}

.form-switch .form-check-input {
    width: 2.75em;
    margin-left: -3.25em;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+');
    border-radius: 3em;
}

.form-switch .form-check-input:focus {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+');
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+');
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}


/*--------------------------------------------------------------
## form floating
--------------------------------------------------------------*/

.form-floating>label {
    padding: 1rem 1rem;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    padding: 1rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.875rem;
    padding-bottom: .5rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    -webkit-transform: scale(0.85) translateY(-0.25rem) translateX(.125rem);
    transform: scale(0.85) translateY(-0.25rem) translateX(.125rem);
}

@media (max-width: 991.98px) {
    .form-floating>label {
        padding: 1rem;
    }
    .form-floating>.form-control,
    .form-floating>.form-select {
        padding: 1rem;
    }
    .form-floating>.form-control:focus,
    .form-floating>.form-control:not(:placeholder-shown) {
        padding-top: 1.875rem;
        padding-bottom: .75rem;
    }
    .form-floating>.form-control:focus~label,
    .form-floating>.form-control:not(:placeholder-shown)~label,
    .form-floating>.form-select~label {
        -webkit-transform: scale(0.85) translateY(-0.3125rem) translateX(.125rem);
        transform: scale(0.85) translateY(-0.25rem) translateX(.125rem);
    }
}


/*--------------------------------------------------------------
## Avatar
--------------------------------------------------------------*/

.flex-avatar {
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: bold;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: 50%;
}

.flex-avatar img {
    border-radius: inherit;
    width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
}

.list-avatar .flex-avatar {
    width: 40px;
    height: 40px;
}

@media (max-width: 767.98px) {
    .list-avatar .flex-avatar {
        width: 32px;
        height: 32px;
    }
}


/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

.media {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: inherit;
}

.media:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.media:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: var(--radius-xs);
}

.media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.media-overlay.overlay-top {
    bottom: auto;
}

.media-overlay.overlay-bottom {
    top: auto;
    background: var(--color-dark);
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(6, 6, 8, 0.33)), to(rgba(6, 6, 8, 0)));
    background: linear-gradient(to top, rgba(6, 6, 8, 0.33), rgba(6, 6, 8, 0));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.media-overlay.overlay-top .badge {
    background-color: rgb(46 46 48 / 50%);
}

.media-overlay .btn-icon {
    background-color: rgba(33, 36, 40, 0.68);
    border-color: transparent;
}

.media-action {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.media-action.active {
    opacity: 1;
}

.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(120, 120, 120, 0.1);
}

.media-21x9:after {
    padding-top: 42.857143%;
}

.media-16x9:after {
    padding-top: 56.25%;
}

.media-4x3:after {
    padding-top: 75%;
}

.media-2x3:after {
    padding-top: 150%;
}

.media-3x2:after {
    padding-top: 66.66666%;
}

.media-3x4:after {
    padding-top: 133.33333%;
}

.media-1x2:after {
    padding-top: 200%;
}

.media-2x1:after {
    padding-top: 50%;
}

.media-3x1:after {
    padding-top: 33%;
}

.media-4x1:after {
    padding-top: 25%;
}

.media-1-4:after {
    padding-top: 25vh;
    min-height: 10rem;
}

.media-1-3:after {
    padding-top: 33vh;
    min-height: 12.5rem;
}

.media-1-2:after {
    padding-top: 50vh;
    min-height: 15rem;
}


/*--------------------------------------------------------------
## rounded
--------------------------------------------------------------*/

.rounded {
    border-radius: var(--radius-sm) !important;
}

.rounded-md {
    border-radius: var(--radius-md) !important;
}

.rounded-lg {
    border-radius: var(--radius-lg) !important;
}

@media (max-width: 767.98px) {
    .rounded-md {
        border-radius: var(--radius-sm) !important;
    }
    .rounded-lg {
        border-radius: var(--radius-md) !important;
    }
}


/*--------------------------------------------------------------
## Card
--------------------------------------------------------------*/

.card,
.block {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 1.375rem;
    border: 0;
    border-radius: var(--radius-md);
}

.card-header,
.card-footer {
    background-color: transparent;
    border-width: 0;
}

.card-header {
    padding: 1.25rem 1.25rem 0;
    margin: 0 0 -.5rem
}

.card-header:first-child {
    border-radius: 0;
}

.card-body {
    padding: 1.25rem;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-title {
    line-height: 1.5;
}

.card-sm .card-header {
    padding: 1.25rem 1.25rem 0;
    margin: 0 0 -.5rem;
}

.card-sm .card-body {
    padding: 1.25rem;
}

.card-md .card-header {
    padding: 1.625rem 1.625rem 0;
    margin: 0 0 -.5rem;
}

.card-md .card-body {
    padding: 1.625rem;
}

.card-md .card-footer {
    padding: 0 1.625rem 1.625rem;
}

@media (max-width: 767.98px) {
    .card,
    .block {
        margin-bottom: .75rem;
    }
    .card-header {
        padding: .75rem .75rem 0;
        margin: 0 0 -.25rem;
    }
    .card-body {
        padding: .75rem;
    }
    .card-sm .card-header {
        padding: 1rem 1rem 0;
        margin: 0 0 -.375rem;
    }
    .card-sm .card-body {
        padding: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card,
    .block {
        margin-bottom: 1rem;
    }
    .card-header {
        padding: 1rem 1rem 0;
        margin: 0 0 -.375rem;
    }
    .card-body {
        padding: 1rem;
    }
    .card-sm .card-header {
        padding: 1rem 1rem 0;
    }
    .card-sm .card-body {
        padding: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card,
    .block {
        margin-bottom: 1rem;
    }
    .card-header {
        padding: 1rem 1rem 0;
        margin: 0 0 -.4375rem;
    }
    .card-body {
        padding: 1rem;
    }
    .card-sm .card-header {
        padding: 1rem 1rem 0;
        margin: 0 0 -.25rem;
    }
    .card-sm .card-body {
        padding: 1rem;
    }
}


/*--------------------------------------------------------------
## List
--------------------------------------------------------------*/

.list {
    padding-left: 0;
    padding-right: 0;
}

.list-item {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.list-content {
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.list-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.list-images {
    max-width: 580px;
}

.list-footer {
    margin-top: 0.25rem;
}

.list-title {
    display: block;
    line-height: 1.45;
    color: inherit;
}

.list-goto {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .list-price,
    .list-desc {
        font-size: .75rem;
    }
}


/*--------------------------------------------------------------
## List grid
--------------------------------------------------------------*/

.list-grid .list-item {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 0 .75rem;
}

.list-grid .list-item .media:first-child {
    border-radius: var(--radius-xs);
    padding: 0
}

.list-grid.list-grid-padding .list-item {
    padding: 1rem;
}

.list-grid.list-grid-padding .list-item .media {
    border-radius: var(--radius-sm);
}

.list-grid.list-grid-padding .list-item .list-content {
    padding: .125rem 0 .125rem .75rem;
}

@media (max-width: 767.98px) {
    .list-grid.list-grid-padding .list-item {
        margin-bottom: .5rem;
        padding: .75rem;
    }
    .list-grid.list-grid-padding .list-item .media {
        max-width: 90px;
    }
    .list-grid.list-grid-padding .list-item .list-images .media {
        max-width: none;
    }
    .list-grid.list-grid-padding .list-item .list-content {
        padding: 0 0 0 .5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: .75rem;
    }
    .list-grid.list-grid-padding .list-item .list-content {
        padding: 0 0 0 .75rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: .75rem;
    }
    .list-grid.list-grid-padding .list-item .list-content {
        padding: 0 0 0 1rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .list-grid.list-grid-padding .list-item .media {
        max-width: 125px;
    }
    .list-grid.list-grid-padding .list-item .list-images .media {
        max-width: none;
    }
    .list-grid.list-grid-padding .list-item .list-content {
        padding: 0 0 0 .75rem;
    }
}

@media (min-width: 1400px) {
    .list-grid.list-grid-padding .list-item .media {
        max-width: 145px;
    }
    .list-grid.list-grid-padding .list-item .list-images .media {
        max-width: none;
    }
}


/*--------------------------------------------------------------
## List grouped
--------------------------------------------------------------*/

@media (min-width: 576px) {
    .list-grouped {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .list-grouped>div {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .list-grouped>div>.list-item {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .list-grouped>.list-item {
        border-width: 0;
        -ms-flex: 1 0 0%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    .list-grouped>.list-item:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: var(--radius-xs);
    }
    .list-grouped>.list-item:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .list-grouped>.list-item:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}


/*--------------------------------------------------------------
## list row style
--------------------------------------------------------------*/

.list-row .list-item {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 1rem 0 0;
}

.list-row .list-item:first-child {
    margin: 0;
}

.list-row .list-item .num {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    font-size: .75rem;
    line-height: 1;
    white-space: nowrap;
    border-radius: 100%;
    background-color: var(--bg-secondary);
    color: #fff;
}

.list-row .list-item:nth-child(1) .num {
    background: #ff0000;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ff8d5c), to(#ff0000));
    background: linear-gradient(to right, #ff8d5c, #ff0000);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.list-row .list-item:nth-child(2) .num {
    background: #ff9143;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ff7951), to(#ff5200));
    background: linear-gradient(to right, #ff7951, #ff5200);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.list-row .list-item:nth-child(3) .num {
    background: #ff9143;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ff814a), to(#ff561c));
    background: linear-gradient(to right, #ff814a, #ff561c);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/*--------------------------------------------------------------
## list group style
--------------------------------------------------------------*/

.list-grid.list-group .list-item {
    padding: 1.5rem;
}

.list-grid.list-group .list-item .flex-avatar {
    width: 3rem;
    height: 3rem;
}

.list-grid.list-group .list-item .list-content {
    padding: 0.25rem 0 0 1rem;
}


/*--------------------------------------------------------------
## list group grid style
--------------------------------------------------------------*/

.list-grid.list-group-bordered .list-item {
    background-color: var(--bg-light);
    margin: 0;
}


/*--------------------------------------------------------------
## list ajax load style
--------------------------------------------------------------*/

.list-ajax-load .btn.disabled {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-muted);
}


/*--------------------------------------------------------------
## Font line clamp style
--------------------------------------------------------------*/

.h-1x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.h-2x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 767.98px) {
    .h-2x {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 768px) and (max-width: 1199.9px) {
    .h-2x {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}

.h-3x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.h-4x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/*--------------------------------------------------------------
## site style
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## header navbar
--------------------------------------------------------------*/

.navbar {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 0;
    padding-right: 0;
}

.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}


/*--------------------------------------------------------------
## header navbar sticky
--------------------------------------------------------------*/

.site-main {
    padding: 2rem 0;
}

@media (max-width: 767.98px) {
    .site-main {
        padding: 1rem 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-main {
        padding: 1.5rem 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-main {
        padding: 1.5rem 0;
    }
}

.site-header {
    position: relative;
}


/*--------------------------------------------------------------
## nav brand
--------------------------------------------------------------*/

.navbar-brand {
    max-width: 200px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-brand img {
    max-height: 55px;
}

@media (max-width: 767.98px) {
    .navbar-brand {
        max-width: 100px;
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .navbar-brand img {
        max-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand {
        max-width: 150px;
    }
    .navbar-brand img {
        max-height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-brand {
        max-width: 150px;
    }
    .navbar-brand img {
        max-height: 40px;
    }
}

.navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/*--------------------------------------------------------------
## nav menu
--------------------------------------------------------------*/

.nav-link {
    position: relative;
    padding: .3125rem 1rem;
}

.navbar-dark .navbar-menu .nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-nav:hover .nav-link {
    opacity: .6
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #fff;
    opacity: 1
}

@media (max-width: 767.98px) {
    .nav-link {
        padding: .3125rem .5rem;
    }
}


/*--------------------------------------------------------------
## nav top menu
--------------------------------------------------------------*/

.navbar-top .iconfont {
    margin: 0 0 0 -2px;
}


/*--------------------------------------------------------------
## nav footer menu
--------------------------------------------------------------*/

.navbar-footer li {
    display: inline-block;
    margin: 0 .75rem 0 0
}

.navbar-footer li a {
    display: block;
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    opacity: .8;
}

.navbar-footer li a:hover {
    opacity: 1;
}


/*-------------------------------------------------------------- 
## Main Navigation 
--------------------------------------------------------------*/

.navbar-site li {
    position: relative;
    margin: 0 0 0 20px;
}

.navbar-site li sup {
    top: -1em;
    padding: 0 0 0 .25rem;
}

.navbar-site li a {
    display: block;
    -webkit-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.navbar-site:hover li a {
    opacity: .6
}

.navbar-site li a:hover {
    opacity: 1
}

.navbar-site>li.current-menu-item>a,
.navbar-site>li.current>a {
    color: initial;
}

.navbar-site>li>a {
    position: relative;
    font-size: .9375rem;
    padding: 1rem 0;
}


/*-------------------------------------------------------------- 
## site submenu icon Navigation 
--------------------------------------------------------------*/

.navbar-site li.menu-item-has-children>a {
    padding-right: 1rem;
}

.navbar-site li.menu-item-has-children .submenu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    color: var(--color-muted);
}

.navbar-site>li.menu-item-has-children>a:hover>.submenu-icon,
.navbar-site>li.menu-item-has-children>.nav-link:hover>.submenu-icon {
    transform: rotate(180deg) translate(0%, 50%);
    -webkit-transform: rotate(180deg) translate(0%, 50%);
}

.navbar-site ul li.menu-item-has-children .submenu-icon {
    transform: rotate(-90deg) translate(50%, -50%);
    -webkit-transform: rotate(-90deg) translate(50%, -50%);
}


/* Submenu */

.navbar-site li ul {
    position: absolute;
    width: 180px;
    top: 100%;
    left: 0;
    padding: .375rem 0;
    background-color: #fff;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    z-index: 99;
    -webkit-box-shadow: 0 0px 20px 0px rgb(38 51 63 / 5%);
    box-shadow: 0 0px 20px 0px rgb(38 51 63 / 5%);
    transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}

.navbar-site li:hover>ul {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.navbar-site li ul a {
    padding: .5rem 1rem;
    font-weight: normal;
}

.navbar-site li:last-child>.sub-menu,
.navbar-site li:nth-last-child(2)>.sub-menu {
    right: 0;
    left: auto;
}

.navbar-site li:last-child>.sub-menu .sub-menu,
.navbar-site li:nth-last-child(2)>.sub-menu .sub-menu {
    right: 102%;
    left: auto;
}

.navbar-site li ul li {
    display: block;
    padding: 0;
    margin: 0;
}


/* Submenu */

.navbar-site li .sub-menu .sub-menu {
    left: 100%;
    top: -7px;
}


/*---------------------------------------------------
## mobile menu icon widget
--------------------------------------------------------------*/

.navbar-site .menu-icon {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-0%, -50%);
    transform: translate(50%, -50%);
    opacity: .6;
}

.navbar-site .menu-icon i {
    display: block;
}

.navbar-site .menu-icon i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.navbar-site>li.menu-item-has-children:hover>a .menu-icon i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.navbar-site li ul>li.menu-item-has-children a .menu-icon i {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.navbar-site li ul>li.menu-item-has-children:hover a .menu-icon i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


/*--------------------------------------------------------------
## navbar-sub
--------------------------------------------------------------*/

.navbar-sub {
    font-size: 12px;
}

.navbar-sub a {
    margin: 0 5px;
    color: #fff;
    opacity: .6;
}

.navbar-sub a:last-child {
    margin: 0 0 0 5px;
}

.navbar-sub a:hover {
    opacity: 1;
}


/*--------------------------------------------------------------
header stuck menu
--------------------------------------------------------------*/

.site-header.not-stuck {
    position: static;
}

.site-header.stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-box-shadow: 0 5px 10px 5px rgb(20 36 68 / 2%);
    box-shadow: 0 5px 10px 5px rgb(20 36 68 / 2%);
}

.site-header.stuck .navbar-top {
    display: none;
}

@media (min-width: 1400px) {
    .site-header.stuck .navbar-brand {
        display: none;
    }
}

.site-header.stuck .navbar-site>li>a {
    padding: .75rem 0;
}

.site-header.stuck .navbar-site li.menu-item-has-children>a {
    padding-right: 1rem;
}


/*--------------------------------------------------------------
nav signin dropdown sub menu
--------------------------------------------------------------*/

.dropdown-signin-box {
    position: relative;
}

.dropdown-signin-box .flex-avatar {
    width: 32px;
    height: 32px;
}

.show.dropdown-signin {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    display: initial;
}

.dropdown-signin {
    position: absolute;
    display: block;
    width: 160px;
    min-width: auto;
    color: inherit;
    margin: 0;
    padding: 1rem;
    left: auto;
    right: 2%;
    top: 45px;
    border: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0px 20px 0px rgb(38 51 63 / 5%);
    box-shadow: 0 0px 20px 0px rgb(38 51 63 / 5%);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
}

.dropdown-signin ul a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropdown-signin ul:hover a {
    opacity: .8
}

.dropdown-signin ul li {
    margin: .75rem 0 0;
}

.dropdown-signin ul li a {
    display: block;
    font-size: .875rem;
}

.dropdown-signin ul a:hover {
    opacity: 1;
}

.dropdown-signin ul li:first-child {
    margin: 0;
}

.dropdown-signin ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .8125rem;
    color: var(--color-secondary);
}

.dropdown-signin ul li a:hover,
.dropdown-signin ul li a.active {
    opacity: 1;
    color: var(--color-dark);
}

.dropdown-signin ul li .nav-text {
    margin: 0 .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.dropdown-signin ul li a:hover .nav-text,
.dropdown-signin ul li a.active .nav-text {
    font-weight: bold;
}

.dropdown-signin ul li .nav-icon {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.dropdown-signin ul li:nth-child(1) .nav-icon {
    color: #4CD99C
}

.dropdown-signin ul li:nth-child(2) .nav-icon {
    color: #70A4EF
}

.dropdown-signin ul li:nth-child(3) .nav-icon {
    color: #EF5F5D
}

.dropdown-signin ul li:nth-child(4) .nav-icon {
    color: #4896F2
}

.dropdown-signin ul li:nth-child(5) .nav-icon {
    color: #F7C85E
}

.dropdown-signin ul li:nth-child(6) .nav-icon {
    color: #AEBDC9
}

.dropdown-signin ul li:nth-child(7) .nav-icon {
    color: #F3CB5A
}

.dropdown-signin ul li:nth-child(8) .nav-icon {
    color: #B4BBD1
}

.dropdown-signin ul li .menu-icon {
    position: absolute;
    display: inline-block;
    right: 1rem;
    top: 50%;
    -webkit-transform: translate(-0%, -50%);
    transform: translate(0%, -50%);
    opacity: .3;
}

.dropdown-signin ul li .menu-icon i {
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767.98px) {
    .dropdown-signin-box .flex-avatar {
        width: 24px;
        height: 24px;
    }
}


/* -------------------------------------------------------------------------- */


/* Post meta Content
/* -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
    .post-meta {
        font-size: .6875rem;
    }
}

.post-meta .badge-sticky {
    margin: 0 1rem 0 0;
}


/* -------------------------------------------------------------------------- */


/* Entry Content
/* -------------------------------------------------------------------------- */

.post-content {
    position: relative;
    font-size: .9375rem;
    line-height: 1.85;
    text-align: justify;
}

.post-content a:hover,
.post-content a:focus {
    text-decoration: none;
}

.post-content p {
    margin: 0 0 1.5rem;
}

.post-content h1,
.post-content h2,
.post-content h3 {
    margin: 2.5rem auto 2rem;
}

.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 2.5rem auto 2rem;
}

.post-content h2 strong {
    -webkit-box-shadow: 0 -8px 0 0 rgb(255 27 27 / 50%) inset;
    box-shadow: 0 -8px 0 0 rgb(255 27 27 / 50%) inset;
}

@media (max-width: 767.98px) {
    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 2rem auto 1.5rem;
    }
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 2rem auto 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 1rem auto 1rem;
    }
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 1rem auto 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 1.5rem auto 1rem;
    }
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 1.5rem auto 1rem;
    }
}


/* Font Families ----------------------------- */

.post-content p>a,
.post-content li>a,
.post-content dd>a,
.post-content td a,
.post-content th a,
.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a,
.post-content em a,
.post-content strong a {
    border-bottom: 1px dashed var(--border-primary);
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
}

.post-content p>a:hover,
.post-content li>a:hover,
.post-content dd>a:hover,
.post-content td a:hover,
.post-content th a:hover,
.post-content h1 a:hover,
.post-content h2 a:hover,
.post-content h3 a:hover,
.post-content h4 a:hover,
.post-content h5 a:hover,
.post-content h6 a:hover,
.post-content em a:hover,
.post-content strong a:hover {
    border-bottom-style: solid;
}

.post-content a:hover,
.post-content a:focus {
    text-decoration: none;
}


/* Post quote style ----------------------------- */

.wp-block-quote a,
.wp-block-quote p>a {
    border-color: var(--border-light);
}

.wp-block-quote a,
.wp-block-quote a:hover {
    color: inherit;
}


/* Post table style ----------------------------- */

.post-content>table,
.post-content div>table {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--border-light);
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.post-content>table th,
.post-content div>table th {
    font-weight: 700;
}

.post-content>table th,
.post-content>table td,
.post-content div>table th,
.post-content div>table td {
    border: 1px solid var(--border-light);
    padding: 0.75rem 1.125rem;
    margin: 0;
    overflow: visible;
}

.post-content>table thead,
.post-content div>table thead {
    vertical-align: bottom;
    white-space: nowrap;
}

.post-content>table tbody tr:nth-child(odd),
.post-content div>table tbody tr:nth-child(odd) {
    background: var(--bg-light);
}

.post-content>.alignleft>table,
.post-content>.alignright>table,
.post-content div>.alignleft>table,
.post-content div>.alignright>table {
    margin: 0;
}

.post-content caption {
    background: var(--bg-light);
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
}


/**--------------------------------------------------------------
## post tags
--------------------------------------------------------------**/

.post-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post-tags span {
    margin: 0 .5rem .5rem 0;
}


/**--------------------------------------------------------------
## post hidden tips
--------------------------------------------------------------**/

.post-hidden-content {
    position: relative;
    margin: 2rem 0 0;
}

.post-hidden-login {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.post-hidden-heading {
    position: relative;
    display: table;
    width: 100%;
    white-space: nowrap;
    margin: 0 0 1.5rem;
}

.post-hidden-heading span {
    position: relative;
    padding: 0 1rem;
}

.post-hidden-heading:after,
.post-hidden-heading:before {
    content: "";
    border-top: 1px solid var(--border-light);
    display: table-cell;
    width: 50%;
    position: relative;
    top: 10px;
}

.post-hidden-tips {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    padding: 4rem;
    margin: 2rem 0;
    border-radius: var(--radius-sm);
}

.hidden-blur-poster {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: inherit;
    opacity: .4;
}

.post-hidden-tips:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 15%;
}

.post-hidden-tips .hidden-tips-text {
    position: relative;
    -webkit-box-shadow: inset 0 -2px 0 var(--bg-primary);
    box-shadow: inset 0 -2px 0 var(--bg-primary);
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 50%;
    right: 0;
    background: var(--bg-primary);
    -webkit-transform: translate(150%, -50%);
    transform: translate(150%, -50%);
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .tips-arrow-inner {
    width: 100%;
    cursor: pointer;
    position: absolute;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .tips-arrow-inner .arrow {
    left: 23%;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 8px;
    height: 8px;
    background-size: contain;
    top: 6px;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .segunda {
    margin-left: 6px;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@-webkit-keyframes bounceAlpha {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(0.9);
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(0.9);
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(0.9);
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(0.9);
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .bounceAlpha {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .arrow.primera.bounceAlpha {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .arrow {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.post-hidden-tips .hidden-tips-text .hidden-tips-arrow .arrow.primera {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


/**--------------------------------------------------------------
## post author meta
--------------------------------------------------------------**/

.post-author-meta {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.75rem;
    background-color: var(--bg-light);
    border-radius: inherit;
}

.post-author-meta .flex-avatar {
    width: 48px;
    height: 48px;
}

.post-author-meta .flex-avatar img {
    width: inherit;
    height: inherit;
}

@media (max-width: 767.98px) {
    .post-author-meta {
        padding: 1rem;
    }
    .post-author-meta .flex-avatar {
        width: 36px;
        height: 36px;
    }
}


/*---------------------------------------------------
## post related
--------------------------------------------------------------*/

.post-related .card-body ul li {
    margin: 0 0 .75rem;
}

.post-related .card-body ul li a {
    position: relative;
    display: block;
    padding: 0 0 0 1rem;
}

.post-related .card-body ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    background-color: var(--bg-muted);
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-related .card-body ul li a:hover:before {
    background: #0a59f8;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, from(#6598ff), to(#0a59f8));
    background: linear-gradient(to top, #6598ff, #0a59f8);
}

.post-related .card-body ul li:last-child {
    margin: 0;
}


/*---------------------------------------------------
## nice radio
--------------------------------------------------------------*/

.product-post-header {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.product-post-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 0 0 1rem;
}

.product-post-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (max-width: 767.98px) {
    .product-post-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .product-post-content {
        padding: 0;
        margin: 1rem 0 0;
    }
    .product-post-action {
        margin: 1.5rem 0 1rem 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-post-header .media {
        width: 170px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-post-header .media {
        width: 170px;
    }
}

@media (min-width: 1200px) {
    .product-post-header .media {
        width: 210px;
    }
    .product-post-content {
        padding: .25rem 0 .25rem 1.5rem;
    }
    .product-post-action {
        margin: 2rem 0 0;
    }
}


/*--------------------------------------------------------------
table style
--------------------------------------------------------------*/

.product-post-table {
    width: 100%;
    margin-bottom: 1.5rem;
    color: var(--color-secondary);
}

.product-post-table td,
.product-post-table th {
    padding: .5rem .625rem;
    vertical-align: top;
    border: 0;
}

.product-post-table tbody {
    border-width: 1px;
    border-color: var(--border-light);
}

.product-post-table>tbody>tr:nth-of-type(odd) {
    background-color: var(--bg-light);
}

@media (max-width: 767.98px) {
    .product-post-table tbody td:first-child {
        min-width: 70px;
        padding: .5rem .5rem;
        /* text-align: right; */
    }
}


/*---------------------------------------------------
## nice radio
--------------------------------------------------------------*/

.report-radio-custom .iconfont {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s cubic-bezier(.45, 0, .14, 1.03);
    transition: all .3s cubic-bezier(.45, 0, .14, 1.03);
}

.report-radio-custom .item:hover .iconfont {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.report-radio-custom .item .check-label {
    background-color: var(--bg-light);
}

.report-radio-custom .item .check-label .text-xx {
    color: var(--color-muted);
}

.report-radio-custom .item .check-input:checked~.check-label .text-xx {
    color: var(--color-primary);
}


/*--------------------------------------------------------------
## Pagination (WordPress CSS classes)
--------------------------------------------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
}

.pagination {
    position: relative;
    display: block;
    text-align: center;
    margin: 2.5rem 0 0;
}

.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.page-numbers {
    display: inline-block;
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: .25rem;
    text-align: center;
    color: var(--color-muted);
    border-radius: var(--radius-sm);
    background-color: transparent;
}

.page-numbers:hover,
.page-numbers.current {
    color: #fff;
    background-color: var(--bg-primary);
}

.page-numbers.current,
.page-numbers.prev,
.page-numbers.next {
    display: inline-block;
}

@media (max-width: 767.98px) {
    .pagination {
        margin: 1rem 0 0;
    }
    .page-numbers {
        min-width: 1.875rem;
        height: 1.875rem;
        line-height: 1.875rem;
        border-radius: var(--radius-xs);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination {
        margin: 1.5rem 0 0;
    }
    .page-numbers {
        min-width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .pagination {
        margin: 1.5rem 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .pagination {
        margin: 2rem 0 0;
    }
}


/*--------------------------------------------------------------
    comment style
--------------------------------------------------------------*/

.comments {
    position: relative;
}

.comment-list {
    margin: 2rem 0 1rem;
}

.comment-list .comment-respond {
    position: relative;
    margin: 0 0 2rem 0;
}

.comment {
    position: relative;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid var(--border-light);
}

.comment:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.comment-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.comment_at {
    font-weight: bold;
    color: var(--color-dark);
}

.comment-from-avatar,
.comment-avatar {
    width: 40px;
    height: 40px;
    margin: 0 .9375rem 0 0;
}

.comment .comment-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .5rem 0 0 0;
}

.comment .comment-inner .apollo-svg-user {
    width: 16px;
    height: 16px;
}

.comment .comment-inner .apollo-badge-level {
    padding: 0.125rem .5rem 0.125rem .5rem;
}

.comment .comment-content {
    margin: .5rem 0 .5rem;
}

.comment .comment-content {
    line-height: 1.85
}

.comment .comment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.comment .comment-footer .comment-date {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.children {
    font-size: .875rem;
    padding: 1.5rem;
    margin: 1.25rem 0 0 3.5rem;
    border-radius: var(--radius-sm);
    background-color: var(--bg-light);
}

.children .comment {
    margin: 0 0 1rem;
    padding: 0;
    border-bottom: 0;
}

.children .comment:last-child {
    margin: 0;
}

.children .form-control {
    background-color: var(--bg-white);
}

.children .comment-avatar {
    width: 30px;
    height: 30px;
    margin: 0 .75rem 0 0;
}

.children .comment .comment-content {
    margin: .375rem 0 .375rem;
}

.children .comment .comment-inner {
    margin: .25rem 0 0 0;
}

.children .comment .comment-footer .comment-date {
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}

@media only screen and (max-width: 767px) {
    .comments {}
    .comment-list .comment-respond {
        position: relative;
        margin: 0 0 2rem;
    }
    .comment {
        position: relative;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
    }
    .comment-from-avatar,
    .comment-avatar {
        width: 28px;
        height: 28px;
        margin: 0 .625rem 0 0;
    }
    .comment .comment-inner {
        margin: .125rem 0 0 0;
    }
    .comment .comment-content {
        margin: .5rem 0 .5rem;
    }
    .children {
        padding: 1rem;
        margin: 1rem 0 0 2.375rem;
        border-radius: var(--radius-sm);
        background-color: var(--bg-light);
    }
    .children .comment {
        margin: 0 0 1rem;
        padding: 0;
        border-bottom: 0;
    }
    .children .comment:last-child {
        margin: 0;
    }
    .children .form-control {
        background-color: var(--bg-white);
    }
    .children .comment-from-avatar,
    .children .comment .comment-avatar {
        width: 28px;
        height: 28px;
    }
    .children .comment .comment-content {
        margin: .3125rem 0 .3125rem;
    }
    .children .comment .comment-inner {
        margin: .125rem 0 0 0;
    }
}


/*--------------------------------------------------------------
## reset animation
--------------------------------------------------------------*/

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


/*--------------------------------------------------------------
## widget 
--------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    .content {
        width: 71%;
    }
    .sidebar {
        width: 29%;
    }
    .user-main .content {
        width: 75%;
    }
    .user-main .sidebar {
        width: 25%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .content {
        width: 71%;
    }
    .sidebar {
        width: 29%;
    }
    .user-main .content {
        width: 75%;
    }
    .user-main .sidebar {
        width: 25%;
    }
}

@media (min-width: 1400px) {
    .content {
        width: 71%;
    }
    .sidebar {
        width: 29%;
        max-width: 365px;
    }
    .user-main .content {
        width: 80%;
    }
    .user-main .sidebar {
        width: 20%;
    }
}

.widget {
    padding: 1.25rem;
    margin-bottom: .75rem;
}

.widget-header {
    position: relative;
    margin: 0 0 1rem;
    padding-left: 1.25rem;
}

.widget-header:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #0a59f8;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left bottom, left top, from(#6598ff), to(#0a59f8));
    background: linear-gradient(to top, #6598ff, #0a59f8);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .widget {
        padding: 1rem;
    }
}


/*--------------------------------------------------------------
    search style
--------------------------------------------------------------*/

.widget_search label {
    display: block;
}

.widget_search .search-field {
    position: relative;
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    border: 0;
    border-radius: var(--radius-sm);
    background-color: var(--bg-light);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.widget_search .search-field:hover,
.widget_search .search-field:focus {
    border-color: var(--border-muted);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.widget_search .screen-reader-text,
.widget_search .search-submit {
    display: none;
}


/*--------------------------------------------------------------
    widget_recent_comments style
    widget_recent_entries  style
--------------------------------------------------------------*/

.widget_recent_entries ul,
.widget_recent_comments ul {
    padding-left: 1.25rem
}

.widget_recent_entries ul li,
.widget_recent_comments ul li {
    margin-bottom: .75rem;
    list-style-type: circle;
    font-size: inherit;
}

.widget_recent_entries ul li a,
.widget_recent_comments ul li a {
    display: block;
}

.widget_recent_entries ul li span {
    color: var(--color-muted);
    font-size: inherit
}

.widget_recent_comments ul li span {
    margin-right: 5px;
    color: var(--color-dark);
    font-weight: bold;
}


/*--------------------------------------------------------------
    widget_categories style
--------------------------------------------------------------*/

.blogroll li,
.widget_meta li,
.widget_archive li,
.widget_categories li {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: inherit;
    color: var(--color-muted);
    padding: .75rem 0;
    text-transform: uppercase;
    border-top: 1px solid var(--border-light);
}

.blogroll li {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: normal;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    justify-content: normal;
    -ms-flex-align: normal;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
    align-items: normal;
}

.widget_meta li a,
.blogroll li a,
.widget_archive li a,
.widget_categories li a {
    font-size: .875rem;
}

.blogroll li a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.blogroll li a img {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 10px;
}

.blogroll li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child {
    padding: .75rem 0 0;
}

.widget_meta li:first-child,
.blogroll li:first-child,
.widget_archive li:first-child,
.widget_categories li:first-child {
    border: none;
    padding: 0 0 .75rem 0;
}

.widget_categories select,
.widget_archive select {
    width: 100%;
    font-size: inherit;
    border: 1px solid var(--border-light);
    border-radius: 0;
    height: 35px;
}


/*--------------------------------------------------------------
    tagcloud style
--------------------------------------------------------------*/

.tagcloud a {
    position: relative;
    font-size: inherit !important;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: capitalize;
    display: inline-block;
    margin: 0 .25rem 0.5rem 0;
    border: 1px solid var(--border-light);
    padding: .5rem .9375rem;
    border-radius: var(--radius-xs);
}

.tagcloud>a {
    position: relative;
}

.tags a:before,
.tagcloud>a:before {
    content: '#';
    font-size: inherit;
    display: inline-block;
    color: var(--color-muted);
    margin-right: 5px;
}


/*--------------------------------------------------------------
    searchform style
--------------------------------------------------------------*/

.searchform {
    position: relative
}

.searchform label {
    display: none
}

.searchform input[type="submit"] {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    padding: 0 20px;
    color: #FFF;
    background-color: var(--bg-dark);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.searchform input[type="submit"]:hover {
    background-color: var(--bg-dark);
}

.searchform input[type="text"] {
    width: 100%;
}


/*--------------------------------------------------------------
    widget_media_image style
--------------------------------------------------------------*/

.widget_media_image img {
    max-width: 100%;
    height: auto
}


/*--------------------------------------------------------------
    widget_recent_comments style
--------------------------------------------------------------*/

.widget_nav_menu ul li {
    padding-top: .625rem;
    margin-top: .75rem;
    border-top: 1px solid var(--border-light);
}

.widget_nav_menu ul li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}


/*--------------------------------------------------------------
    widget_calendar style
--------------------------------------------------------------*/

.widget_calendar table {
    border-collapse: collapse;
    margin: 0 0 .5rem;
    width: 100%;
    caption-side: top;
}

.widget_calendar caption {
    border: 0;
    border-bottom: 0;
    padding: 10px 0;
}

.widget_calendar caption {
    padding: .25rem 0;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    padding: .25rem .5rem;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .widget_calendar th,
    .widget_calendar td {
        text-align: center;
        padding: .125rem .125rem;
    }
}

.widget_calendar tbody td a {
    position: relative
}

.widget_calendar tbody td a::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--bg-dark);
    border-radius: var(--radius-lg);
    bottom: -6px;
    left: 50%;
    margin-left: -3px
}

.widget_calendar td#today {
    font-weight: bold;
    color: var(--color-primary);
}

.widget_calendar tfoot {
    border: 1px solid var(--border-light);
    border-top: 0
}

.widget_calendar tfoot td {
    border: 0
}

.widget_calendar .wp-calendar-nav {
    font-size: .75rem;
}


/*--------------------------------------------------------------
    widget_rss style
--------------------------------------------------------------*/

.widget_rss .widget-title .rsswidget:first-child {
    float: right
}

.widget_rss ul li {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--border-light)
}

.widget_rss ul li:first-child {
    border: none;
    padding-top: 0
}

.widget_rss ul li .rsswidget {
    font-size: inherit;
    display: block
}

.widget_rss ul li .rss-date {
    font-size: inherit;
    color: var(--color-muted);
}

.widget_rss ul li .rssSummary {
    font-size: inherit;
    margin-top: 5px;
    color: var(--color-secondary);
}

.widget_rss ul li cite {
    font-size: inherit;
    font-style: normal;
    color: var(--color-muted);
}


/*--------------------------------------------------------------
    widget recommended posts
--------------------------------------------------------------*/

.widget_recommended_posts .list-grid .list-item {
    margin: 0 0 .75rem;
    padding: 0;
}

.widget_recommended_posts .list-grid .list-item .media:first-child {
    border-radius: inherit;
}

.widget_recommended_posts .list-grid .list-item:last-child {
    margin: 0;
}

.widget_recommended_posts .list-grid .list-item .list-content {
    padding: 0 0 0 1rem;
}

.widget_recommended_posts .list-grid .list-item .list-title {
    font-size: inherit;
}


/*--------------------------------------------------------------
## Widget recommended hots style
--------------------------------------------------------------*/

.widget_recommended_posts .list-hots .list-item {
    margin: .75rem 0 0;
}

.widget_recommended_posts .list-hots .list-item:nth-child(1) .btn-number {
    background-color: #ff4545;
    border-color: #ff4545;
}

.widget_recommended_posts .list-hots .list-item:nth-child(2) .btn-number {
    background-color: #ff4545;
    border-color: #ff4545;
}

.widget_recommended_posts .list-hots .list-item:nth-child(3) .btn-number {
    background-color: #ff4545;
    border-color: #ff4545;
}

.widget_recommended_posts .list-hots .list-body {
    position: relative;
    padding: 0 0 0 1.75rem;
}

.widget_recommended_posts .list-hots .list-body .btn-number {
    position: absolute;
    left: 0;
    font-size: .75rem;
}


/*---------------------------------------------------
## widget comments
--------------------------------------------------------------*/

.widget-comments-list .item .item-content {
    margin: 0 0 .75rem;
    padding: 0 0 .75rem;
    border-bottom: 1px solid transparent;
}

.widget-comments-list .item:last-child .item-content {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}


/*---------------------------------------------------
## widget authors
--------------------------------------------------------------*/

.widget-authors-list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.widget-authors-list .item .item-goto {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.widget-authors-list .item .item-content {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid transparent
}

.widget-authors-list .item:last-child .item-content {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}


/*--------------------------------------------------------------
    widget featured topics
--------------------------------------------------------------*/

.widget-featured-topics .list-item {
    margin: 0 0 1rem;
}

.widget-featured-topics .list-item:last-child {
    margin: 0;
}


/**--------------------------------------------------------------
column card wrapper
--------------------------------------------------------------**/

.group-info {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.group-info .media {
    width: 96px;
    height: 96px;
    margin: 0 1.25rem 0 0;
}

.group-info h1 {
    font-size: 1.5rem !important;
}

.group-info .group-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    word-wrap: break-word;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.group-info .group-info-content {
    position: relative;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.group-info .group-info-body {
    position: relative;
}

.group-info .btn.subscribe-group-action,
.group-info .btn.subscribe-group-action:hover {
    border-color: var(--btn-primary);
    background-color: var(--btn-primary);
    color: #fff;
}

.group-info .btn.subscribe-group-action:focus,
.group-info .btn.subscribe-group-action.active {
    border-color: var(--btn-light);
    background-color: var(--btn-light);
    color: var(--color-secondary);
}

.group-info .group-info-action {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    right: 1.875rem;
    top: 1.875rem;
}

.group-info .group-info-footer {
    padding-top: 1.125rem;
    margin-top: 1.5rem;
}

@media (max-width: 767.98px) {
    .group-info {
        margin: 0 0 1rem 0;
    }
    .group-info h1 {
        font-size: 1.25rem !important;
    }
    .group-info .media {
        width: 64px;
        height: 64px;
        margin: 0 .9375rem 0 0;
    }
    .group-info .group-info-footer {
        padding-top: .875rem;
        margin-top: 1.375rem;
    }
    .group-info .group-info-action {
        /* position: relative; */
        right: 1rem;
        top: auto;
        bottom: .75rem;
    }
    .group-info .group-info-action .btn {
        font-size: .625rem;
        padding: .25rem .75rem;
        min-width: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .group-info {
        margin: 0 0 1.5rem 0;
    }
    .group-info h1 {
        font-size: 1.3125rem !important;
    }
    .group-info .media {
        width: 64px;
        height: 64px;
        margin: 0 1.125rem 0 0;
    }
    .group-info .group-info-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .group-info .group-info-footer {
        padding-top: 1.125rem;
        margin-top: 1.5rem;
    }
    .group-info .group-info-action {
        right: 1.25rem;
        top: 1.25rem;
    }
    .group-info .group-info-action .btn {
        font-size: .8125rem;
        padding: .25rem .75rem;
        min-width: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .group-info .media {
        width: 80px;
        height: 80px;
    }
    .group-info h1 {
        font-size: 1.375rem !important;
    }
    .group-info .group-info {
        padding: 1.25rem;
    }
    .group-info .group-info-action {
        right: 1.25rem;
        top: 1.25rem;
    }
    .group-info .group-info-action .btn {
        font-size: .8125rem;
        padding: .25rem .75rem;
        min-width: 80px;
    }
}

@media (min-width: 1200px) {
    .group-info .card-body {
        padding: 2rem;
    }
    .group-info .group-info-desc {
        font-size: 1rem !important;
    }
}


/**--------------------------------------------------------------
user columns wrapper
--------------------------------------------------------------**/

.user-follows .item-user-follow .follow-avatar {
    width: 64px;
    height: 64px;
}

@media (max-width: 767.98px) {
    .user-follows .item-user-follow .follow-avatar {
        width: 48px;
        height: 48px;
    }
}


/**--------------------------------------------------------------
##index cat
--------------------------------------------------------------**/

.archive-block-grid .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1rem;
    margin: 0;
}

.archive-block-grid .item .media {
    width: 48px;
    height: 48px;
    margin: 0 .75rem 0 0;
}

.archive-block-grid .item .item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.archive-block-grid .item .item-body .title {
    font-size: .9375rem;
}

@media (max-width: 767.98px) {
    .archive-block-grid {
        position: relative;
        padding: .75rem;
        background-color: #fff;
        border-radius: var(--radius-sm);
    }
    .archive-block-grid .item {
        padding: .5rem .25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        border: 0;
    }
    .archive-block-grid .item .media {
        width: 42px;
        height: 42px;
        margin: 0 0 .375rem 0;
    }
    .archive-block-grid .item .item-body .title {
        font-size: .625rem;
        font-weight: normal !important;
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .archive-block-grid .item {
        padding: .75rem;
    }
    .archive-block-grid .item .media {
        margin: 0 0 0 .5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .archive-block-grid .item {
        padding: .75rem;
    }
}


/**--------------------------------------------------------------
swiper button style1
--------------------------------------------------------------**/

.swiper-button-style1 {
    position: absolute;
    top: 50%;
    z-index: 2;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 5px rgb(38 51 63 / 20%);
    -ms-box-shadow: 0px 0px 15px 5px rgb(38 51 63 / 20%);
    -o-box-shadow: 0px 0px 15px 5px rgb(38 51 63 / 20%);
    box-shadow: 0px 0px 15px 5px rgb(38 51 63 / 20%);
}

.swiper-button-style1.button-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.swiper-button-style1.button-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.swiper-button-style1.button-next.swiper-button-disabled {
    display: none;
}

.swiper-button-style1.button-prev.swiper-button-disabled {
    display: none;
}

@media (max-width: 991.98px) {
    .swiper-button-style1 {
        display: none;
    }
}


/*--------------------------------------------------------------
site banner
--------------------------------------------------------------*/

.site-banner.banner-pagination .swiper-container-horizontal>.swiper-pagination-bullets,
.site-banner.banner-pagination .swiper-pagination-custom,
.site-banner.banner-pagination .swiper-pagination-fraction {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    padding: 5px 10px;
    text-align: right;
}


/**--------------------------------------------------------------
archive navbar wrapper
--------------------------------------------------------------**/

.archive-navbar {
    position: relative;
    margin: .5rem 0 0;
}

.archive-navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.archive-navbar li {
    margin: .5rem .5rem 0 0;
}

@media (max-width: 767.98px) {
    .archive-navbar {
        position: relative;
        margin: .125rem 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .archive-navbar {
        position: relative;
        margin: .25rem 0 0;
    }
}


/*---------------------------------------------------
## nice loading
--------------------------------------------------------------*/

.loading-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.loading-ellipsis div {
    position: absolute;
    top: 33px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bg-dark);
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading-ellipsis div:nth-child(1) {
    left: 8px;
    -webkit-animation: loading-ellipsis1 0.6s infinite;
    animation: loading-ellipsis1 0.6s infinite;
}

.loading-ellipsis div:nth-child(2) {
    left: 8px;
    -webkit-animation: loading-ellipsis2 0.6s infinite;
    animation: loading-ellipsis2 0.6s infinite;
}

.loading-ellipsis div:nth-child(3) {
    left: 32px;
    -webkit-animation: loading-ellipsis2 0.6s infinite;
    animation: loading-ellipsis2 0.6s infinite;
}

.loading-ellipsis div:nth-child(4) {
    left: 56px;
    -webkit-animation: loading-ellipsis3 0.6s infinite;
    animation: loading-ellipsis3 0.6s infinite;
}

@-webkit-keyframes loading-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes loading-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes loading-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes loading-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes loading-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

@keyframes loading-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}


/*--------------------------------------------------------------
search to popup
--------------------------------------------------------------*/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(24 24 27 / 50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

.search-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.search-popup-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    min-height: 350px;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.is-visible .search-popup-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.search-popup-container .search-popup-close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: var(--bg-primary);
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms;
}

.search-popup-container .search-popup-close:hover {
    -webkit-transform: rotate(360deg) scale(1.10);
    transform: rotate(360deg) scale(1.10);
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms;
}

.search-popup-container .search-popup-close::before,
.search-popup-container .search-popup-close::after {
    content: '';
    position: absolute;
    top: 20px;
    width: 20px;
    height: 1px;
    background-color: #fff;
}

.search-popup-container .search-popup-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 10px;
}

.search-popup-container .search-popup-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 10px;
}

@media (max-width: 767.98px) {
    .search-popup-container {
        min-height: 200px
    }
    .search-popup-container .search-popup-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 32px;
        height: 32px;
    }
    .search-popup-container .search-popup-close::after {
        right: 8px;
    }
    .search-popup-container .search-popup-close::before {
        left: 8px;
    }
    .search-popup-container .search-popup-close::before,
    .search-popup-container .search-popup-close::after {
        top: 16px;
        width: 16px;
    }
}

.search-popup-body {
    position: relative;
    max-width: 800px;
    padding: 5rem 0 3rem;
    margin: 0 auto;
}

.search-popup-form {
    margin: 0 0 2rem;
}


/*--------------------------------------------------------------
  navbar-tab-mobile
--------------------------------------------------------------*/

.mobile-sidebar {
    width: 320px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    pointer-events: inherit;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
}

.mobile-sidebar.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
}

@media (max-width: 767.98px) {
    .mobile-sidebar {
        width: 80%;
    }
}

.mobile-sidebar-inner {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
}

.mobile-sidebar-action {
    position: relative;
    text-align: right;
    padding: .75rem 1rem;
}

.mobile-sidebar-menu ul li {
    position: relative;
    padding: 1rem 0;
}

.mobile-sidebar-menu ul li a {
    display: block;
    font-size: .9375rem;
}

.mobile-sidebar-menu ul>li>a {
    font-weight: bold;
    position: relative;
}

.mobile-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 10%);
    z-index: 998;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.modal-open .mobile-overlay {
    display: block;
    opacity: 1;
}


/*--------------------------------------------------------------
navbar mobile
--------------------------------------------------------------*/

.mobile-sidebar-menu {
    position: relative;
    padding: 0 1.5rem;
}

.mobile-sidebar-inner {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.mobile-menu-inner {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: var(--radius-md);
}

.mobile-menu-inner>li {
    position: relative;
    margin: 0;
}

.mobile-menu-inner>li:last-child {
    border-bottom: 0;
}

.mobile-menu-inner li a {
    position: relative;
    display: block;
    font-size: 1rem;
    padding: 10px 0;
}

.mobile-menu-inner>li:last-child a {
    border-width: 0;
}

.mobile-menu-inner li a i {
    position: relative;
    font-size: 1rem;
    margin: 0 0.625rem 0 0;
    top: -1px;
}

.mobile-menu-inner li a:hover {
    opacity: 1;
}

.mobile-menu-inner>li.in>a {
    color: var(--color-primary)
}


/*--------------------------------------------------------------
navbar mobile sub
--------------------------------------------------------------*/

.mobile-sidebar-menu .sub-menu {
    display: none;
    position: relative;
    background-color: var(--bg-light);
    border-radius: var(--radius-sm);
    margin: .5rem 0 0;
    padding: .375rem .9375rem;
}

.mobile-sidebar-menu .sub-menu li {
    /* border-bottom: 0; */
    padding: 0;
}

.mobile-sidebar-menu .sub-menu li:last-child {
    margin-bottom: 0;
    border: 0;
}

.mobile-sidebar-menu .sub-menu li a {
    font-size: .875rem;
    padding: .5rem 0;
    font-weight: normal;
}

.mobile-sidebar-menu>li.current-menu-item>a,
.mobile-sidebar-menu .sub-menu li>a:hover,
.mobile-sidebar-menu .sub-menu li.current_page_item>a,
.mobile-sidebar-menu .sub-menu li.current-menu-item>a,
.mobile-sidebar-menu .sub-menu li.current_page_ancestor>a,
.mobile-sidebar-menu .sub-menu li.current-menu-ancestor>a,
.mobile-sidebar-menu .sub-menu li.current-menu-parent>a {
    color: var(--color-primary);
}


/*--------------------------------------------------------------
dropdown sub menu
--------------------------------------------------------------*/

.mobile-sidebar-menu .menu-icon {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: .75rem;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    opacity: 0.2;
}

.mobile-sidebar-menu .menu-icon i {
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mobile-sidebar-menu .in>a .menu-icon i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*--------------------------------------------------------------
 to top
--------------------------------------------------------------*/

.scroll-fixed-menu {
    position: fixed;
    bottom: 100px;
    right: 30px;
    opacity: .6;
    z-index: 999;
}

.scroll-fixed-menu:hover {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .scroll-fixed-menu {
        right: 10px;
    }
}

.scroll-to-top {
    display: none;
}


/*--------------------------------------------------------------
 page friends style
--------------------------------------------------------------*/

.friends-card .list>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.friends-card .list .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.friends-card .list .list-item .list-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
}


/**--------------------------------------------------------------
user style stant
--------------------------------------------------------------**/


/**--------------------------------------------------------------
author card wrapper
--------------------------------------------------------------**/

.author-card {
    position: relative;
    padding: 2.5rem 2.5rem 2.125rem;
}

.author-card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
}

.author-card .card-footer {
    padding: 0;
}

.author-card .author-avatar {
    width: 81px;
    height: 81px;
}

.author-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.author-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.author-name .btn.follow-user-action,
.author-name .btn.follow-user-action:hover {
    border-color: var(--btn-primary);
    background-color: var(--btn-primary);
    color: #fff;
}

.author-name .btn.follow-user-action:focus,
.author-name .btn.follow-user-action.active {
    border-color: var(--btn-light);
    background-color: var(--btn-light);
    color: var(--color-secondary);
}

.author-data .item {
    display: inline-block;
    position: relative;
    margin: 0 1.5rem 0 0;
    padding: 0 1.5rem 0 0;
    line-height: 1;
}

.author-data .item:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 13px;
    background-color: var(--border-light);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.author-data .item:last-child:after {
    display: none;
}

.author-data .item.current a,
.author-data .item.current .text-secondary {
    color: var(--color-danger) !important;
}

@media (max-width: 767.98px) {
    .author-card {
        position: relative;
        padding: 1.25rem;
    }
    .author-card .author-avatar {
        width: 56px;
        height: 56px;
    }
    .author-data {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        white-space: nowrap;
    }
    .author-data .item {
        margin: 0 1rem 0 0;
        padding: 0 1rem 0 0;
    }
    .author-name .edit-user-info {
        position: relative;
        font-size: .625rem;
        padding: .125rem .625rem .125rem .625rem;
        min-width: 0;
        top: -1px;
    }
    .author-name .follow-user-action {
        font-size: .625rem;
        padding: .1875rem .875rem;
        min-width: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .author-card {
        position: relative;
        padding: 2rem;
    }
    .author-card .author-avatar,
    .author-card .author-avatar img {
        width: 64px;
        height: 64px;
    }
}


/*--------------------------------------------------------------
user profile navbar 
--------------------------------------------------------------*/

.user-profile-grid {
    position: relative;
}

.user-profile-grid ul li {
    margin: 1.5rem 0 0;
    padding: 1.5rem 0 0;
    border-top: 1px solid var(--border-light);
}

.user-profile-grid ul li:first-child {
    margin: 0;
    padding: 0;
    border-top: 0;
}

.user-profile-grid ul li .nav-inner {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.user-profile-grid .nav-text {
    min-width: 80px;
    color: var(--color-muted);
}

.user-profile-grid .nav-desc {
    padding: 0 1rem 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    color: var(--color-dark);
}

.user-profile-grid .nav-icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .user-profile-grid ul li {
        margin: 1.5rem 0 0;
    }
}

@media (min-width: 992px) {
    .user-profile-grid .nav-text {
        min-width: 120px;
    }
}


/*--------------------------------------------------------------
user comment style
--------------------------------------------------------------*/

.item-user-comment {
    position: relative;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid var(--border-light);
}

.item-user-comment:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.user-comment-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.user-comment-avatar {
    width: 40px;
    height: 40px;
    margin: 0 .9375rem 0 0;
}

.item-user-comment .user-comment-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .25rem 0 0 0;
}

.item-user-comment .user-comment-content {
    margin: .5rem 0 .5rem;
    line-height: 1.85
}

.item-user-comment .user-comment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .item-user-comment {
        position: relative;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
    }
    .user-comment-avatar {
        width: 28px;
        height: 28px;
        margin: 0 .625rem 0 0;
    }
    .item-user-comment .user-comment-inner {
        margin: .125rem 0 0 0;
    }
    .item-user-comment .user-comment-content {
        margin: .5rem 0 .5rem;
    }
}


/*--------------------------------------------------------------
user follow style
--------------------------------------------------------------*/

.item-user-follow {
    position: relative;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid var(--border-light);
}

.item-user-follow:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.item-user-follow .follow-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.item-user-follow .media {
    width: 64px;
    height: 64px;
}

.item-user-follow .follow-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.item-user-follow .follow-title {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media only screen and (max-width: 767px) {
    .item-user-follow {
        position: relative;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
    }
    .item-user-follow .media {
        width: 56px;
        height: 56px;
    }
    .item-user-follow .follow-content {
        margin: .25rem 0 0;
    }
}


/*--------------------------------------------------------------
user follow style
--------------------------------------------------------------*/

.item-group-follow {
    position: relative;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid var(--border-light);
}

.item-group-follow:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.item-group-follow .follow-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.item-group-follow .follow-avatar {
    width: 64px;
    height: 64px;
}

.item-group-follow .follow-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.item-group-follow .follow-content {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media only screen and (max-width: 767px) {
    .item-group-follow {
        position: relative;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
    }
    .item-group-follow .follow-avatar {
        width: 56px;
        height: 56px;
    }
    .item-group-follow .follow-content {
        margin: .25rem 0 0;
    }
}


/**--------------------------------------------------------------
user widget 
--------------------------------------------------------------**/

.widget-user-navbar {
    position: relative;
}

.widget-user-navbar ul {
    padding: .5rem 0
}

.widget-user-navbar ul li {
    padding: .5rem 0;
}

.widget-user-navbar ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-secondary);
    padding: 0 1rem;
}

.widget-user-navbar ul li a:hover,
.widget-user-navbar ul li a.active {
    opacity: 1;
    color: var(--color-dark);
}

.widget-user-navbar .nav-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1;
    margin: 0 .5rem;
    white-space: nowrap;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.widget-user-navbar ul li a:hover .nav-text,
.widget-user-navbar ul li a.active .nav-text {
    font-weight: bold;
}

.widget-user-navbar .nav-icon {
    font-size: 1.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.widget-user-navbar ul li:nth-child(1) .nav-icon {
    color: #4CD99C
}

.widget-user-navbar ul li:nth-child(2) .nav-icon {
    color: #70A4EF
}

.widget-user-navbar ul li:nth-child(3) .nav-icon {
    color: #EF5F5D
}

.widget-user-navbar ul li:nth-child(4) .nav-icon {
    color: #4896F2
}

.widget-user-navbar ul li:nth-child(5) .nav-icon {
    color: #F7C85E
}

.widget-user-navbar ul li:nth-child(6) .nav-icon {
    color: #AEBDC9
}

.widget-user-navbar ul li:nth-child(7) .nav-icon {
    color: #F3CB5A
}

.widget-user-navbar ul li:nth-child(8) .nav-icon {
    color: #B4BBD1
}

.widget-user-navbar .menu-icon {
    position: absolute;
    display: inline-block;
    right: 1rem;
    top: 50%;
    -webkit-transform: translate(-0%, -50%);
    transform: translate(0%, -50%);
    opacity: .3;
}

.widget-user-navbar .menu-icon i {
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/* -------------------------------- 

footer friends 

-------------------------------- */

.footer-friends {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer-friends .friend-item {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    padding-right: 1rem;
}

.footer-friends .friend-item:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 13px;
    background-color: var(--border-muted);
    -webkit-transform: translate(0, -50%);
    transform: translate(0%, -50%);
}

.footer-friends .friend-item:last-child {
    padding: 0;
    margin: 0;
}

.footer-friends .friend-item:last-child:after {
    display: none;
}


/* -------------------------------- 

footer social 

-------------------------------- */

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer-social .btn {
    margin: .5rem;
}

@media (max-width: 767.98px) {
    .footer-social .btn {
        margin: .25rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-social .btn {
        margin: .375rem;
    }
}


/* -------------------------------- 

user popup 

-------------------------------- */

.user-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999;
}

.user-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 999;
}

.user-popup-container {
    position: relative;
    width: 90%;
    max-width: 450px;
    margin: 4em auto;
    padding: 2rem;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.user-popup-container .user-popup-close {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
}

.user-popup-container .user-popup-close::before,
.user-popup-container .user-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 1px;
    background-color: var(--bg-secondary);
}

.user-popup-container .user-popup-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.user-popup-container .user-popup-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is-visible .user-popup-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
    .user-popup-container {
        margin: 8em auto;
    }
}


/* -------------------------------- 
user form sign
-------------------------------- */

.sign-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sign-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.sign-box .form-pwd {
    position: relative;
}

.sign-box .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 5px 15px 5px 12px;
    border-left-width: 1px;
    border-left-style: solid;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.625rem;
    color: var(--color-muted);
    line-height: 1;
}

.sign-main {
    position: relative;
}

.sign-header {
    text-align: center;
}

.sign-header .logo {
    display: inline-block;
}

.sign-header .logo img {
    max-width: 200px;
    max-height: 60px;
}

.sign-wechat .wechat-qcode {
    width: 100%;
}

@media (max-width: 767.98px) {
    .sign-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sign-box {
        max-width: 350px;
        width: 100%;
    }
    .sign-box .card {
        padding: 1.5rem 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sign-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sign-box {
        max-width: 450px;
        width: 100%;
    }
    .sign-box .card {
        padding: 2rem 1.25rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sign-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sign-box {
        max-width: 500px;
        width: 100%;
    }
    .sign-box .card {
        padding: 3rem 2rem;
    }
}

@media (min-width: 1200px) {
    .sign-inner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .sign-box {
        max-width: 500px;
        width: 100%;
    }
    .sign-box .card {
        padding: 3rem 2rem;
    }
}

input.sign-verify::-webkit-outer-spin-button,
input.sign-verify::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input.sign-verify[type="number"] {
    -moz-appearance: textfield;
}

.btn-sign-wechat {
    color: #36a95f;
    background-color: transparent;
    border-color: #bfdeca;
}

.btn-sign-qq {
    color: #275bc1;
    background-color: transparent;
    border-color: #c0d4fb;
}

.btn-sign-wechat:hover,
.btn-sign-wechat:focus,
.btn-sign-wechat:not(:disabled):not(.disabled):active,
.btn-sign-wechat:not(:disabled):not(.disabled).active {
    opacity: .7;
    color: #36a95f;
    background-color: transparent;
    border-color: #bfdeca;
}

.btn-sign-qq:hover,
.btn-sign-qq:focus,
.btn-sign-qq:not(:disabled):not(.disabled):active,
.btn-sign-qq:not(:disabled):not(.disabled).active {
    opacity: .7;
    color: #275bc1;
    background-color: transparent;
    border-color: #c0d4fb;
}

.sign-hr {
    position: relative;
}

.sign-hr span {
    position: relative;
    padding: 0 10px;
}

.sign-hr span:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 100px;
    height: 1px;
    background-color: var(--bg-light);
    display: block;
}

.sign-hr span:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    width: 100px;
    height: 1px;
    background-color: var(--bg-light);
    display: block;
}


/* -------------------------------- 
radio style 
-------------------------------- */

.radio-custom-style .item {
    position: relative;
}

.radio-custom-style .item:hover,
.radio-custom-style .item.current {
    border-color: var(--border-primary) !important;
}

.radio-custom-style .item .check-input {
    display: none;
}

.radio-custom-style .item .check-label {
    padding: 1.5rem 0;
    display: block;
    cursor: pointer
}

.radio-custom-style .item .check-input:checked~.check-label {
    background-color: var(--btn-outline-primary);
    color: var(--color-primary);
}

@media (max-width: 767.98px) {
    .radio-custom-style .item .check-label {
        padding: 1rem 0;
    }
}


/* -------------------------------- 
radio post style 
-------------------------------- */

.post-radio-custom {
    position: relative;
}

.post-radio-custom .item {
    display: inline-block;
    margin: 0 .25rem .25rem 0;
}

.post-radio-custom .item .check-label {
    padding: .25rem .5rem;
}

.post-radio-custom .item .check-input:checked~.check-label {
    position: relative;
    color: var(--color-primary);
    border-color: var(--btn-outline-primary);
    background-color: var(--btn-outline-primary);
}

.post-radio-custom .item .check-label:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiAwYzI4Mi43ODQgMCA1MTIgMjI5LjIxNiA1MTIgNTEycy0yMjkuMjE2IDUxMi01MTIgNTEyUzAgNzk0Ljc4NCAwIDUxMiAyMjkuMjE2IDAgNTEyIDB6bTIzNi4zMiAyOTQuMTQ0TDQwOC44OTYgNjMzLjUzNiAyNTkuODQgNDg0LjU0NCAxOTIgNTUyLjQxNmwyMTYuODk2IDIxNi45MjggNDA3LjI5Ni00MDcuMjk2LTY3Ljg3Mi02Ny45MDR6IiBmaWxsPSIjMGE1OWY4Ii8+PC9zdmc+');
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1;
}

.post-radio-custom .item .check-input:checked~.check-label:before {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}


/* -------------------------------- 
fileuploader style 
-------------------------------- */

.fileuploader-theme-thumbnails {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    position: relative;
    display: inline-block;
    margin: 16px 0 0 16px;
    padding: 0;
    vertical-align: top;
    width: 25%;
    width: calc(25% - 16px);
    padding-top: calc(25% - 16px);
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner,
.fileuploader-theme-thumbnails .fileuploader-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

@media (min-width: 1400px) {
    .post-edit-main .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
    .post-edit-main .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: 150px;
        padding-top: 150px;
    }
}


/* input */

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    background: var(--bg-light);
    border: 2px solid var(--border-light);
    text-align: center;
    font-size: 30px;
    color: var(--color-secondary);
    cursor: pointer;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {
    opacity: 1;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active,
.fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {
    background: var(--bg-light);
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner i {
    position: absolute;
    font-style: normal;
    left: 0;
    top: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* items */

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list {
    margin: -16px 0 0 -16px;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item {
    border-bottom: 0;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item:last-child {
    margin-bottom: 0;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item-inner {
    background: rgba(0, 0, 0, 0.02);
    overflow: hidden;
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
    width: 100%;
    height: 100%;
}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
    position: relative;
    background: #ffff;
    text-align: center;
    overflow: hidden;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon {
    background-size: 30%;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon i {
    display: none;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action-popup {
    border-radius: 6px;
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item .type-holder {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 3px 6px;
    background: var(--bg-secondary);
    text-transform: uppercase;
    color: #fff;
    font-size: .5rem;
    line-height: 1;
    border-radius: var(--radius-sm);
    z-index: 2;
}

.fileuploader-theme-thumbnails .fileuploader-item .actions-holder {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    height: 20px;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action {
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action {
    margin-left: 8px;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 2;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder h5 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder span {
    display: block;
    font-size: .5rem;
    color: var(--color-light);
}


/* uploading */

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.upload-failed .fileuploader-item-inner {
    background: #db6868;
}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {
    position: relative;
    top: 50%;
    width: 80%;
    height: 6px;
    margin: 0 auto;
    margin-top: -6px;
    background: var(--bg-light);
}


/* sorter */

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.sorting {
    padding-top: 0;
    margin: 0;
}

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {
    background: var(--bg-light);
    border-radius: 6px;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
    background: var(--btn-success);
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
    background: var(--btn-danger);
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
    content: "" !important;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
    top: 2px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTU3NiA1MTJsMjc3LjMzMyAyNzcuMzMzLTY0IDY0TDUxMiA1NzYgMjM0LjY2NyA4NTMuMzMzbC02NC02NEw0NDggNTEyIDE3MC42NjcgMjM0LjY2N2w2NC02NEw1MTIgNDQ4bDI3Ny4zMzMtMjc3LjMzMyA2NCA2NEw1NzYgNTEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
}


/** ck editor__editable_inline**/

.ck.ck-editor__editable_inline {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

:root {
    --ck-color-base-foreground: #fff !important;
    --ck-color-base-background: #fff !important;
    --ck-color-base-border: var(--border-light) !important;
    --ck-color-base-action: #61b045;
    --ck-color-base-focus: #6cb5f9;
    --ck-color-base-text: var(--color-body) !important;
    --ck-color-base-active: var(--color-primary) !important;
    --ck-color-base-active-focus: var(--color-primary) !important;
    --ck-color-base-error: #db3700;
    --ck-color-focus-border-coordinates: var(--border-light) !important;
    --ck-color-focus-border: var(--border-light) !important;
    --ck-color-focus-outer-shadow: #fff;
    --ck-color-focus-disabled-shadow: var(--color-muted) !important;
    --ck-color-focus-error-shadow: rgba(255, 64, 31, 0.3);
    --ck-color-text: var(--ck-color-base-text);
    --ck-color-shadow-drop: rgba(0, 0, 0, 0);
    --ck-color-shadow-drop-active: rgba(0, 0, 0, 0);
    --ck-color-shadow-inner: rgba(0, 0, 0, 0);
    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: var(--bg-light) !important;
    --ck-color-button-default-active-background: var(--bg-light) !important;
    --ck-color-button-default-active-shadow: var(--bg-light) !important;
    --ck-color-button-default-disabled-background: transparent;
    --ck-color-button-on-background: var(--btn-light) !important;
    --ck-color-button-on-hover-background: var(--btn-light) !important;
    --ck-color-button-on-active-background: var(--btn-muted) !important;
    --ck-color-button-on-active-shadow: #fff;
    --ck-color-button-on-disabled-background: var(--btn-muted) !important;
    --ck-color-button-action-background: var(--ck-color-base-action);
    --ck-color-button-action-hover-background: #579e3d;
    --ck-color-button-action-active-background: #53973b;
    --ck-color-button-action-active-shadow: #498433;
    --ck-color-button-action-disabled-background: #7ec365;
    --ck-color-button-action-text: var(--ck-color-base-background);
    --ck-color-button-save: #008a00;
    --ck-color-button-cancel: #db3700;
    --ck-color-switch-button-off-background: var(--btn-light) !important;
    --ck-color-switch-button-off-hover-background: var(--btn-light) !important;
    --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
    --ck-color-switch-button-on-hover-background: #579e3d;
    --ck-color-switch-button-inner-background: var(--ck-color-base-background);
    --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, 0);
    --ck-color-dropdown-panel-background: var(--ck-color-base-background);
    --ck-color-dropdown-panel-border: var(--ck-color-base-border);
    --ck-color-input-background: var(--ck-color-base-background);
    --ck-color-input-border: var(--border-light) !important;
    --ck-color-input-error-border: var(--ck-color-base-error);
    --ck-color-input-text: var(--ck-color-base-text);
    --ck-color-input-disabled-background: var(--bg-light) !important;
    --ck-color-input-disabled-border: var(--border-light) !important;
    --ck-color-input-disabled-text: var(--color-muted) !important;
    --ck-color-list-background: var(--ck-color-base-background);
    --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
    --ck-color-list-button-on-background: var(--ck-color-base-active);
    --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
    --ck-color-list-button-on-text: var(--ck-color-base-background);
    --ck-color-panel-background: var(--ck-color-base-background);
    --ck-color-panel-border: var(--ck-color-base-border);
    --ck-color-toolbar-background: var(--ck-color-base-foreground);
    --ck-color-toolbar-border: var(--ck-color-base-border);
    --ck-color-tooltip-background: var(--ck-color-base-text);
    --ck-color-tooltip-text: var(--ck-color-base-background);
    --ck-color-engine-placeholder-text: var(--color-secondary) !important;
    --ck-color-upload-bar-background: var(--bg-primary) !important;
    --ck-color-link-default: var(--color-primary) !important;
    --ck-color-link-selected-background: rgba(31, 177, 255, 0);
    --ck-color-link-fake-selection: rgba(31, 177, 255, 0);
    --ck-disabled-opacity: .5;
    --ck-focus-outer-shadow-geometry: 0 0 0 0;
    --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
    --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
    --ck-dropdown-max-width: 10vw !important;
    --ck-border-radius: 4px !important;
    --ck-font-size-base: 13px;
    --ck-line-height-base: 1.84615;
    --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    --ck-font-size-tiny: 0.7em;
    --ck-font-size-small: 0.75em;
    --ck-font-size-normal: 1em !important;
    --ck-font-size-big: 1.2em !important;
    --ck-font-size-large: 1.4em !important;
    --ck-ui-component-min-height: 2.3em;
    --ck-inner-shadow: 0 0 0 var(--ck-color-shadow-inner) inset !important;
    --ck-drop-shadow: 0 0 0 0 var(--ck-color-shadow-drop) !important;
    --ck-drop-shadow-active: 0 0 0 0 var(--ck-color-shadow-drop-active) !important;
    --ck-spacing-unit: 0.6em;
    --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
    --ck-spacing-standard: var(--ck-spacing-unit);
    --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
    --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
    --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
    --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
}

.ck.ck-heading_heading1 {
    font-size: 1.625rem !important;
}

.ck.ck-heading_heading2 {
    font-size: 1.5rem !important;
}

.ck.ck-heading_heading3 {
    font-size: 1.3125rem !important;
}

@media (max-width: 767.98px) {
    .ck.ck-heading_heading1 {
        font-size: 1.25rem !important;
    }
    .ck.ck-heading_heading2 {
        font-size: 1.125rem !important;
    }
    .ck.ck-heading_heading3 {
        font-size: 1rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ck.ck-heading_heading1 {
        font-size: 1.625rem !important
    }
    .ck.ck-heading_heading2 {
        font-size: 1.375rem !important;
    }
    .ck.ck-heading_heading3 {
        font-size: 1.125rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ck.ck-heading_heading1 {
        font-size: 1.75rem !important
    }
    .ck.ck-heading_heading2 {
        font-size: 1.5rem !important
    }
    .ck.ck-heading_heading3 {
        font-size: 1.375rem !important
    }
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
    min-width: 1px !important;
}

.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,
.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners {
    border-top-left-radius: inherit;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
    top: 110% !important;
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list {
    padding: .5rem 0;
}

.ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
    background: transparent !important;
}

.ck.ck-list__item .ck-button {
    line-height: 1 !important;
    border-radius: 0 !important;
    padding: .625rem .75rem .5rem .75rem !important;
}

.ck.ck-list__item .ck-button .ck-button__label {
    line-height: 1 !important;
}

.ck-content {
    line-height: 1.85;
    text-align: justify;
}

.ck-content p {
    margin: 0 0 1.5rem;
}

.ck-content h1,
.ck-content h2,
.ck-content h3 {
    margin: 2.5rem auto 2rem;
}

.ck-content h4,
.ck-content h5,
.ck-content h6 {
    margin: 2.5rem auto 2rem;
}

.ck-content h2 strong {
    -webkit-box-shadow: 0 -8px 0 0 rgb(255 27 27 / 50%) inset;
    box-shadow: 0 -8px 0 0 rgb(255 27 27 / 50%) inset;
}

@media (max-width: 767.98px) {
    .ck-content h1,
    .ck-content h2,
    .ck-content h3 {
        margin: 2rem auto 1.5rem;
    }
    .ck-content h4,
    .ck-content h5,
    .ck-content h6 {
        margin: 2rem auto 1.5rem;
    }
}


/* Font Families ----------------------------- */

.ck-content p>a,
.ck-content li>a,
.ck-content dd>a,
.ck-content td a,
.ck-content th a,
.ck-content h1 a,
.ck-content h2 a,
.ck-content h3 a,
.ck-content h4 a,
.ck-content h5 a,
.ck-content h6 a,
.ck-content em a,
.ck-content strong a {
    border-bottom: 1px dashed var(--border-primary);
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
}

.ck-content p>a:hover,
.ck-content li>a:hover,
.ck-content dd>a:hover,
.ck-content td a:hover,
.ck-content th a:hover,
.ck-content h1 a:hover,
.ck-content h2 a:hover,
.ck-content h3 a:hover,
.ck-content h4 a:hover,
.ck-content h5 a:hover,
.pockst-content h6 a:hover,
.ck-content em a:hover,
.ck-content strong a:hover {
    border-bottom-style: solid;
}

.ck-content a:hover,
.ck-content a:focus {
    text-decoration: none;
}


/* Post table style ----------------------------- */

.ck-content>table,
.ck-content div>table {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--border-light);
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.ck-content>table th,
.ck-content div>table th {
    font-weight: 700;
}

.ck-content>table th,
.ck-content>table td,
.ck-content div>table th,
.ck-content div>table td {
    border: 1px solid var(--border-light);
    padding: 0.75rem 1.125rem;
    margin: 0;
    overflow: visible;
}

.ck-content>table thead,
.ck-content div>table thead {
    vertical-align: bottom;
    white-space: nowrap;
}

.ck-content>table tbody tr:nth-child(odd),
.ck-content div>table tbody tr:nth-child(odd) {
    background: var(--bg-light);
}

.ck-content>.alignleft>table,
.ck-content>.alignright>table,
.ck-content div>.alignleft>table,
.ck-content div>.alignright>table {
    margin: 0;
}

.ck-content caption {
    background: var(--bg-light);
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
}


/* Post ul ol style ----------------------------- */

.ck-content ul,
.ck-content ol {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.5rem;
}

.ck-content ul {
    list-style: disc;
}

.ck-content ul ul {
    list-style: circle;
    margin: .75rem 0;
}

.ck-content ul ul ul {
    list-style: square;
}

.ck-content ol {
    list-style: decimal;
}

.ck-content ol ol {
    list-style: lower-alpha;
}

.ck-content ol ol ol {
    list-style: lower-roman;
}

.ck-content li {
    line-height: 1.5;
    margin: 0 0 1rem;
}

.ck-content li li {
    margin: 0 0 .5rem;
}

.ck-content li {
    line-height: 1.5;
    margin: 0 0 1rem;
}

.ck-content li li {
    margin: 0 0 .5rem;
}


/* 
  data-tooltip
*/

[data-tooltip] {
    position: relative;
    z-index: 10;
}


/* Positioning and visibility settings of the tooltip */

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% + 5px);
    pointer-events: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    will-change: transform;
}


/* The actual tooltip with a dynamic width */

[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: .375rem .75rem;
    min-width: 75px;
    max-width: 300px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: var(--radius-sm);
    font-size: .625rem;
    background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    -webkit-transform: translate(-50%, -5px) scale(0.5);
    transform: translate(-50%, -5px) scale(0.5);
}


/* Tooltip arrow */

[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(-50%) scaleY(0);
    transform: translateX(-50%) scaleY(0);
}


/* Tooltip becomes visible at hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}


/* Scales from 0.5 to 1 -> grow effect */

[data-tooltip]:hover:before {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate(-50%, -5px) scale(1);
    transform: translate(-50%, -5px) scale(1);
}


/* 
    Arrow slide down effect only on mouseenter (NOT on mouseleave)
  */

[data-tooltip]:hover:after {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    /* Starting after the grow effect */
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: translateX(-50%) scaleY(1);
    transform: translateX(-50%) scaleY(1);
}


/* LEFT */


/* Tooltip + arrow */

[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + 5px);
    bottom: 50%;
}


/* Tooltip */

[data-tooltip-location="left"]:before {
    -webkit-transform: translate(-5px, 50%) scale(0.5);
    transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    -webkit-transform: translate(-5px, 50%) scale(1);
    transform: translate(-5px, 50%) scale(1);
}


/* Arrow */

[data-tooltip-location="left"]:after {
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateY(50%) scaleX(0);
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    -webkit-transform: translateY(50%) scaleX(1);
    transform: translateY(50%) scaleX(1);
}


/* RIGHT */

[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
    left: calc(100% + 5px);
    bottom: 50%;
}

[data-tooltip-location="right"]:before {
    -webkit-transform: translate(5px, 50%) scale(0.5);
    transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
    -webkit-transform: translate(5px, 50%) scale(1);
    transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
    border-width: 5px 5px 5px 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translateY(50%) scaleX(0);
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
    -webkit-transform: translateY(50%) scaleX(1);
    transform: translateY(50%) scaleX(1);
}


/* BOTTOM */

[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + 5px);
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    -webkit-transform: translate(-50%, 5px) scale(0.5);
    transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    -webkit-transform: translate(-50%, 5px) scale(1);
    transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}


/**********nice-embed-block*********/

.nice-embed-block {
    position: relative;
    overflow: hidden;
    background-color: var(--bg-dark);
    margin: 1.5rem 0;
}

.nice-embed-block .nice-embed-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 1rem;
    color: #fff;
    min-width: 0;
    border-radius: inherit;
    word-wrap: break-word;
    z-index: 1;
}

.nice-embed-block .nice-embed-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
    opacity: .2;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.nice-embed-block .media {
    width: 100px;
}

.nice-embed-block .nice-embed-content {
    margin: 0 1rem;
}

.nice-embed-block .nice-embed-goto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.nice-embed-block .media {
    width: 100px;
}

.nice-embed-block .nice-embed-content {
    margin: 0 1rem;
}

.nice-embed-block .nice-embed-goto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}


/**Page 1111*/

.coupon-cats .item {
    position: relative;
}

.coupon-cats .item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transform: scale(1.1);
transform: scale(1.1);
.nice-embed-block .media {
    width: 100px;
}

.nice-embed-block .nice-embed-content {
    margin: 0 1rem;
}

.nice-embed-block .nice-embed-goto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.nice-embed-block .media {
    width: 100px;
}

.nice-embed-block .nice-embed-content {
    margin: 0 1rem;
}

.nice-embed-block .nice-embed-goto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}


/**Page 1111*/

.coupon-cats .item {
    position: relative;
}

.coupon-cats .item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}


}