/*
Theme Name: Cosy
Theme URI: https://www.nicetheme.cn
Author: nicetheme
Author URI: https://www.nicetheme.cn
Description: Cosy is a multi-functional WordPress theme with vivid layouts and awesome article styles. Words, videos, and pictures can be easily exhibited in a wonderful way. She is a simple yet powerful theme as always.
Version: 5.0.2
License URI: LICENSE
Text Domain: cosy
*/

:root {
    --swiper-theme-color: var(--bg-primary);
    --swiper-navigation-mini-size: 30px;
}

.font-theme {
    font-family: Manrope, Arial, sans-serif;
}

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

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


/*--------------------------------------------------------------
    title Font color style
--------------------------------------------------------------*/

.text-primary {
    color: var(--color-primary) !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;
}

.text-disabled {
    pointer-events: none;
    opacity: 0.65;
}


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

.btn {
    border-radius: var(--radius-xs);
    white-space: normal;
    font-size: 0.875rem;
    padding: 0.5rem 1.625rem;
}

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

@media (max-width: 767.98px) {
    .btn {
        padding: 0.375rem 1.625rem;
    }
}


/*--------------------------------------------------------------
    btn style
--------------------------------------------------------------*/

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

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.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 {
    color: #fff;
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
    opacity: .4
}


/*--------------------------------------------------------------
    btn secondary style
--------------------------------------------------------------*/

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

.btn-secondary:hover,
.btn-secondary:focus,
.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-secondary);
    border-color: var(--btn-secondary);
}


/*--------------------------------------------------------------
    btn light style
--------------------------------------------------------------*/

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

.btn-light:hover,
.btn-light:focus,
.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 dark style
--------------------------------------------------------------*/

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

.btn-dark:hover,
.btn-dark:focus,
.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 danger style
--------------------------------------------------------------*/

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

.btn-danger:hover,
.btn-danger:focus,
.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 style
--------------------------------------------------------------*/

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

.btn-link:hover,
.btn-link:focus,
.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);
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    text-decoration: none;
}


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

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

.btn-text:hover,
.btn-text:focus,
.btn-text.focus,
.btn-text.disabled,
.btn-text:disabled,
.btn-text:not(:disabled):not(.disabled):active,
.btn-text:not(:disabled):not(.disabled).active,
.btn-text:not(:disabled):not(.disabled):active:focus,
.btn-text:not(:disabled):not(.disabled).active:focus {
    color: var(--color-secondary);
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

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

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


/*--------------------------------------------------------------
 btn outline style
--------------------------------------------------------------*/

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.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 style
--------------------------------------------------------------*/

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

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.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-secondary);
    border-color: var(--btn-secondary);
}


/*--------------------------------------------------------------
 btn outline light style
--------------------------------------------------------------*/

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

.btn-outline-light:hover,
.btn-outline-light:focus,
.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-secondary);
    border-color: var(--btn-light);
}


/*--------------------------------------------------------------
 btn outline secondary style
--------------------------------------------------------------*/

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

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


/*--------------------------------------------------------------
    btn style
--------------------------------------------------------------*/

.btn-pointer {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #ff1d1d;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #fa7a46, #ff1d1d);
    background: -webkit-gradient(linear, left top, right top, from(#fa7a46), to(#ff1d1d));
    background: linear-gradient(to right, #fa7a46, #ff1d1d);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-box-shadow: 0 15px 20px rgb(254 89 43 / 20%);
    box-shadow: 0 15px 20px rgb(254 89 43 / 20%);
    border: 0;
    padding: 0.6875rem 1.75rem;
}

.btn-pointer:hover,
.btn-pointer:focus {
    color: #fff;
}

.btn-pointer:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3em;
    background: #ff1d1d;
    background: -o-linear-gradient(left, #ff1d1d, #fa7a46);
    background: -webkit-gradient(linear, left top, right top, from(#ff1d1d), to(#fa7a46));
    background: linear-gradient(to right, #ff1d1d, #fa7a46);
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    z-index: 2;
    opacity: 0;
}

.btn-pointer:hover:after {
    opacity: 1;
}

.btn-pointer span {
    position: relative;
    z-index: 3;
}

@media (max-width: 767.98px) {
    .btn-pointer.btn-lg {
        padding: 0.6875rem 1.75rem;
    }
}


/*--------------------------------------------------------------
 btn radius style
--------------------------------------------------------------*/

.btn-circle {
    border-radius: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-rounded {
    border-radius: 5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

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

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

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

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

.btn-rounded.btn-sm {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

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

@media (max-width: 767.98px) {
    .btn-rounded.btn-sm {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


/*--------------------------------------------------------------
 btn size style
--------------------------------------------------------------*/

.btn-xs {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
}

.btn-sm {
    font-size: 0.8125rem;
    padding: 0.3125rem 0.875rem;
}

.btn-lg {
    font-size: 0.9375rem;
    padding: 0.625rem 2rem;
}

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

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-sm {
        font-size: 0.75rem;
    }
    .btn-lg {
        font-size: 0.9375rem;
    }
}

@media (max-width: 767.98px) {
    .btn-sm {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
    .btn-lg {
        font-size: 0.875rem;
        padding: 0.5rem 1.75rem;
    }
}


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

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

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

.btn-icon:hover,
.btn-icon:active,
.btn-icon:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-icon.btn-xs {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.875rem;
}

.btn-icon.btn-sm {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.125rem;
}

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

.btn-icon.btn-lg {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.325rem;
}

.btn-icon .icon-status {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.icon-status {
    display: block;
    font-size: 11px;
    line-height: 1;
    min-width: 20px;
    margin: 1px;
    padding: 2px 3px;
    border-radius: var(--radius-lg);
    color: #fff;
    background-color: var(--bg-danger);
}

.icon-status.status-top {
    left: 0;
    top: 0;
}

.icon-status.status-right {
    left: auto;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

@media (max-width: 767.98px) {
    .btn-icon.btn-md {
        width: 2.125rem;
        height: 2.125rem;
        font-size: 1.125rem;
    }
    .btn-icon.btn-lg {
        width: 3.125rem;
        height: 3.125rem;
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-icon.btn-md {
        width: 2.125rem;
        height: 2.125rem;
        font-size: 1.125rem;
    }
    .btn-icon.btn-lg {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.25rem;
    }
}


/*--------------------------------------------------------------
 btn width style
--------------------------------------------------------------*/

.btn-w-xs {
    min-width: 65px;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

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

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

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

.btn-w-lg.btn-lg {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (max-width: 767.98px) {
    .btn-sm.btn-w-md {
        min-width: 80px;
    }
    .btn-lg {
        font-size: 0.875rem;
        padding: 0.5rem 1.75rem;
    }
    .btn-lg.btn-w-lg {
        min-width: 135px;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-w-lg {
        min-width: 135px;
    }
}

@media (min-width: 768px) {
    .btn-sm.btn-w-md {
        min-width: 85px;
    }
    .btn-sm.btn-w-sm {
        min-width: 70px;
    }
}


/*--------------------------------------------------------------
    svg style
--------------------------------------------------------------*/

.svg-entry {
    display: block;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDExNjYgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzIuODc1IiBoZWlnaHQ9IjY0Ij48ZGVmcz48c3R5bGUvPjwvZGVmcz48cGF0aCBkPSJNOTUuMjU1ODE0IDc3My45NTM0ODhjMCA3Mi4zMzQ4ODQgMjEzLjIzMDE0IDEzMC45NzY3NDQgNDc2LjI3OTA3IDEzMC45NzY3NDVzNDc2LjI3OTA3LTU4LjYyOTk1MyA0NzYuMjc5MDY5LTEzMC45NzY3NDVjMC03Mi4zMjI5NzctMjEzLjI1Mzk1My0xMzAuOTc2NzQ0LTQ3Ni4yNzkwNjktMTMwLjk3Njc0NHMtNDc2LjI3OTA3IDU4LjY1Mzc2OC00NzYuMjc5MDcgMTMwLjk3Njc0NHoiIGZpbGw9IiNFREVERUQiLz48cGF0aCBkPSJNMTk3LjIwMzM0OSAyMzguMTE1NzIxbDM0NC43NTQ2MDQtNzIuNDc3NzY4djYxNC45NTk2MjhsLTMyMC45NDA2NTEtODkuMDI4NDY1eiIgZmlsbD0iI0NCQ0JDQiIvPjxwYXRoIGQ9Ik01NDEuOTY5ODYgMjkyLjk4MzA3VjE2NS42MjYwNDdsNDA4Ljk0NTExNyA0Mi40NDgzNzJMNjExLjMyOCAzMDUuNDAyMDQ3eiIgZmlsbD0iI0E5QTlBOSIvPjxwYXRoIGQ9Ik01OTUuODEzMjA5IDMwMC4yMzQ0MTlsLTIuMDcxODE0IDUyMy44NTkzNDgtNDAzLjc3NzQ4OC0xMDQuNTY3MDY5VjM5My40MDY1MTJsNDA1Ljg0OTMwMi05My4xNzIwOTN6TTMyMy41MTI1NTggNDc1LjIwNzQ0MmMtOC4yNzUzNDktMS4wMzU5MDctMTYuNTYyNjA1IDQuMTMxNzIxLTE3LjYxMDQxOCAxMi40MTg5NzctMS4wMzU5MDcgOC4yODcyNTYgNC4xMzE3MjEgMTYuNTc0NTEyIDEyLjQxODk3NiAxNy41OTg1MTFsMTMyLjUwMDgzNyAyMy44MTM5NTRjOC4yODcyNTYgMS4wMzU5MDcgMTYuNTc0NTEyLTQuMTQzNjI4IDE3LjYyMjMyNi0xMi40MzA4ODQgMS4wMzU5MDctOC4yNzUzNDktNC4xMzE3MjEtMTYuNTYyNjA1LTEyLjQxODk3Ny0xNy41ODY2MDVsLTEzMi41MTI3NDQtMjMuODEzOTUzeiIgZmlsbD0iI0Q2RDZENiIvPjxwYXRoIGQ9Ik01OTMuNzI5NDg4IDgyNC4wODE4NmwzNjUuNDYwODM4LTEyNi4yOTczMDJWMzc3Ljg5MTcyMWwtMzY1LjQ2MDgzOC03Ny42NTczMDJ6IiBmaWxsPSIjREZERkRGIi8+PHBhdGggZD0iTTE5NC4wODM3MjEgMjM4LjExNTcyMUw4NC4zNjA5MyAzOTMuNDA2NTEybDM5OS42MTAwNDcgNzkuNzE3MjA5IDEwOS43NDY2MDQtMTcyLjg4OTMwMnoiIGZpbGw9IiNFREVERUQiLz48cGF0aCBkPSJNNzA3LjYxOTcyMSA0NjEuNzI4NzQ0bDM0OC44OTgyMzItMTE0LjkxNDIzMi0xMDUuNTkxMDY5LTEzOS43NzYtMzU2LjEzNzY3NSA5My4xODR6IiBmaWxsPSIjRjdGN0Y3Ii8+PHBhdGggZD0iTTcxNy45NjY4ODQgNTU4LjAzMjM3MmwxMzQuNTk2NDY1LTM2LjI0NDgzN3Y5My4xNzIwOTNsLTEzNC41OTY0NjUgNDMuNDk2MTg2eiIgZmlsbD0iI0Y2RjZGNiIvPjxwYXRoIGQ9Ik03MzYuNjAxMzAyIDU4Ny4wMTM5NTN2LTYuMjE1NDQxbDQ5LjY4NzgxNC0xNS41MjY2OTh2Ni4yMTU0NDJsLTQ5LjY4NzgxNCAxNS41MjY2OTd6bTAgMjAuNzA2MjMzdi02LjIxNTQ0Mmw0MS40MDA1NTgtMTIuNDE4OTc3djYuMjE1NDQybC00MS40MDA1NTggMTIuNDE4OTc3em0wIDIwLjcwNjIzM3YtNi4yMjczNDlsNjkuMzU4MTQtMjEuNzQyMTR2Ni4yMTU0NDJsLTY5LjM1ODE0IDIxLjc1NDA0N3oiIGZpbGw9IiNERkRGREYiLz48cGF0aCBkPSJNNDc5Ljg1MTE2MyAxNy44NjA0NjVjMCA5Ljg1ODk3NyA2Ljk1MzY3NCAxNy44NjA0NjUgMTUuNTI2Njk3IDE3Ljg2MDQ2NXMxNS41MjY2OTgtOC4wMDE0ODggMTUuNTI2Njk4LTE3Ljg2MDQ2NVM1MDMuOTM4OTc3IDAgNDk1LjM3Nzg2IDBjLTguNTczMDIzIDAtMTUuNTI2Njk4IDguMDAxNDg4LTE1LjUyNjY5NyAxNy44NjA0NjV6bTcyLjQ3Nzc2NyAwYzAgOS44NTg5NzcgNi45NTM2NzQgMTcuODYwNDY1IDE1LjUyNjY5OCAxNy44NjA0NjUgOC41NzMwMjMgMCAxNS41MTQ3OTEtOC4wMDE0ODggMTUuNTE0NzkxLTE3Ljg2MDQ2NVM1NzYuNDE2NzQ0IDAgNTY3Ljg1NTYyOCAwYy04LjU3MzAyMyAwLTE1LjUyNjY5OCA4LjAwMTQ4OC0xNS41MjY2OTggMTcuODYwNDY1em03Mi40NjU4NjEgMGMwIDkuODU4OTc3IDYuOTUzNjc0IDE3Ljg2MDQ2NSAxNS41NTA1MTEgMTcuODYwNDY1IDguNTczMDIzIDAgMTUuNTE0NzkxLTguMDAxNDg4IDE1LjUxNDc5MS0xNy44NjA0NjVTNjQ4LjkwNjQxOSAwIDY0MC4zNTcyMDkgMGMtNC4xMTk4MTQgMC04LjA4NDgzNyAxLjg2OTM5NS0xMS4wMDIwNDYgNS4yMjcxNjNhMTkuMzAxMjA5IDE5LjMwMTIwOSAwIDAwLTQuNTQ4NDY1IDEyLjYzMzMwMnoiIGZpbGw9IiNBOUE5QTkiLz48L3N2Zz4=');
}

.svg-notice {
    position: relative;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjE5NDIzNTQ0MTMzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg2MSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik02MTEuNTU1NTU2IDU3My42Mjk2M20tNDAyLjk2Mjk2MyAwYTQwMi45NjI5NjMgNDAyLjk2Mjk2MyAwIDEgMCA4MDUuOTI1OTI2IDAgNDAyLjk2Mjk2MyA0MDIuOTYyOTYzIDAgMSAwLTgwNS45MjU5MjYgMFoiIGZpbGw9IiNmMDRhNGMiIGZpbGwtb3BhY2l0eT0iLjEiIHAtaWQ9Ijg2MiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTIiIGNsYXNzPSJzZWxlY3RlZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjEuMTg1MTg1IDg3Mi4yOTYyOTZsMjk0LjM1MjU5My0wLjAyODQ0NCA0LjMxNDA3NCAwLjAyODQ0NEM2NjYuNjkwMzcgODcyLjI5NjI5NiA4MzQuMzcwMzcgNzA0LjYxNjI5NiA4MzQuMzcwMzcgNDk3Ljc3Nzc3OFM2NjYuNjkwMzcgMTIzLjI1OTI1OSA0NTkuODUxODUyIDEyMy4yNTkyNTkgODUuMzMzMzMzIDI5MC45MzkyNTkgODUuMzMzMzMzIDQ5Ny43Nzc3Nzh2Mjk5LjczODA3NEE3NS44NTE4NTIgNzUuODUxODUyIDAgMCAwIDE2MS4xODUxODUgODcyLjI5NjI5NnpNOS40ODE0ODEgNTAyLjMwMDQ0NGwwLjAwOTQ4Mi0yLjg3Mjg4OEw5LjQ4MTQ4MSA0OTcuNzc3Nzc4QzkuNDgxNDgxIDI0OS4wNDA1OTMgMjExLjEyNDE0OCA0Ny40MDc0MDcgNDU5Ljg1MTg1MiA0Ny40MDc0MDcgNzA4LjU4OTAzNyA0Ny40MDc0MDcgOTEwLjIyMjIyMiAyNDkuMDQwNTkzIDkxMC4yMjIyMjIgNDk3Ljc3Nzc3OFM3MDguNTg5MDM3IDk0OC4xNDgxNDggNDU5Ljg1MTg1MiA5NDguMTQ4MTQ4Yy0xLjcxNjE0OCAwLTMuNDQxNzc4LTAuMDA5NDgxLTQuNzQwNzQxLTAuMDI4NDQ0TDE2MS4xODUxODUgOTQ4LjE0ODE0OEM3Ny40MTYyOTYgOTQ4LjE0ODE0OCA5LjQ4MTQ4MSA4ODAuMjQxNzc4IDkuNDgxNDgxIDc5Ni40NTM5MjZWNTAyLjMwMDQ0NHoiIGZpbGw9IiNmMDRhNGMiIHAtaWQ9Ijg2MyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjg3LjMzNjI5NiA0NzQuMDc0MDc0QzI1OS42MDI5NjMgNDc0LjA3NDA3NCAyMzcuMDM3MDM3IDQ1Mi44ODI5NjMgMjM3LjAzNzAzNyA0MjYuNjY2NjY3czIyLjU1NjQ0NC00Ny40MDc0MDcgNTAuMjk5MjU5LTQ3LjQwNzQwOGgzMjYuMDY4MTQ4QzY0MS4xMzc3NzggMzc5LjI1OTI1OSA2NjMuNzAzNzA0IDQwMC40NTAzNyA2NjMuNzAzNzA0IDQyNi42NjY2NjdzLTIyLjU1NjQ0NCA0Ny40MDc0MDctNTAuMjk5MjYgNDcuNDA3NDA3aC0zMjYuMDY4MTQ4ek0yODkuOTA1Nzc4IDY2My43MDM3MDRDMjYwLjc2OTE4NSA2NjMuNzAzNzA0IDIzNy4wMzcwMzcgNjQyLjUzMTU1NiAyMzcuMDM3MDM3IDYxNi4yOTYyOTZzMjMuNzMyMTQ4LTQ3LjQwNzQwNyA1Mi44Njg3NDEtNDcuNDA3NDA3aDE1MC4yNjI1MThDNDY5LjMwNDg4OSA1NjguODg4ODg5IDQ5My4wMzcwMzcgNTkwLjA2MTAzNyA0OTMuMDM3MDM3IDYxNi4yOTYyOTZzLTIzLjczMjE0OCA0Ny40MDc0MDctNTIuODY4NzQxIDQ3LjQwNzQwOEgyODkuOTA1Nzc4eiIgZmlsbD0iI2YwNGE0YyIgcC1pZD0iODY0IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pMSIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==');
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .svg-entry {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 767.98px) {
    .svg-entry {
        width: 56px;
        height: 56px;
    }
    .svg-notice {
        width: 18px;
        height: 18px;
    }
}


/*--------------------------------------------------------------
    rounded style
--------------------------------------------------------------*/

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

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

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


/*--------------------------------------------------------------
    title Font Size style
--------------------------------------------------------------*/

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

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

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

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

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

.bg-dark-gradient {
    background: -o-linear-gradient(top, #000613, #343f48);
    background: -webkit-gradient(linear, left top, left bottom, from(#000613), to(#343f48));
    background: linear-gradient(to bottom, #000613, #343f48);
}

.bg-color {
    position: relative;
    overflow: hidden;
}

.bg-white-overlay {
    color: #fff;
    background-color: rgba(39, 49, 73, 0.33);
}

.bg-nocolor {
    background-color: transparent !important;
}

.bg-dark-overlay {
    color: #fff;
    background-color: rgba(44, 56, 83, 0.2);
}

.bg-img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bg-wrapper-80 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    z-index: -1;
}

.bg-overlay {
    position: fixed;
    height: 100%;
    right: -99%;
    top: 0;
    left: -99%;
    opacity: 0;
    background: rgba(120, 129, 147, 0.22);
    visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 998;
}

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

.bg-poster {
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

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


/*--------------------------------------------------------------
    title Font Size style
--------------------------------------------------------------*/

.shadow {
    -ms-box-shadow: 0px 10px 30px 0px rgba(17, 58, 93, 0.1) !important;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(17, 58, 93, 0.1) !important;
    box-shadow: 0px 10px 30px 0px rgba(17, 58, 93, 0.1) !important;
}

.shadow-2x {
    -ms-box-shadow: 0px 10px 50px -15px rgba(17, 58, 93, 0.13) !important;
    -webkit-box-shadow: 0px 10px 50px -15px rgba(17, 58, 93, 0.13) !important;
    box-shadow: 0px 10px 50px -15px rgba(17, 58, 93, 0.13) !important;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media (max-width: 767.98px) {}

.blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}


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

.badge {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.3125rem 0.625rem 0.25rem;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.badge-sm {
    padding: 0.25rem 0.35rem;
}

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

.badge-primary {
    color: #fff;
    background-color: var(--btn-primary);
}

.badge-dark {
    color: #fff;
    background-color: var(--btn-dark);
}

.badge-secondary {
    color: #fff;
    background-color: var(--btn-secondary);
}

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

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

.badge-advert {
    color: #fff;
    background-color: rgb(73 73 73 / 30%);
}

.badge-cat {
    position: relative;
    color: #f04a4c;
}

.badge-cat span {
    position: relative;
    z-index: 1;
}

.badge-cat i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f04a4c;
    border-radius: inherit;
    opacity: 0.1;
}

.badge-cat:hover,
.badge-cat:focus {
    color: inherit;
}

.badge-sticky {
    color: #fff;
    border-width: 0;
    background: #f2994a;
    background: -o-linear-gradient(left, #ffc022, #f2994a);
    background: -webkit-gradient(linear, left top, right top, from(#ffc022), to(#f2994a));
    background: linear-gradient(to right, #ffc022, #f2994a);
}

.badge-tag {
    color: #fff;
    border-width: 0;
    background: #ff6839;
    background: -o-linear-gradient(left, #ff9675, #ff6839);
    background: -webkit-gradient(linear, left top, right top, from(#ff9675), to(#ff6839));
    background: linear-gradient(to right, #ff9675, #ff6839);
}

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

.apollo-user-level {
    background: #ffb75e;
    background: -o-linear-gradient(left, #ed8f03, #ffb75e);
    background: -webkit-gradient(linear, left top, right top, from(#ed8f03), to(#ffb75e));
    background: linear-gradient(to right, #ed8f03, #ffb75e);
    color: #fff;
}

.apollo-user-level.badge-pill {
    padding: 0.1875rem 0.5rem;
}

.badge-outline-cat {
    position: relative;
    color: #ff3d00;
}

.badge-outline-cat span {
    position: relative;
    z-index: 1;
}

.badge-outline-cat i {
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #ff3d00;
    border-radius: inherit;
    opacity: 0.4;
}

.badge-outline-sticky {
    color: #ff9838;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255 183 94 / 70%);
}

.badge-outline-tag {
    color: #ff3d00;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255 61 0 / 30%);
}

.badge-pill {
    border-radius: 10rem;
    padding: 0.375rem 0.75rem;
}

.badge-w-sm {
    min-width: 50px;
}

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

@media (max-width: 1199.98px) {
    .badge {
        font-size: 9px;
        padding: 0.1875rem 0.5rem 0.1875rem;
    }
}

.list-featured-tag .badge {
    margin: 0 .25rem .375rem 0;
}


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

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

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

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

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

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

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

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


/*--------------------------------------------------------------
    form-control style
--------------------------------------------------------------*/

.form-control {
    font-size: 0.875rem;
    height: calc(37px + 2px);
    padding: 0.375rem 0.75rem;
    border-color: var(--border-light);
    color: var(--color-muted);
    border-radius: var(--radius-sm);
}

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

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

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

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

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

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

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

textarea.form-control {
    height: auto;
    padding: 0.625rem 0.75rem;
}

.form-control-lg {
    height: calc(42px + 2px);
    padding: 0.5rem 1rem;
    font-size: 0.9375rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .form-control-lg {
        height: calc(42px + 2px);
        padding: 0.5rem 1rem;
        font-size: 0.9375rem;
    }
}

@media (max-width: 767.98px) {
    .form-control {
        height: calc(33px + 2px);
        padding: 0.375rem 0.75rem;
    }
    .form-control-lg {
        height: calc(37px + 2px);
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
    }
}


/*--------------------------------------------------------------
    nav link style
--------------------------------------------------------------*/

.main-submenu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header.fixed-top .main-submenu li.nav-item>.btn-link {
    color: #fff;
}

.site-header.fixed-top .main-submenu li.nav-item>.btn-link:hover,
.site-header.fixed-top .main-submenu li.nav-item>.btn-link:focus {
    color: var(--color-secondary);
}


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

.nice-dropdown {
    position: relative;
}

.nice-dropdown .dropdown-toggle::after {
    display: none;
}

.nice-dropdown-menu {
    position: absolute;
    display: inline;
    width: 180px;
    top: 110%;
    right: 0;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--radius-md);
    background-color: #fff;
    border-color: var(--border-light);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nice-dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.nice-dropdown .nice-dropdown-menu {
    width: auto;
    font-size: inherit;
    color: inherit;
}

.nice-dropdown-menu .dropdown-item {
    font-size: 0.75rem;
    padding: 0.375rem 1.125rem 0.375rem 1rem;
}

.nice-dropdown-menu .dropdown-item:hover {
    background-color: transparent;
}

@media (max-width: 767.98px) {
    .nice-dropdown-menu .dropdown-item {
        padding: 0.375rem 1rem 0.375rem 1rem;
    }
}

.nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
    width: 350px;
    padding: 0;
}

@media (max-width: 767.98px) {
    .nice-dropdown.nice-dropdown-large {
        position: static;
    }
    .nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
        width: 280px;
        right: 10px;
    }
}

@media (max-width: 319.98px) {
    .nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
        max-width: 280px;
        width: 100%;
        right: 20px;
    }
}

.user-dropdown-heading {
    position: relative;
}

.user-dropdown-heading .apollo-user-level {
    position: relative;
    top: -2px;
}

.user-dropdown-heading .adminurl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/*--------------------------------------------------------------
    avatar style
--------------------------------------------------------------*/

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

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

.flex-avatar img {
    border-radius: inherit;
    width: inherit;
}

.flex-avatar .apollo-svg-user {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

.flex-avatar.w-28 .apollo-svg-user,
.flex-avatar.w-32 .apollo-svg-user {
    width: 11px;
    height: 11px;
    right: 0;
    bottom: 0px;
}

@media (max-width: 767.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 1;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: 8px;
        bottom: 8px;
        z-index: 1;
    }
}


/*--------------------------------------------------------------
    media style
--------------------------------------------------------------*/

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

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

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

.media-opacity {
    opacity: 0.4;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.media-overlay.bg-dark-overlay {
    background-color: rgba(44, 56, 83, 0.5);
}

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

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

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

.media-action .btn {
    border-color: transparent;
    background-color: rgb(73 73 73 / 60%);
    color: #fff;
}

@media (max-width: 767.98px) {
    .media-overlay {
        padding: .5rem .625rem 0;
    }
    .media-action {
        font-size: 1.25rem;
    }
    .media-action .btn-icon.btn-lg {
        width: 2.375rem;
        height: 2.375rem;
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .media-overlay {
        padding: .625rem .75rem 0;
    }
    .media-action {
        font-size: 1.25rem;
    }
    .media-action .btn-icon.btn-lg {
        width: 2.5rem;
        height: 2.5rem;
    }
}

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

.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-contain {
    background-color: transparent;
    background-size: contain;
}

@media (max-width: 768px) {
    .media-content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.media-36x17:after {
    padding-top: 47.222222%;
}

.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-5x1:after {
    padding-top: 20%;
}

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

.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;
}

@media (min-width: 1200px) {
    .list-poster .media-10x1:after {
        padding-top: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-poster .media-10x1:after {
        padding-top: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-poster .media-10x1:after {
        padding-top: 20%;
    }
}

@media (max-width: 767.98px) {
    .list-poster .media-5x1:after {
        padding-top: 50%;
    }
    .list-poster .media-10x1:after {
        padding-top: 33.33333%;
    }
}


/*--------------------------------------------------------------
    card style
--------------------------------------------------------------*/

.card,
.block {
    border-radius: var(--radius-sm);
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
    border: 0;
}

.block {
    position: relative;
    background-color: #fff;
}

.card {
    position: relative;
    margin: 0 0 2rem;
}

.card-header,
.card-footer {
    background-color: transparent;
    border-color: transparent;
    background-clip: padding-box;
    border: 0;
    padding: 1.25rem 1.25rem;
}

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

.card-body {
    padding: 1.25rem;
}

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

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

.card-md .card-header {
    padding: 2rem 2rem 0;
}

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

@media (max-width: 767.98px) {
    .card {
        margin: 0 0 1rem;
    }
    .card-md .card-body {
        padding: 1.375rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card {
        margin: 0 0 1.5rem;
    }
    .card-md .card-body {
        padding: 1.5rem;
    }
}


/*--------------------------------------------------------------
    list style
--------------------------------------------------------------*/

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

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

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

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

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

.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;
}

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

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

@media (max-width: 991.98px) {
    .list-footer .flex-avatar {
        width: 16px !important;
        height: 16px !important;
    }
}


/*--------------------------------------------------------------
    list + block 
--------------------------------------------------------------*/

.list-grouped .list-item.block .list-content {
    padding: 0.875rem 0.9375rem;
}

.list-grouped .list-item.block .media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-grouped .list-item.block .list-content {
        padding: 0.625rem;
    }
}

@media (max-width: 767.98px) {
    .list-grouped .list-item.block .list-content {
        padding: 0.625rem;
    }
}


/*--------------------------------------------------------------
    list sales
--------------------------------------------------------------*/

.list-grouped .list-item.block.block-sales .media {
    border-radius: inherit;
}


/*--------------------------------------------------------------
    list larger
--------------------------------------------------------------*/

.list-larger.list-grouped .list-item.block .list-content {
    padding: 1.25rem;
}

@media (max-width: 1199.98px) {
    .list-larger.list-grouped .list-item.block .list-content {
        padding: 1rem;
    }
}


/*--------------------------------------------------------------
    list header
--------------------------------------------------------------*/

.list-heading span {
    position: relative;
}

.list-heading span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCA4OC41OCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOSIgeTE9Ii00Ljc1IiB4Mj0iOSIgeTI9Ijg2LjU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjEyMzQ5Ii8+PHN0b3Agb2Zmc2V0PSIuMjQiIHN0b3AtY29sb3I9IiNmMTJjNDYiLz48c3RvcCBvZmZzZXQ9Ii42NSIgc3RvcC1jb2xvcj0iI2YxNDYzZiIvPjxzdG9wIG9mZnNldD0iLjc3IiBzdG9wLWNvbG9yPSIjZjE0YzNkIi8+PHN0b3Agb2Zmc2V0PSIuODUiIHN0b3AtY29sb3I9IiNmMTU1M2EiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iODguNTgiIHJ4PSI5IiBmaWxsPSJ1cmwoI2EpIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


/*--------------------------------------------------------------
    list grid style
--------------------------------------------------------------*/

.list-grid .list-item {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    border-radius: var(--radius-sm);
    margin: 0 0 1.5rem;
}

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

@media (max-width: 767.98px) {
    .list-grid .list-item {
        padding: .75rem;
        margin: 0 0 .75rem;
    }
    .list-grid .list-item .list-content {
        padding: 0.25rem 0.5rem 0.25rem 1rem;
    }
}

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

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

@media (min-width: 1200px) and (max-width: 1439.98px) {
    .list-grid .list-item {
        padding: 2.5rem;
        margin: 0 0 2rem;
    }
    .list-grid .list-item .list-content {
        padding: 1rem 0 1rem 2rem;
    }
}

@media (min-width: 1440px) {
    .list-grid .list-item {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        border-radius: var(--radius-sm);
        padding: 3.5rem;
        margin: 0 0 2.25rem;
    }
    .list-grid .list-item .list-content {
        padding: 1.5rem 0 1.5rem 2.5rem;
    }
}


/*--------------------------------------------------------------
    list grid padding style
--------------------------------------------------------------*/

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

.list-grid.list-grid-padding .list-item .media {
    border-radius: inherit;
}

.list-grid.list-grid-padding .list-item .list-content {
    padding: 0.375rem 0 0.375rem 1.25rem;
}

@media (max-width: 767.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: 0.875rem 0.9375rem;
    }
    .list-grid.list-grid-padding .list-item .list-content {
        padding: 0 0 0 1rem;
    }
}

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


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

.list-row .list-item {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.list-row .list-item {
    background-color: #fff;
    padding: 1.75rem;
}

.list-row .list-item .time-image {
    padding-right: 25%;
}


/*--------------------------------------------------------------
   list overlay style
--------------------------------------------------------------*/

.list-overlay {
    color: #fff;
    background-color: transparent;
    border-radius: var(--radius-sm);
}

.list-overlay:hover .media-opacity {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.list-overlay .list-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    padding: 0.75rem 0.875rem;
    z-index: 2;
}

.list-overlay .list-body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.list-grouped .list-item.list-overlay .media {
    border-radius: inherit;
}

.list-grouped .list-item.list-overlay .list-title {
    text-align: left;
}

.list-grouped .list-item.list-overlay .list-content,
.list-grouped .list-item.list-overlay.overlay-bottom .list-content {
    padding: 1rem 1.25rem;
}

.list-overlay a,
.list-overlay a:hover,
.list-overlay a:active,
.list-overlay .h5 {
    color: #fff;
}

.list-overlay .text-muted:not(i) {
    color: var(--color-light) !important;
}

.list-overlay.overlay-bottom .list-content {
    top: auto;
}

@media (max-width: 767.98px) {
    .list-overlay .list-content {
        padding: 0.75rem 0.875rem;
    }
    .list-grouped .list-item.list-overlay .list-content,
    .list-grouped .list-item.list-overlay.overlay-bottom .list-content {
        padding: 0.875rem 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-overlay .list-content {
        padding: 0.5rem;
    }
    .list-grouped .list-item.list-overlay .list-content,
    .list-grouped .list-item.list-overlay.overlay-bottom .list-content {
        padding: 0.875rem 1rem;
    }
}


/*--------------------------------------------------------------
   list index pushes
--------------------------------------------------------------*/

.list-index-pushes .swiper-container .swiper-slide .list-item.list-overlay .list-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem .25rem;
}

.list-index-pushes .swiper-container .swiper-slide .list-item.list-overlay .list-title {
    text-align: center
}

.list-index-pushes .swiper-container .swiper-scrollbar {
    opacity: 0;
}

.list-index-pushes:hover .swiper-container .swiper-scrollbar {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .list-index-pushes .swiper-slide {
        width: 75px;
    }
    .list-index-pushes .swiper-slide .list-item.list-overlay .list-title {
        font-size: .625rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-index-pushes .swiper-slide {
        width: 100px;
    }
    .list-index-pushes .swiper-slide .list-item.list-overlay .list-title {
        font-size: .625rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-index-pushes .swiper-slide {
        width: 120px;
    }
    .list-index-pushes .swiper-slide .list-item.list-overlay .list-title {
        font-size: .625rem;
    }
}

.list-index-pushes .swiper-slide {
    max-width: 150px;
}


/*--------------------------------------------------------------
   list topic style
--------------------------------------------------------------*/

.list-topic .h5 {
    position: relative;
    padding: 0 1.75rem;
    line-height: 1;
    border-radius: var(--radius-lg);
}

.list-topic .h5::after,
.list-topic .h5::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 1rem;
    height: 2px;
    background: var(--bg-light);
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
}

.list-topic .h5::before {
    left: 0;
}

.list-topic .h5::after {
    right: 0;
}

.list-topic:hover .h5::after {
    right: 0.5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-topic:hover .h5::before {
    left: 0.5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


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

.list-group-item {
    border-color: var(--border-light);
    padding: 0.9375rem 1.25rem;
    background-color: transparent;
}


/*--------------------------------------------------------------
    topics list page style
--------------------------------------------------------------*/

.list-topic .list-item .list-title {
    position: relative;
    color: #fff;
    padding: 0 1.75rem;
    display: inline-block;
}

.list-topic .list-item .list-title::after,
.list-topic .list-item .list-title::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 0.75rem;
    height: 1px;
    background: var(--bg-light);
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    z-index: 1;
    opacity: 0;
}

.list-topic .list-item .list-title::before {
    left: 0;
}

.list-topic .list-item .list-title::after {
    right: 0;
}

.list-topic .list-item:hover .list-title::after {
    right: 0.5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-topic .list-item:hover .list-title::before {
    left: 0.5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


/*--------------------------------------------------------------
    list magazine style
--------------------------------------------------------------*/

.list-magazine {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.list-magazine.list-fixed {
    position: relative;
    overflow: hidden;
}

.list-magazine.list-fixed .bg-magazine {
    opacity: 0.2;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.list-magazine.list-fixed .bg-image-color {
    opacity: 0.6;
}

@media (max-width: 767.98px) {
    .list-magazine {
        position: relative;
        overflow: hidden;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .list-magazine.list-fixed {
        padding-top: 3.5rem;
    }
    .list-magazine .list-grouped.magazine-grid .list-item.list-overlay .list-title.h5 {
        font-size: 0.625rem !important;
    }
    .list-magazine .list-grouped.magazine-grid .list-item.list-overlay.overlay-bottom .list-content {
        padding: 0.5rem 0.375rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-magazine {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .list-magazine.list-fixed {
        padding-top: 4.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-magazine {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .list-magazine.list-fixed {
        padding-top: 4.8125rem;
    }
}

@media (min-width: 1200px) {
    .list-magazine.list-fixed {
        background-color: var(--bg-dark);
        padding-top: 5.3125rem;
    }
}


/*--------------------------------------------------------------
    list poster style
--------------------------------------------------------------*/

.special-poster {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 350px;
}

.special-inner {
    position: relative;
    text-align: center;
    text-shadow: 0 2px 5px rgb(0 0 0 / 30%);
}

.special-data {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 10em;
    font-style: italic;
    line-height: 1;
    color: #fff;
    opacity: 0.3;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.special-round {
    position: absolute;
    width: 50vh;
    height: 50vh;
    top: 50%;
    left: 50%;
    opacity: 0.08;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 5em solid #fff;
    display: none;
}

@media (max-width: 767.98px) {
    .special-poster {
        height: 250px;
    }
    .special-data {
        font-size: 5em;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .special-poster {
        height: 300px;
    }
    .special-data {
        font-size: 8em;
    }
}


/*--------------------------------------------------------------
    list links
--------------------------------------------------------------*/

.list-links:first-child {
    padding-top: 0 !important;
}

.list-links+.list-links:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    .list-links-scroll {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}


/*--------------------------------------------------------------
    list author pushes style
--------------------------------------------------------------*/

.author-block-grid .list-item.block .list-content {
    position: relative;
    padding-top: 55px;
}

.author-block-grid .list-item.block .flex-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.author-block-grid .list-item.block .bg-author {
    opacity: 0.75;
}

.author-block-grid .list-item.block .bg-poster {
    opacity: 0.15;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

@media (max-width: 767.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 48px;
        height: 48px;
    }
    .author-block-grid .list-item.block .list-content {
        padding-top: 35px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 64px;
        height: 64px;
    }
    .author-block-grid .list-item.block .list-content {
        padding: 2.75rem 0.625rem 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 64px;
        height: 64px;
    }
    .author-block-grid .list-item.block .list-content {
        padding-top: 45px;
    }
}


/*--------------------------------------------------------------
    list cat style
--------------------------------------------------------------*/

.list-cat-style {
    position: relative;
}

.list-cat-dot {
    margin-left: 1rem;
}

.list-cat-dot .cat-dot {
    position: absolute;
    background: var(--bg-secondary);
    border-radius: 20px;
    width: 10px;
    height: 10px;
    display: block;
    content: '';
    left: -1rem;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-cat-dot-circle {
    margin-left: 1.25rem;
}

.list-cat-dot-circle .cat-dot {
    position: absolute;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    border: 2px solid var(--border-secondary);
    background-color: transparent;
    display: block;
    content: '';
    left: -1.25rem;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


/*--------------------------------------------------------------
    list index style
--------------------------------------------------------------*/

.list-index-heading span {
    position: relative;
}

.list-index-heading span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCA4OC41OCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOSIgeTE9Ii00Ljc1IiB4Mj0iOSIgeTI9Ijg2LjU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjEyMzQ5Ii8+PHN0b3Agb2Zmc2V0PSIuMjQiIHN0b3AtY29sb3I9IiNmMTJjNDYiLz48c3RvcCBvZmZzZXQ9Ii42NSIgc3RvcC1jb2xvcj0iI2YxNDYzZiIvPjxzdG9wIG9mZnNldD0iLjc3IiBzdG9wLWNvbG9yPSIjZjE0YzNkIi8+PHN0b3Agb2Zmc2V0PSIuODUiIHN0b3AtY29sb3I9IiNmMTU1M2EiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iODguNTgiIHJ4PSI5IiBmaWxsPSJ1cmwoI2EpIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

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

.list-index-plain .list-grid.list-grid-padding .list-content {
    padding: 0 0 0 1rem;
}


/*--------------------------------------------------------------
    widget hots comments
--------------------------------------------------------------*/

.list-author-comments>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-author-comments .item-comment {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    background-color: var(--bg-dark);
}

.list-author-comments .item-comment .media {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.list-author-comments .item-comment .media .media-content {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.list-author-comments .item-comment .author-comment-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.5rem 2.25rem;
    color: #fff;
    z-index: 1;
}

.list-author-comments .item-comment .author-comment-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
    /* padding: 0 1rem 0 1.5rem; */
}

.list-author-comments .item-comment .author-comment-title {
    position: relative;
}

.list-author-comments .item-comment .author-comment-title .icon-quote1 {
    position: absolute;
    font-size: 1.25rem;
    left: -1.5rem;
    top: -5px;
    opacity: 0.8;
}

.list-author-comments .item-comment .author-comment-title .icon-quote2 {
    position: absolute;
    font-size: 1.25rem;
    right: -1rem;
    bottom: 0;
    opacity: 0.8;
}

.list-author-comments .item-comment .author-comment-footer {
    position: relative;
}

.list-author-comments .item-comment .author-comment-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .list-author-comments .item-comment .author-comment-content {
        padding: .75rem;
    }
    .list-author-comments .item-comment .author-comment-title .icon-quote1,
    .list-author-comments .item-comment .author-comment-title .icon-quote2 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-author-comments .item-comment .author-comment-content {}
}


/*--------------------------------------------------------------
time ajax style
--------------------------------------------------------------*/

.apollo-time-ajax.disabled {
    position: relative;
    display: table;
    width: 100%;
    white-space: nowrap;
}

.apollo-time-ajax.disabled .btn.disabled {
    background-color: transparent;
    border-color: transparent;
    opacity: .4
}

.apollo-time-ajax.disabled:after,
.apollo-time-ajax.disabled:before {
    content: "";
    border-top: 1px solid var(--bg-light);
    display: table-cell;
    width: 50%;
    position: relative;
    top: 20px;
}

.nice-dark-mode .apollo-time-ajax.disabled:after,
.nice-dark-mode .apollo-time-ajax.disabled:before {
    border-top-color: var(--night-bg-light);
}


/*--------------------------------------------------------------
    custom style
--------------------------------------------------------------*/

.custom-hover {
    position: relative;
}

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

.custom-hover:hover img,
.custom-hover:hover .media-content,
.custom-hover:hover .custom-hover-img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.custom-hover .custom-hover-icon {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
    z-index: 9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.custom-hover .custom-hover-icon span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.68);
}

.custom-hover:hover .custom-hover-icon {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .custom-hover:hover img,
    .custom-hover:hover .media-content,
    .custom-hover:hover .custom-hover-img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}


/*--------------------------------------------------------------
    overlay style
--------------------------------------------------------------*/

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(22, 29, 39, 0.66);
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

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

.overlay-1 {
    width: 100%;
    height: 100%;
    background-color: rgba(22, 29, 39, 0.88);
    position: absolute;
    opacity: 0.3;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.overlay-hover:hover .overlay-1,
a:hover .overlay-1 {
    opacity: 0.68;
}

.overlay-grad {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background: var(--bg-dark);
    background: -o-linear-gradient(top, rgb(49, 49, 48, 0), rgba(22, 29, 39, 0.9));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 49, 48, 0)), to(rgba(22, 29, 39, 0.9)));
    background: linear-gradient(to bottom, rgb(49, 49, 48, 0), rgba(22, 29, 39, 0.9));
}

.overlay-hover:hover .overlay-grad,
a:hover .overlay-grad {
    opacity: 0.9;
}


/*--------------------------------------------------------------
    poster animation style
--------------------------------------------------------------*/

.poster-zoom {
    -webkit-animation: posterZoom 30s linear;
    animation: posterZoom 30s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes posterZoom {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes posterZoom {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}


/*--------------------------------------------------------------
    line-clamp style
--------------------------------------------------------------*/

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

.h-2x {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.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;
}

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


/*--------------------------------------------------------------
   headere style
--------------------------------------------------------------*/

.site-header {
    position: relative;
    width: 100%;
    background-color: #fff;
    -ms-box-shadow: 0px 5px 20px 0px rgb(17 58 93 / 5%);
    -webkit-box-shadow: 0px 5px 20px 0px rgb(17 58 93 / 5%);
    box-shadow: 0px 5px 20px 0px rgb(17 58 93 / 5%);
}

.site-header .navbar-brand {
    position: relative;
    max-width: 180px;
    padding: 0;
}

.site-header .navbar-brand .logo,
.site-header .navbar-brand .logo-night {
    max-height: 60px;
}

.site-header .navbar-brand .logo-night {
    display: none;
}

.site-header .navbar {
    padding-top: .75rem;
    padding-bottom: .75rem;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.site-header.fixed-top {
    position: fixed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.site-header.fixed-top .navbar {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.site-header.fixed-top.scroll {
    background-color: rgba(2, 10, 18, 0.8);
}

.site-header.fixed-top.scroll .navbar {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (max-width: 767.98px) {
    .site-header .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .site-header.fixed-top .navbar {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .site-header .navbar-brand {
        max-width: 110px;
        padding: 0;
        margin: 0;
    }
    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-header .navbar-brand {
        max-width: 165px;
        margin: 0;
    }
    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-header .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .site-header.fixed-top .navbar {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-header .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .site-header.fixed-top .navbar {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .site-header .navbar-brand {
        max-width: 185px;
        margin: 0;
    }
    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 50px;
    }
}


/*--------------------------------------------------------------
    site main style
--------------------------------------------------------------*/

.site-main {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

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

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

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .site-main {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media (min-width: 1400px) {
    .site-main {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}


/*--------------------------------------------------------------
    main-menu style
--------------------------------------------------------------*/

.main-menu li {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
}

.main-menu li a {
    position: relative;
    display: block;
    padding: 1.25rem 0 1.25rem 0;
}

.main-menu li:last-child a {
    margin: 0;
}

.main-menu li.current-menu-item>a,
.main-menu li:hover>a {
    color: var(--color-dark);
}

@media (min-width: 992px) {
    .main-menu>li.current-menu-item>a::after {
        content: '';
        position: absolute;
        background: var(--bg-primary);
        left: 0;
        right: 0;
        bottom: 10px;
        width: 4px;
        height: 4px;
        border-radius: var(--radius-lg);
        margin: 0 auto;
        opacity: 1;
    }
}


/*--------------------------------------------------------------
    has-children style
--------------------------------------------------------------*/

.main-menu li.menu-item-has-children a,
.main-menu li.menu-item-has-children .nav-link {
    padding-right: 0.875rem;
}

.main-menu li.menu-item-has-children .sub-menu-icon {
    position: absolute;
    right: -0.375rem;
    top: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.6;
}

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

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

.main-menu ul li.menu-item-has-children .sub-menu-icon {
    right: 1rem;
}


/*--------------------------------------------------------------
    sub-menu style
--------------------------------------------------------------*/

.main-menu li ul.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    left: 0;
    top: 100%;
    margin-top: -1rem;
    padding: 0.375rem 0;
    min-width: 200px;
    max-width: 235px;
    border-radius: var(--radius-sm);
    -webkit-transition: all 0.33s ease 0s;
    -o-transition: all 0.33s ease 0s;
    transition: all 0.33s ease 0s;
    -webkit-box-shadow: 0 5px 30px rgba(93, 115, 141, 0.1);
    box-shadow: 0 5px 30px rgba(93, 115, 141, 0.1);
}

.main-menu li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 11;
}

.main-menu li ul.sub-menu li {
    position: relative;
    display: block;
    margin: 0;
}

.main-menu li:hover>ul.sub-menu li {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.main-menu li:hover>ul.sub-menu li:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(11) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(12) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(13) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(14) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.main-menu li:hover>ul.sub-menu li:nth-child(15) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.main-menu li ul.sub-menu li:last-child {
    border: 0;
}

.main-menu li ul.sub-menu li a {
    display: block;
    padding: 0.5rem 1.25rem;
    margin: 0;
}

.main-menu li ul.sub-menu li.current-menu-item a,
.main-menu li ul.sub-menu li.current-post-ancestor a {
    color: var(--color-dark);
}

.main-menu li ul.sub-menu li ul {
    left: 101%;
    opacity: 0;
    top: -.375rem;
    visibility: hidden;
}

@media (max-width: 991.98px) {
    .main-menu li {
        margin: 0.5rem 0;
    }
    .main-menu li a {
        margin: 0;
    }
    .main-menu li.current-menu-item a {
        color: var(--color-dark);
    }
    .main-menu li.current-menu-item a:before {
        display: none;
    }
}


/*--------------------------------------------------------------
    fixed menu style
--------------------------------------------------------------*/

.site-header.fixed-top .main-menu li a,
.site-header.fixed-top .main-submenu .nav-link {
    color: var(--color-light);
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.site-header.fixed-top .main-submenu .nav-link.active {
    color: #fff;
    background-color: transparent;
}

.site-header.fixed-top .main-submenu .nav-link.active:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-dark);
}

.site-header.fixed-top .main-menu li ul.sub-menu li a,
.site-header.fixed-top .main-menu li ul.sub-menu li.current-menu-item a,
.site-header.fixed-top .main-menu li ul.sub-menu li.current-post-ancestor a,
.site-header.fixed-top .main-menu li.current-menu-item>a,
.site-header.fixed-top .main-menu li:hover>a,
.site-header.fixed-top .nav-link:hover {
    color: #fff;
}

.site-header.fixed-top .main-menu>li.current-menu-item>a::after {
    bottom: 0px
}

.site-header.fixed-top .main-menu li ul.sub-menu {
    background-color: var(--bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.site-header.fixed-top .main-menu li ul.sub-menu li {
    border-bottom-color: rgba(48, 67, 86, 0.11);
}


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

.mobile-sidebar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100vh;
    z-index: 1032;
    background: var(--bg-light);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 300ms ease;
    -o-transition: 300ms ease;
    transition: 300ms ease;
}

@media (min-width: 767.98px) {
    .mobile-sidebar::-webkit-scrollbar {
        display: none;
    }
}

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

@media (min-width: 768px) {
    .mobile-sidebar {
        width: 350px;
    }
}

.mobile-sidebar-inner {
    position: relative;
    pointer-events: auto;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 9999;
}

.mobile-sidebar-header {
    padding-bottom: 1.75rem;
}

.mobile-sidebar-header,
.mobile-sidebar-user-data {
    position: relative;
}

.mobile-sidebar-user-menu {
    padding: 0 1rem;
    margin: 0 0 1rem;
}

.mobile-sidebar-user-menu {
    position: relative;
}

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

.mobile-sidebar-action .btn-sidebar-action {
    display: inline-block;
}

.mobile-sidebar-user {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    padding: 1rem;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-sidebar-user .sign-action {
    color: #fff;
}

.mobile-sidebar-user .more-action {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
}

.mobile-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(120, 129, 147, 0.22);
    z-index: 1031;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

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


/*--------------------------------------------------------------
  mobile-tab-menu
--------------------------------------------------------------*/

.mobile-tab-menu>li {
    display: block;
    position: relative;
    opacity: 0;
    padding: 0.5rem 1rem;
}

.mobile-tab-menu>li:first-child {
    margin-top: 0;
}

.mobile-tab-menu>li>a,
.mobile-tab-menu>li>a:not([href]):not([tabindex]) {
    display: block;
    position: relative;
    font-size: .8125rem;
    font-weight: 500;
    padding: 0.25rem 0.25rem;
}

.mobile-tab-menu>li>a>i {
    margin-right: 5px;
}

.mobile-tab-menu>li.menu-item-has-children>ul {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

.mobile-tab-menu>li.menu-item-has-children>ul>li {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0.25rem;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: center;
}

.mobile-tab-menu>li.menu-item-has-children>ul>li>a>b {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--bg-primary);
    color: #fff;
    border-radius: var(--radius-lg);
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1;
    padding: 2px 5px;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.mobile-tab-menu>li.menu-item-has-children>ul>li>a {
    display: block;
    line-height: 1;
    padding: 0.625rem 0.25rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #fff;
    border-radius: var(--radius-sm);
}

.mobile-tab-menu>li.menu-item-has-children>ul>li>a i {
    display: block;
    font-size: 1.5rem;
    margin: 0.25rem auto;
    color: #9fa0a7;
}

.mobile-sidebar.open .mobile-tab-menu>li {
    -webkit-animation: fadeInRight 0.45s ease forwards;
    animation: fadeInRight 0.45s ease forwards;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.mobile-sidebar.open .mobile-tab-menu>li:nth-of-type(2) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.mobile-sidebar.open .mobile-tab-menu>li:nth-of-type(3) {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s;
}

.mobile-sidebar.open .mobile-tab-menu>li:nth-of-type(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.mobile-sidebar.open .mobile-tab-menu>li:nth-of-type(5) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.mobile-sidebar-search {
    opacity: 0;
}

.mobile-sidebar.open .mobile-sidebar-search {
    -webkit-animation: fadeInRight 0.35s ease forwards;
    animation: fadeInRight 0.35s ease forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}


/*--------------------------------------------------------------
   ajax filter post
--------------------------------------------------------------*/

.list-ajax-nav {
    position: relative;
    margin: 0 0 1.25rem;
}

.list-ajax-nav ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-ajax-nav ul li {
    position: relative;
    margin: 0 1rem 0 0;
    padding: 0 1rem 0 0;
}

.list-ajax-nav ul li::before {
    content: '';
    height: 15px;
    position: absolute;
    right: -.5rem;
    top: 50%;
    width: 15px;
    height: 1px;
    background-color: var(--border-muted);
    -webkit-transform: rotate( -45deg);
    -ms-transform: rotate( -45deg);
    transform: rotate( -45deg);
}

.list-ajax-nav ul li:last-child {
    margin: 0;
    padding: 0;
}

.list-ajax-nav ul li:last-child::before {
    display: none;
}

.list-ajax-nav ul li a {
    position: relative;
    font-size: 1rem;
    color: var(--color-secondary);
    -webkit-transition: all 0.22s ease-in-out;
    -o-transition: all 0.22s ease-in-out;
    transition: all 0.22s ease-in-out;
}

.list-ajax-nav ul li.active a {
    /* font-size: 1.25rem; */
    font-weight: 500;
    color: var(--color-primary);
}

@media (max-width: 767.98px) {
    .list-ajax-nav {
        margin: 0 0 0.75rem;
    }
    .list-ajax-nav ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .list-ajax-nav ul::-webkit-scrollbar {
        display: none;
    }
    .list-ajax-nav ul li {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .list-ajax-nav ul li a {
        font-size: 0.9375rem;
    }
    .list-ajax-nav ul li.active a {
        /* font-size: 1rem; */
    }
}


/*--------------------------------------------------------------
post content
--------------------------------------------------------------*/

.post-header {
    position: relative;
}

.post-title {
    color: var(--color-dark);
}

@media (max-width: 767.98px) {
    .post-title {
        font-size: 1.375rem !important;
    }
}

@media (min-width: 1200px) {
    .post-title {
        font-size: 1.875rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .page .post-wrapper,
    .single .post-wrapper {
        width: 70%;
    }
    .page .site-sidebar,
    .single .site-sidebar {
        width: 30%;
    }
}

@media (min-width: 1400px) {
    .page .post-wrapper,
    .single .post-wrapper {
        width: 72%;
    }
    .page .site-sidebar,
    .single .site-sidebar {
        width: 28%;
    }
}


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

.post-content {
    font-size: 0.9375rem;
    color: inherit;
    text-align: justify;
    ;
    line-height: 1.875;
    margin: 0 0 1.5rem;
}

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

.post-content h1,
.post-content h2,
.post-content h3 {
    line-height: 1.5;
    margin: 2rem 0 1rem;
    color: var(--color-dark);
}

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

.post-content h2 {
    position: relative;
    padding: 0 0 0 1.5rem;
}

.post-content h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 22px;
    border-radius: 10px;
    background: #f0494d;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(bottom, #ff843a, #f0494d);
    background: -webkit-gradient(linear, left bottom, left top, from(#ff843a), to(#f0494d));
    background: linear-gradient(to top, #ff843a, #f0494d);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.post-content h3 {
    position: relative;
    padding: 0 0 0 1.5rem;
}

.post-content h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    background-color: var(--bg-primary);
}

.post-content hr {
    margin: 4rem auto;
}

.post-inner .post-content>.wp-block-cover.alignwide:first-child,
.post-inner .post-content>.wp-block-cover.alignfull:first-child {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 2rem 0 1.25rem;
    }
    .post-content h4,
    .post-content h5 .post-content h6 {
        margin: 2.5rem 0 1.75rem;
    }
    .post-content h2:before {
        top: 5px;
        height: 18px;
    }
    .post-content h3:before {
        top: 9px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-content h3:before {
        top: 9px;
    }
}


/* 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 {
    -webkit-box-shadow: 0 -1px 0 0 var(--color-primary) inset;
    box-shadow: 0 -1px 0 0 var(--color-primary) inset;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.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 {
    opacity: 1;
    -webkit-box-shadow: 0 -1px 0 0 currentColor inset;
    box-shadow: 0 -1px 0 0 currentColor inset;
}

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


/* 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: 500;
}

.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: 500;
    padding: 0.5em;
    text-align: center;
}


/*--------------------------------------------------------------
    Content error style
--------------------------------------------------------------*/

.content-error {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.text-404 {
    font-size: 8rem;
    text-shadow: 5px 5px 1px rgb(255 87 69 / 20%);
}


/*--------------------------------------------------------------
    Archive header style
--------------------------------------------------------------*/

.archive-poster {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 350px;
}

.poster-inner {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.archive-poster h1 {
    position: relative;
    text-transform: uppercase;
}

.archive-poster h1 span {
    position: relative;
    display: inline-block;
    padding: 1rem 1rem;
    border: 2px solid #fff;
    color: #fff;
    min-width: 400px;
}

.archive-poster h1 span::before {
    background: #fff;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.archive-poster h1 span::before {
    width: 0%;
    height: 100%;
}

.archive-poster:hover h1 span::before {
    width: 100%;
}

.archive-poster:hover h1 span {
    color: var(--color-dark);
}

@media (max-width: 767.98px) {
    .archive-poster {
        min-height: 180px;
    }
    .archive-poster h1 {
        font-size: 1.25rem;
    }
    .archive-poster h1 span {
        min-width: 220px;
        padding: .5rem 1rem;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .archive-poster {
        min-height: 300px;
    }
    .archive-poster h1 span {
        min-width: 320px;
        padding: .625rem 1rem;
    }
}

@media (min-width: 1200px) {
    .archive-poster h1 {
        font-size: 2rem;
    }
    .archive-poster .archive-desc {
        font-size: 1rem;
    }
}


/*--------------------------------------------------------------
    archive heading style
--------------------------------------------------------------*/

.archive-heading {
    margin: 1rem 0 2rem;
    text-align: center;
}

.archive-heading h1 span {
    position: relative;
}

@media (max-width: 767.98px) {
    .archive-heading {
        margin: .5rem 0 0.75rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .archive-heading {
        margin: 1rem 0 1.5rem;
    }
}

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


/*--------------------------------------------------------------
archive filter
--------------------------------------------------------------*/

.archive-filter {
    margin: 0 0 2rem;
}

.archive-filter .filter-inner {
    padding: 2rem 2.5rem;
}

.archive-filter .item-filter {
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.archive-filter .item-filter ul {
    position: relative;
    margin: 0 0 0 100px;
}

.archive-filter .item-filter:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.archive-filter .item-filter ul li {
    display: inline-block;
    padding: 0.5rem 1.25rem 0.5rem 0;
}

.archive-filter .item-filter ul li a {
    display: block;
    font-size: 0.8125rem;
}

.archive-filter .item-filter ul li a:hover {
    opacity: 0.8;
}

.archive-filter .item-filter ul li.current a {
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
    color: #fff;
    padding: 0.3125rem 1rem;
    border-radius: var(--radius-xs);
    opacity: 1;
}

.archive-filter .item-filter-heading {
    position: absolute;
    top: 0.8125rem;
    font-size: 0.8125rem;
}

@media (max-width: 767.98px) {
    .archive-filter {
        margin: 0 0 1rem;
    }
    .archive-filter .filter-inner {
        padding: 1rem 1rem 1rem;
    }
    .archive-filter .item-filter {
        padding-bottom: 0.75rem;
        margin-bottom: 1rem;
    }
    .archive-filter .item-filter ul {
        margin: 0 0 0 60px;
    }
    .archive-filter .item-filter ul li {
        padding: 0.375rem 1.25rem 0.375rem 0;
    }
    .archive-filter .item-filter ul li a {
        padding: 0.3125rem 0;
        font-size: 0.75rem;
    }
    .archive-filter .item-filter-heading {
        /* top: 8px; */
        top: .625rem;
        font-size: 0.75rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .archive-filter {
        margin: 0 0 1.5rem;
    }
    .archive-filter .filter-inner {
        padding: 1rem 1.5rem;
    }
    .archive-filter .item-filter {
        margin-bottom: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .archive-filter .item-filter ul {
        margin: 0 0 0 4.5rem;
    }
}


/*--------------------------------------------------------------
    posts ajax load style
--------------------------------------------------------------*/

.posts-ajax-load {
    text-align: center;
    padding: 2.5rem 0 1rem;
}


/*--------------------------------------------------------------
    format image style
--------------------------------------------------------------*/

.post-poster {
    position: relative;
}

.post-poster .media:after {
    padding-top: 30%;
}

.post-format-image {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .post-poster .media:after {
        padding-top: 75%;
    }
}

.post-poster .bg-image-color {
    opacity: 0.9;
}

.post-poster .bg-image-cover {
    opacity: 0.2;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.post-poster.bg-dark,
.post-poster.bg-dark h1,
.post-poster.bg-dark a {
    text-align: center;
    color: #fff;
    margin: auto;
}

@media (max-width: 767.98px) {
    .post-poster .media:after {
        padding-top: 50%;
    }
    .post-format-image {
        margin: -2rem 0 0
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-poster .media:after {
        padding-top: 45%;
    }
    .post-format-image {
        margin: -5rem 0 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-poster .media:after {
        padding-top: 40%;
    }
    .post-format-image {
        margin: -6rem 0 0
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .post-poster .media:after {
        padding-top: 40%;
    }
    .post-format-image {
        margin: -6rem 0 0
    }
}

@media (min-width: 1400px) {
    .post-poster .media:after {
        padding-top: 30%;
    }
    .post-format-image {
        margin: -6rem 0 0
    }
}


/*--------------------------------------------------------------
    post audio cover
--------------------------------------------------------------*/

.post-film-cover {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    border-radius: var(--radius-sm);
    margin: 0 0 1.5rem;
}

.post-film-cover .bg-film-cover {
    background-position: center;
}

.post-film-cover .bg-image-color {
    opacity: 0.9;
}

.post-film-cover .bg-film-cover {
    opacity: 0.3;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.post-film-cover .media {
    padding-left: 0;
    padding-right: 0;
}

.post-film-cover .film-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
}

@media (max-width: 767.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 1200px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1.5rem;
    }
}


/*--------------------------------------------------------------
    post next prev list
--------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-next-prev .col .media::after {
        padding-top: 20%;
    }
}

@media (min-width: 992px) {
    .post-next-prev .col .media::after {
        padding-top: 18%;
    }
}


/*--------------------------------------------------------------
data-style
--------------------------------------------------------------*/

@-webkit-keyframes like-button-animation {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes like-button-animation {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}


/*--------------------------------------------------------------
    post like style
--------------------------------------------------------------*/

.post-action {
    position: relative;
    text-align: center;
}

.post-action .apollo-collection.current {
    background-color: var(--bg-primary);
    border-color: var(--border-primary);
    color: #fff;
}

.post-action .btn-action-like.current {
    background-color: var(--bg-primary);
    border-color: var(--border-primary);
    color: #fff;
}


/*--------------------------------------------------------------
    post share style
--------------------------------------------------------------*/

.post-share-channel a {
    margin: 5px;
}


/*--------------------------------------------------------------
    post meta style
--------------------------------------------------------------*/

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

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

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-meta .flex-avatar {
        width: 36px;
        height: 36px;
    }
}


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

.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: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

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

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

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

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

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

.comment .comment-inner .apollo-user-level {
    padding: 0.125rem 0.5rem 0.125rem 0.5rem;
}

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

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

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

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

.children {
    font-size: 0.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-from-avatar,
.children .comment .comment-avatar {
    width: 30px;
    height: 30px;
}

.children .comment .comment-content {
    margin: 0.375rem 0 0.375rem;
    word-wrap: break-word;
    word-break: break-all;
}

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

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

@media only screen and (max-width: 767px) {
    .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 0.625rem 0 0;
    }
    .comment .comment-inner {
        margin: 0.125rem 0 0 0;
    }
    .comment .comment-content {
        margin: 0.5rem 0 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: 0.3125rem 0 0.3125rem;
    }
    .children .comment .comment-inner {
        margin: 0.125rem 0 0 0;
    }
}


/*--------------------------------------------------------------
    single format image style
--------------------------------------------------------------*/

@media (min-width: 1400px) {
    .single-format-image .card-md .card-body {
        padding: 5rem 6rem;
    }
}


/*--------------------------------------------------------------
    widget style
--------------------------------------------------------------*/

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

.widget-title {
    position: relative;
    color: var(--color-dark);
    margin-bottom: 1.125rem;
}

.widget-title span {
    position: relative;
}

.widget-title:before {
    /* content: ""; */
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 4px;
    border-radius: 5px;
    background: var(--bg-primary);
}

.widget.widget_media_image {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}


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

.search-popup-cover,
.search-popup-form {
    position: relative;
}

.search-popup-cover,
.author-popup-cover {
    position: relative;
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-popup-cover .bg-poster {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background-position: center;
}

.author-popup-cover .media {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


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

.widget_search label {
    display: block;
}

.widget_search .search-field {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: var(--radius-sm);
    background-color: var(--bg-light);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.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: 0.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 {
    font-weight: 500;
    color: var(--color-dark);
    margin-right: 5px;
}


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

.blogroll li,
.widget_meta li,
.widget_archive li,
.widget_categories li {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: inherit;
    color: var(--color-muted);
    padding: 0.75rem 0 0.5rem 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;
    flex-direction: column;
    -ms-flex-pack: normal;
    -webkit-box-pack: normal;
    justify-content: normal;
    -ms-flex-align: normal;
    -webkit-box-align: normal;
    align-items: normal;
}

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

.blogroll li a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: 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: 0.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 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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: .875rem !important;
    line-height: 1;
    padding: 0.5rem 0.9375rem;
    margin: 0 0.375rem 0.375rem 0;
    border-radius: var(--radius-xs);
    border: 1px solid var(--border-light);
}

.tags a:before,
.tagcloud>a:before {
    content: '#';
    font-size: inherit;
    display: inline-block;
    color: var(--color-primary);
    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 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.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 {
    font-size: inherit;
    letter-spacing: 0.12em;
    text-align: left;
    padding-top: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-top: 1px solid var(--border-light);
}

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


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

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

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

.widget_calendar caption {
    padding: 0.25rem 0;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    padding: 0.25rem 0.5rem;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .widget_calendar th,
    .widget_calendar td {
        text-align: center;
        padding: 0.125rem 0.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: 0.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 1rem;
    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 hots comments
--------------------------------------------------------------*/

.widget-hots-comments .item-comment {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    border-radius: var(--radius-sm);
    margin: 0 0 1rem;
    background-color: var(--bg-dark);
}

.widget-hots-comments .item-comment:last-child {
    margin: 0;
}

.widget-hots-comments .item-comment .media {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget-hots-comments .item-comment .media .media-content {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.widget-hots-comments .item-comment .hots-comment-content {
    position: relative;
    padding: 1rem 0.5rem;
    color: #fff;
    z-index: 1;
}

.widget-hots-comments .item-comment .hots-comment-body {
    position: relative;
    /* border-bottom-width: 1px; */
    /* border-bottom-style: solid; */
    /* margin: 0 0 .75rem; */
    /* padding: 0 0 .75rem; */
    padding: 0 1rem 0 1.5rem;
}

.widget-hots-comments .item-comment .hots-comment-title {
    position: relative;
    /* padding: 0 1rem 0 1.5rem; */
}

.widget-hots-comments .item-comment .hots-comment-title .icon-quote1 {
    position: absolute;
    font-size: 1.25rem;
    left: -1.5rem;
    top: -.25rem;
    opacity: 0.8;
}

.widget-hots-comments .item-comment .hots-comment-title .icon-quote2 {
    position: absolute;
    font-size: 1.25rem;
    right: -1rem;
    bottom: 0;
    opacity: 0.8;
}

.widget-hots-comments .item-comment .hots-comment-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}


/*--------------------------------------------------------------
apollo widget style
--------------------------------------------------------------*/

.widget-time-tags-list li {
    display: inline-block;
    padding: 5px 5px 5px 0;
}

.widget-time-tags-list li .btn-time {
    background: #6d7685;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #9ca2a9, #6d7685);
    background: -webkit-gradient(linear, left top, right top, from(#9ca2a9), to(#6d7685));
    background: linear-gradient(to right, #9ca2a9, #6d7685);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 0;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.widget-time-tags-list li .btn-time:hover {
    opacity: .8
}

.widget-time-tags-list li:nth-child(1) .btn-time {
    background: #EB3349;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #ff6e41, #ff0844);
    background: -webkit-gradient(linear, left top, right top, from(#ff6e41), to(#ff0844));
    background: linear-gradient(to right, #ff6e41, #ff0844);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 0;
    color: #fff;
}

.widget-time-tags-list li:nth-child(3) .btn-time {
    background: #43e97b;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #43e97b, #38f9d7);
    background: -webkit-gradient(linear, left top, right top, from(#43e97b), to(#38f9d7));
    background: linear-gradient(to right, #43e97b, #38f9d7);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 0;
}

.widget-time-tags-list li:nth-child(2) .btn-time {
    background: #66a6ff;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -o-linear-gradient(left, #89f7fe, #66a6ff);
    background: -webkit-gradient(linear, left top, right top, from(#89f7fe), to(#66a6ff));
    background: linear-gradient(to right, #89f7fe, #66a6ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 0;
}


/*--------------------------------------------------------------
apollo list time  style
--------------------------------------------------------------*/

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

.widget-time-hots-list .list-item:last-child {
    margin: 0 0 0;
}

.widget-time-hots-list .list-item .list-title {
    font-size: .875rem;
}

.widget-time-hots-list .list-item .list-num {
    position: relative;
    width: 18px;
    height: 18px;
    font-size: .75rem;
    text-align: center;
    padding: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 100%;
    background-color: var(--bg-secondary);
    color: #fff;
    margin: 0 .5rem 0 0;
}

.widget-time-hots-list .list-item .list-num span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.widget-time-hots-list .list-item:nth-child(1) .list-num {
    background-color: #ff0f44;
    border-color: #ff0f44;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(2) .list-num {
    background-color: #ff552f;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(3) .list-num {
    background-color: #ff8036;
    color: #fff;
}


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

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

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


/*--------------------------------------------------------------
## 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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 2rem 0;
}

.page-numbers {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: transparent;
    color: var(--color-muted);
    margin-right: 10px;
    border-radius: var(--radius-md);
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}

.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: 1.5rem 0;
    }
    .page-numbers {
        display: inline-block;
        min-width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        margin-right: 5px;
        font-size: 0.625rem;
        border-radius: var(--radius-sm);
    }
}


/*--------------------------------------------------------------
    footer style
--------------------------------------------------------------*/

footer {
    position: relative;
}

footer .footer-copyright a {
    display: inline-block;
}


/*--------------------------------------------------------------
    footer dark style
--------------------------------------------------------------*/

.footer.bg-dark,
.footer.bg-dark p,
.footer.bg-dark a:not(.btn) {
    color: var(--color-light);
}

.footer.bg-dark a:not(.btn):hover {
    color: #fff;
}


/*--------------------------------------------------------------
    footer widget style
--------------------------------------------------------------*/

.footer-widget-header {
    position: relative;
    color: #fff;
    padding: 0 1rem;
}

.footer-widget-header::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCA4OC41OCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOSIgeTE9Ii00Ljc1IiB4Mj0iOSIgeTI9Ijg2LjU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjEyMzQ5Ii8+PHN0b3Agb2Zmc2V0PSIuMjQiIHN0b3AtY29sb3I9IiNmMTJjNDYiLz48c3RvcCBvZmZzZXQ9Ii42NSIgc3RvcC1jb2xvcj0iI2YxNDYzZiIvPjxzdG9wIG9mZnNldD0iLjc3IiBzdG9wLWNvbG9yPSIjZjE0YzNkIi8+PHN0b3Agb2Zmc2V0PSIuODUiIHN0b3AtY29sb3I9IiNmMTU1M2EiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iODguNTgiIHJ4PSI5IiBmaWxsPSJ1cmwoI2EpIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.footer-widget-content {
    font-size: 0.8125rem;
}

.footer-widget-content p {
    line-height: 1.8;
    color: var(--color-muted);
}

.footer-widget-content a {
    color: var(--color-muted);
}

.footer-widget-content a:hover {
    color: var(--color-light);
}

.footer-widget-content .footer-widget-links {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    margin-top: -0.15rem;
    margin-bottom: -0.15rem;
}

.footer-widget-content .footer-widget-links a {
    display: inline-block;
    padding: 0.15rem;
}

.footer-widget-social .btn {
    margin: 0 0.375rem 0.375rem 0;
}


/*--------------------------------------------------------------
30.0 footer copyright
--------------------------------------------------------------*/

.footer-copyright,
.footer-copyright a {
    color: var(--color-muted);
}


/*--------------------------------------------------------------
30.0 breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs span {
    font-size: 0.75rem;
}

.breadcrumbs span.sep {
    margin: 0 0.25rem;
    font-size: 0.875rem;
}


/*--------------------------------------------------------------
   loading  style
--------------------------------------------------------------*/

.ajax-loading {
    display: none;
    position: relative;
    margin: auto;
}


/***user page cover***/

.user-profile-header .user-profile-panel {
    position: relative;
}


/*--------------------------------------------------------------
apollo user meta style
--------------------------------------------------------------*/

.user-profile-poster {
    position: relative;
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.user-profile-panel {
    position: relative;
    text-align: center;
    padding: 5.5rem 0 2rem;
}

.user-profile-panel .user-profile-avatar {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid var(--bg-white);
}

.user-profile-panel .user-profile-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5rem 0 0;
}

.user-profile-panel .user-profile-data ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--bg-white);
    border-radius: 100px;
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm)
}

.user-profile-panel .user-profile-data ul li a {
    display: inline-block;
    position: relative;
    padding: .625rem 1rem;
    border-radius: 2rem;
    min-width: 100px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.user-profile-panel .user-profile-data ul li.active a {
    color: #fff;
    background-color: var(--btn-primary);
}

.user-profile-panel .user-profile-data ul li a small {
    font-size: 66%;
    font-weight: normal;
    opacity: .5;
}

@media (max-width: 767.98px) {
    .user-profile-poster {
        height: 250px;
    }
    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 3.75rem 0 1rem;
    }
    .user-profile-panel .user-profile-avatar {
        width: 80px;
        height: 80px;
    }
    .user-profile-panel .user-profile-data {
        margin: 1.5rem 0 0;
    }
    .user-profile-panel .user-profile-data ul li a {
        display: inline-block;
        position: relative;
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-radius: 2rem;
        min-width: 90px;
    }
    .user-profile-panel .user-profile-data ul li a small {
        font-size: 66%;
        margin: 0 0 0 .25rem;
        opacity: .5
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .user-profile-poster {
        height: 350px;
    }
    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 3.75rem 0 1rem;
    }
    .user-profile-panel .user-profile-avatar {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .user-profile-poster {
        height: 380px;
    }
    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 5rem 0 1rem;
    }
    .user-profile-panel .user-profile-avatar {
        width: 110px;
        height: 110px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .user-profile-poster {
        height: 380px;
    }
}


/*--------------------------------------------------------------
notice
--------------------------------------------------------------*/

.notice-bar-fullwidth {
    position: relative;
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
}

.notice-bar-fullwidth .notice-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notice-bar-fullwidth .notice-content {
    position: relative;
    padding: .75rem 2rem;
    z-index: 2;
}

.notice-bar {
    position: relative;
}

.notice-bar .notice-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notice-bar .notice-content {
    position: relative;
    padding: 1rem;
    z-index: 2;
}

.notice-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .notice-bar-fullwidth .notice-content {
        padding: 0.5rem 0;
        font-size: .625rem;
    }
    .notice-bar .notice-content {
        position: relative;
        font-size: .625rem;
        padding: 0.5rem 1rem;
        z-index: 2;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .notice-bar-fullwidth .notice-content {
        padding: 0.75rem 2rem;
    }
}


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

#search-popup-wrap,
#author-popup-wrap {
    display: none;
}

.author-popup-cover .author-popup-body {
    position: relative;
    padding: 60px 20px 20px;
}

.author-popup-cover .flex-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.author-popup-cover .author-popup-meta {
    position: relative;
    text-align: center;
    margin: 0 0 20px;
}

.author-popup-cover .bg-author {
    opacity: 0.75;
}

.author-popup-cover .bg-poster {
    opacity: 0.15;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.author-popup-go {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}


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

search 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;
    -o-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;
    -o-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: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 450px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.is-visible .search-popup-container {
    -webkit-transform: translateY(0);
    -ms-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;
    -o-transition: transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms;
}

.search-popup-container .search-popup-close:hover {
    -webkit-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    -o-transition: 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: 19px;
    width: 20px;
    height: 1px;
    background-color: #fff;
}

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

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

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

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

.search-key-push {
    text-align: center;
    /* justify-content: center */
}

.search-key-push a {
    position: relative;
    margin: 0 5px 5px;
}

@media (max-width: 767.98px) {
    .search-popup-container {
        min-height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: start;
    }
    .search-popup-container .search-popup-body {
        padding: 4rem 0 2rem;
    }
    .search-popup-container .search-popup-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 31px;
        height: 31px;
    }
    .search-popup-container .search-popup-close::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }
    .search-popup-container .search-popup-close::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
    }
    .search-popup-container .search-popup-close::before,
    .search-popup-container .search-popup-close::after {
        top: 15px;
        width: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .search-popup-container {
        min-height: 250px;
    }
    .search-popup-container .search-popup-close {
        right: 20px;
        top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .search-popup-container {
        min-height: 300px;
    }
    .search-popup-container .search-popup-close {
        right: 20px;
        top: 20px;
    }
}


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

.fixed-post-widget {
    position: fixed;
    right: 0;
    display: block;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.fixed-post-widget.scroll-up {
    opacity: .5;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.fixed-post-widget .btn-action-like.current {
    color: var(--color-primary) !important;
}

.fixed-to-top {
    position: fixed;
    right: 35px;
    bottom: 35px;
    z-index: 1000;
}

#back-to-top {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

#back-to-top.current {
    opacity: 1;
    visibility: visible;
}


/*--------------------------------------------------------------
 fixed-post-dock 
--------------------------------------------------------------*/

.fixed-post-dock {
    display: none;
}

.fixed-post-dock .apollo-collection.current,
.fixed-post-dock .btn-action-like.current {
    color: var(--color-primary) !important;
}

@supports (bottom: env(safe-area-inset-bottom)) {
    .fixed-post-dock {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

@media (max-width: 767.98px) {
    .fixed-post-dock {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        will-change: transform;
        transition: -webkit-transform 0.25s ease-in-out;
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        z-index: 999;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .dock-inner {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff;
        padding: 0.625rem 1rem 0.75rem;
        border-radius: 50px;
        -ms-box-shadow: 0px 0px 30px 0px rgb(26 26 26 / 12%);
        -webkit-box-shadow: 0px 10px 30px 0px rgb(26 26 26 / 12%);
        box-shadow: 0px 10px 30px 0px rgb(26 26 26 / 12%);
    }
    .fixed-post-dock a {
        margin: 0 1rem;
    }
    .fixed-dock-unpin {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .fixed-dock-pin {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}


/*--------------------------------------------------------------
 toc
--------------------------------------------------------------*/

.btn-toggle-toc {
    position: relative;
}

.post-toc {
    position: absolute;
    right: 80px;
    top: 50%;
    width: 250px;
    max-height: 450px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: var(--radius-md);
    background: #fff;
    -webkit-box-shadow: 0 5px 40px 5px rgb(2 10 18 / 6%);
    box-shadow: 0 5px 40px 5px rgb(2 10 18 / 6%);
    padding: 1.25rem 0.75rem;
}

.post-toc:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -22px;
    top: 50%;
    margin: -6px 0 0;
    border: 12px solid;
    border-color: #fff transparent transparent #fff;
}

.post-toc .toc-list {
    position: relative;
    text-align: left;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    padding: 0 0.5rem;
}

.post-toc .toc-list-item {
    position: relative;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    display: block;
}

.post-toc .toc-list-item:last-child {
    margin: 0;
}

.post-toc .toc-list-item::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: var(--bg-muted);
}

.post-toc .toc-list-item.is-active-li::before {
    background-color: var(--bg-danger);
    opacity: 1;
}

.post-toc .toc-list .toc-list {
    padding: 0;
    margin: 10px 0 0 0;
}

.post-toc .toc-list .toc-list .toc-list-item {
    margin: 0 0 8px;
    padding: 0 0 0 15px;
}

.post-toc .toc-list .toc-list .toc-list-item:last-child {
    margin: 0;
}

.post-toc .toc-list .toc-list .toc-list-item::before {
    border: 2px solid var(--border-muted);
    background-color: #fff;
    top: 5px;
    height: 8px;
    width: 8px;
    left: 0;
    z-index: 2;
}

.post-toc .toc-list .toc-list .toc-list-item.is-active-li::before {
    border-color: var(--border-danger);
}

.post-toc .toc-link {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.post-toc .toc-list .toc-list .toc-link {
    font-size: 13px;
}

.is-collapsible {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.is-collapsed {
    max-height: 0;
    display: none;
}

.is-position-fixed {
    visibility: visible;
    opacity: 1;
}

.post-toc .toc-link:hover,
.is-active-link {
    font-weight: 500;
    opacity: 1;
}

.post-toc .toc-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.post-toc .toc-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--bg-muted);
}

.post-toc .toc-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--bg-light);
}


/*--------------------------------------------------------------
 banner dots
--------------------------------------------------------------*/

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev {
    opacity: 0;
    width: calc(var(--swiper-navigation-mini-size) / 30 * 25);
    height: var(--swiper-navigation-mini-size);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.slider-navigation .swiper-container .swiper-button-next:after,
.slider-navigation .swiper-container .swiper-button-prev:after {
    font-size: var(--swiper-navigation-mini-size);
}

.slider-navigation .swiper-container .swiper-button-next {
    right: -100px;
}

.slider-navigation .swiper-container .swiper-button-prev {
    left: -100px;
}

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev,
.slider-navigation .swiper-container .swiper-button-next:focus,
.slider-navigation .swiper-container .swiper-button-prev:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.slider-navigation .swiper-container:hover .swiper-button-next {
    opacity: 1;
    right: 10px;
}

.slider-navigation .swiper-container:hover .swiper-button-prev {
    opacity: 1;
    left: 10px;
}


/*--------------------------------------------------------------
## banner navigation style
--------------------------------------------------------------*/

.slider-navigation .swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
    padding: 10px 0;
    bottom: 0;
}

.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 30px;
}

@media (max-width: 767.98px) {
    .slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }
    .slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 20px;
    }
    .slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        padding: 0;
    }
}


/*--------------------------------------------------------------
  banner style 
--------------------------------------------------------------*/

.slider-style-3 .swiper-container {
    padding: 2rem 0;
}

.slider-style-3 .swiper-slide {
    width: 1260px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.slider-style-3 .swiper-slide.swiper-slide-prev,
.slider-style-3 .swiper-slide.swiper-slide-next {
    -webkit-transform: scaleY(.95);
    -ms-transform: scaleY(.95);
    transform: scaleY(.95);
}

.slider-style-3 .swiper-slide.swiper-slide-active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
}

.slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
    padding: 10px 0;
    bottom: 30px;
}

@media (max-width: 1199.98px) {
    .slider-style-2 .swiper-slide .media-4x1:after {
        padding-top: 33%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-4 .swiper-slide .media-3x1:after {
        padding-top: 50%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-3 .swiper-container {
        padding: .75rem;
    }
    .slider-style-3 .swiper-slide {
        width: 100%;
    }
    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }
    .slider-style-3 .swiper-slide {
        width: 696px;
    }
    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }
    .slider-style-3 .swiper-slide {
        width: 940px;
    }
    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }
    .slider-style-3 .swiper-slide {
        width: 1110px;
    }
    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
}

@media (min-width: 1400px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }
    .slider-style-3 .swiper-slide {
        width: 1260px;
    }
    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px;
    }
}


/*--------------------------------------------------------------
  apollo style 
--------------------------------------------------------------*/

.btn-icon.apollo-collection.current {
    background-color: var(--bg-warning);
    border-color: var(--border-warning);
    color: #fff;
}


/*--------------------------------------------------------------
  List Teleplay 
--------------------------------------------------------------*/

.video-list-cover {
    position: relative;
    overflow: hidden;
}

.video-list-inner {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    word-wrap: break-word;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 1.25rem;
    border-radius: inherit;
}

.video-list-cover .bg-poster {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.video-list-inner .media {
    width: 110px;
}

.video-list-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    padding: 0.25rem 0 0.25rem 1.5rem;
}

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

.video-list-group {
    position: relative;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
}

.video-list-group .item-video-group {
    position: relative;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.video-list-group .item-video-group:last-child {
    border-bottom: 0;
}

@media (max-width: 767.98px) {
    .video-list-inner .media {
        width: 85px;
    }
    .video-list-inner {
        padding: 1rem;
    }
    .video-list-content {
        padding: 0.25rem 0 0.25rem 1rem;
    }
    .video-list-group .item-video-group {
        position: relative;
        padding: 0.625rem 0.75rem;
        border-bottom: 1px solid var(--border-light);
    }
}


/*--------------------------------------------------------------
 list friends content
--------------------------------------------------------------*/

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

.list-friends.list-grid.list-grid-padding .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}

.list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--bg-light);
}

.list-friends.list-grid.list-grid-padding .media {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.list-friends.list-grid.list-grid-padding .list-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .25rem 0 0 1rem;
}

.nice-dark-mode .list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--night-bg-light);
}


/*--------------------------------------------------------------
   nice style radius
--------------------------------------------------------------*/

.nice-style-radius .block,
.nice-style-radius .card {
    border-radius: var(--radius-lg);
}

.nice-style-radius .list-grouped .list-item.list-overlay {
    border-radius: var(--radius-lg);
}

.nice-style-radius .nice-popup-content {
    border-radius: var(--radius-md);
}

.nice-style-radius .form-control {
    border-radius: var(--radius-lg) !important;
}

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

.nice-style-radius .btn {
    border-radius: var(--radius-lg) !important;
}

.nice-style-radius .btn-sm {
    border-radius: var(--radius-sm) !important;
}

.nice-style-radius .btn-rounded {
    border-radius: 4rem !important;
}

.nice-style-radius .btn-circle {
    border-radius: 50% !important;
}

@media (max-width: 767.98px) {
    .nice-style-radius .block,
    .nice-style-radius .card {
        border-radius: var(--radius-md);
    }
    .nice-style-radius .list-grouped .list-item.list-overlay {
        border-radius: var(--radius-md);
    }
    .nice-style-radius .nice-popup-content {
        border-radius: var(--radius-sm);
    }
    .nice-style-radius .form-control {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .rounded {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .btn {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .btn-rounded {
        border-radius: 4rem !important;
    }
    .nice-style-radius .btn-circle {
        border-radius: 50% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .nice-style-radius .block,
    .nice-style-radius .card {
        border-radius: var(--radius-md);
    }
    .nice-style-radius .list-grouped .list-item.list-overlay {
        border-radius: var(--radius-md);
    }
    .nice-style-radius .nice-popup-content {
        border-radius: var(--radius-sm);
    }
    .nice-style-radius .form-control {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .rounded {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .btn {
        border-radius: var(--radius-md) !important;
    }
    .nice-style-radius .btn-rounded {
        border-radius: 4rem !important;
    }
    .nice-style-radius .btn-circle {
        border-radius: 50% !important;
    }
}

@media (min-width: 1200px) {
    .nice-style-radius .list-grid.list-grid-padding .list-item {
        padding: 1.625rem;
    }
}


/*--------------------------------------------------------------
   nice style shadow
--------------------------------------------------------------*/

.nice-style-shadow .list-grouped .list-item,
.nice-style-shadow .list-grid-padding .list-item {
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
}

.nice-style-shadow .widget .list-grid-padding .media {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .nice-style-shadow .block {
        -webkit-box-shadow: var(--shadow-xs);
        box-shadow: var(--shadow-xs);
    }
}


/*--------------------------------------------------------------
   nice style border
--------------------------------------------------------------*/

.nice-style-border .list-grid-padding .list-item,
.nice-style-border .list-grouped .list-item {
    border: 1px solid var(--border-light);
}

.nice-style-border .list-grouped .list-item.block {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-style-border .list-grouped .list-item.list-overlay {
    border: 0;
}


/*--------------------------------------------------------------
   nice style shadow + border
--------------------------------------------------------------*/

.nice-style-border.nice-style-shadow .list-grid-padding .list-item,
.nice-style-border.nice-style-shadow .list-grouped .list-item {
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
}


/*--------------------------------------------------------------
   nice style hover
--------------------------------------------------------------*/

.nice-style-hover .list-grouped .list-item.block {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nice-style-hover .list-grouped .list-item.block:hover {
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
}


/*--------------------------------------------------------------
  Night mode switch
--------------------------------------------------------------*/

.switch-dark-mode .light {
    display: none;
}

.switch-dark-mode .night {
    display: block;
}

.switch-dark-mode.current .light {
    display: block;
}

.switch-dark-mode.current .night {
    display: none;
}


/*--------------------------------------------------------------
  Night mode
--------------------------------------------------------------*/

.nice-dark-mode {
    background-color: var(--night-bg-body);
}

.nice-dark-mode,
.nice-dark-mode a:not(.btn) {
    color: var(--night-color-body);
}

.nice-dark-mode a:not(.btn):hover {
    color: #ffffff;
}

.nice-dark-mode hr {
    border-color: var(--night-border-secondary);
}


/*--------------------------------------------------------------
 Night mode form control style
--------------------------------------------------------------*/

.nice-dark-mode .form-control {
    background-color: var(--night-bg-white);
    border-color: var(--night-border-light);
    color: var(--night-color-muted);
}

.nice-dark-mode .form-control:focus {
    color: var(--night-color-dark);
    border-color: var(--night-border-light);
    background-color: var(--night-bg-white);
}

.nice-dark-mode .form-control::-webkit-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::-moz-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control:-ms-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::-ms-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control:disabled,
.nice-dark-mode .form-control[readonly] {
    border-color: var(--night-border-light);
    background-color: var(--night-bg-white);
}


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

.nice-dark-mode .text-primary {
    color: var(--night-color-primary) !important;
}

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

.nice-dark-mode .text-secondary {
    color: var(--night-color-secondary) !important;
}

.nice-dark-mode .text-muted {
    color: var(--night-color-muted) !important;
}

.nice-dark-mode .text-light {
    color: var(--night-color-light) !important;
}

.nice-dark-mode .text-danger {
    color: var(--night-color-danger) !important;
}


/*--------------------------------------------------------------
  Night mode background style
--------------------------------------------------------------*/

.nice-dark-mode .bg-muted {
    background-color: var(--night-bg-muted) !important;
}

.nice-dark-mode .bg-light {
    background-color: var(--night-bg-light) !important;
}

.nice-dark-mode .bg-white {
    background-color: var(--night-bg-white) !important;
}

.nice-dark-mode .bg-primary {
    background-color: var(--night-bg-primary) !important;
}

.nice-dark-mode .bg-secondary {
    background-color: var(--night-bg-secondary) !important;
}

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

.nice-dark-mode .bg-dark-overlay {
    background-color: rgba(33, 36, 43, 0.6);
}


/*--------------------------------------------------------------
  Night mode border style
--------------------------------------------------------------*/

.nice-dark-mode .border-top {
    border-top-color: var(--night-border-light) !important;
}

.nice-dark-mode .border-primary {
    border-color: var(--night-border-primary) !important;
}

.nice-dark-mode .border-secondary {
    border-color: var(--night-border-secondary) !important;
}

.nice-dark-mode .border-muted {
    border-color: var(--night-border-muted) !important;
}

.nice-dark-mode .border-light {
    border-color: var(--night-border-light) !important;
}

.nice-dark-mode .border-white {
    border-color: var(--night-border-light) !important;
}


/*--------------------------------------------------------------
 Dark mode btn style
--------------------------------------------------------------*/

.nice-dark-mode .btn-primary {
    color: #fff;
    background-color: var(--night-btn-primary);
    border-color: var(--night-btn-primary);
}

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

.nice-dark-mode .btn-primary.disabled,
.nice-dark-mode .btn-primary:disabled {
    color: #fff;
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
    opacity: .4;
}


/*--------------------------------------------------------------
    btn secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-secondary {
    color: var(--color-light);
    background-color: var(--night-btn-secondary);
    border-color: var(--night-btn-secondary);
}

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

.nice-dark-mode .btn-secondary.disabled,
.nice-dark-mode .btn-secondary:disabled {
    color: var(--color-muted);
    background-color: var(--night-btn-secondary);
    border-color: var(--night-btn-secondary);
}


/*--------------------------------------------------------------
    btn light style
--------------------------------------------------------------*/

.nice-dark-mode .btn-light {
    color: var(--night-color-secondary);
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
}

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

.nice-dark-mode .btn-light.disabled,
.nice-dark-mode .btn-light:disabled {
    color: var(--night-color-secondary);
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
}


/*--------------------------------------------------------------
    btn dark style
--------------------------------------------------------------*/

.nice-dark-mode .btn-dark {
    color: var(--night-color-light);
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
}

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

.nice-dark-mode .btn-dark.disabled,
.nice-dark-mode .btn-dark:disabled {
    color: var(--night-color-muted);
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
}


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

.nice-dark-mode .btn-link {
    color: var(--night-color-muted);
}

.nice-dark-mode .btn-link:hover,
.nice-dark-mode .btn-link:focus,
.nice-dark-mode .btn-link.focus,
.nice-dark-mode .btn-link.disabled,
.nice-dark-mode .btn-link:disabled,
.nice-dark-mode .btn-link:not(:disabled):not(.disabled):active,
.nice-dark-mode .btn-link:not(:disabled):not(.disabled).active,
.nice-dark-mode .btn-link:not(:disabled):not(.disabled):active:focus,
.nice-dark-mode .btn-link:not(:disabled):not(.disabled).active:focus {
    color: var(--night-color-secondary);
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    text-decoration: none;
}


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

.nice-dark-mode .btn-text {
    color: var(--night-color-muted);
}

.nice-dark-mode .btn-text:hover,
.nice-dark-mode .btn-text:focus,
.nice-dark-mode .btn-text.focus,
.nice-dark-mode .btn-text.disabled,
.nice-dark-mode .btn-text:disabled,
.nice-dark-mode .btn-text:not(:disabled):not(.disabled):active,
.nice-dark-mode .btn-text:not(:disabled):not(.disabled).active,
.nice-dark-mode .btn-text:not(:disabled):not(.disabled):active:focus,
.nice-dark-mode .btn-text:not(:disabled):not(.disabled).active:focus {
    color: var(--night-color-secondary);
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

.nice-dark-mode .btn-success {
    color: #fff;
    background-color: var(--night-btn-success);
    border-color: var(--night-btn-success);
}

.nice-dark-mode .btn-success:hover,
.nice-dark-mode .btn-success:focus,
.nice-dark-mode .btn-success.focus,
.nice-dark-mode .btn-success.disabled,
.nice-dark-mode .btn-success:disabled,
.nice-dark-mode .btn-success:not(:disabled):not(.disabled):active,
.nice-dark-mode .btn-success:not(:disabled):not(.disabled).active,
.nice-dark-mode .btn-success:not(:disabled):not(.disabled):active:focus,
.nice-dark-mode .btn-success:not(:disabled):not(.disabled).active:focus {
    color: #fff;
    background-color: var(--night-btn-success);
    border-color: var(--night-btn-success);
    opacity: 0.8;
}


/*--------------------------------------------------------------
 btn outline style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-primary {
    color: var(--night-color-primary);
    background-color: var(--night-btn-outline-primary);
    border-color: var(--night-border-outline-primary);
}

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


/*--------------------------------------------------------------
 btn outline secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-secondary {
    color: var(--night-color-secondary);
    border-color: var(--night-btn-secondary);
}

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


/*--------------------------------------------------------------
 btn outline light style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-light {
    color: var(--night-color-muted);
    border-color: var(--night-btn-light);
}

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


/*--------------------------------------------------------------
 btn outline secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-dark {
    color: var(--night-color-dark);
    border-color: var(--night-btn-secondary);
}

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


/*--------------------------------------------------------------
Dark mode badge
--------------------------------------------------------------*/

.nice-dark-mode .badge-primary {
    background-color: var(--night-btn-primary);
}

.nice-dark-mode .badge-dark {
    background-color: var(--night-btn-dark);
}

.nice-dark-mode .badge-light {
    color: var(--night-color-light);
    background-color: var(--night-btn-light);
}

.nice-dark-mode .badge-outline-primary {
    color: var(--night-color-primary);
    border-color: var(--night-btn-primary);
}

.nice-dark-mode .badge-outline-secondary {
    color: var(--night-color-secondary);
    border-color: var(--night-btn-secondary);
}

.nice-dark-mode .badge-outline-light {
    color: var(--night-color-light);
    border-color: var(--night-border-light);
}

.nice-dark-mode .badge-outline-warning {
    color: var(--night-color-warning);
    border-color: var(--night-border-warning);
}


/*--------------------------------------------------------------
 Night mode shadow style
--------------------------------------------------------------*/

.nice-dark-mode .shadow,
.nice-dark-mode .shadow-2x {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/*--------------------------------------------------------------
 Night mode header style
--------------------------------------------------------------*/

.nice-dark-mode .site-header {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .site-header .navbar-brand .logo {
    display: none;
}

.nice-dark-mode .site-header .navbar-brand .logo-night {
    display: block;
}

.nice-dark-mode .site-header.fixed-top {
    background-color: transparent;
}

.nice-dark-mode .site-header.fixed-top.scroll {
    background-color: var(--night-bg-dark);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .site-header.fixed-top .main-submenu li.nav-item>.btn-link:hover,
.nice-dark-mode .site-header.fixed-top .main-submenu li.nav-item>.btn-link:focus {
    color: #fff;
}


/*--------------------------------------------------------------
 Night mode submneu
--------------------------------------------------------------*/

.nice-dark-mode .main-menu li.current-menu-item>a,
.nice-dark-mode .main-menu li:hover>a {
    color: #ffffff;
}

.nice-dark-mode .main-menu li ul.sub-menu {
    background: var(--night-bg-muted);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .main-menu li ul.sub-menu li.current-menu-item a,
.nice-dark-mode .main-menu li ul.sub-menu li.current-post-ancestor a {
    color: var(--night-color-dark);
}

.nice-dark-mode .site-header.fixed-top .main-menu li ul.sub-menu {
    background: var(--night-bg-muted);
}

.nice-dark-mode .site-header.fixed-top .main-menu li ul.sub-menu li {
    border-color: var(--night-border-light);
}


/*--------------------------------------------------------------
 Night mode dropdown style
--------------------------------------------------------------*/

.nice-dark-mode .nice-dropdown-menu {
    background-color: var(--night-bg-secondary);
    border-color: var(--night-border-light);
}


/*--------------------------------------------------------------
## search navbar
--------------------------------------------------------------*/

.nice-dark-mode .navbar-search {
    background-color: rgba(56, 62, 67, 0.8);
}


/*--------------------------------------------------------------
 Night mode media action
--------------------------------------------------------------*/

.nice-dark-mode .media-action .btn {
    background-color: rgba(21, 21, 22, 0.3);
    border-color: transparent;
    color: #ffffff;
}

.nice-dark-mode .btn-icon.apollo-collection.current {
    background-color: var(--night-bg-dark);
    border-color: var(--night-border-dark);
    color: #fff;
}


/* ---------------------------------------------------
 Night mode card STYLE
----------------------------------------------------- */

.nice-dark-mode .card,
.nice-dark-mode .block {
    background-color: var(--night-bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode list STYLE
----------------------------------------------------- */

.nice-dark-mode .list-grid-padding.list-bordered .list-item {
    border-top-color: var(--night-border-muted);
}


/*--------------------------------------------------------------
 Dark nice list dot nav
--------------------------------------------------------------*/

.nice-dark-mode .list-cat-dot-circle .cat-dot-primary {
    border-color: var(--night-border-light);
}

.nice-dark-mode .list-cat-dot .cat-dot-primary {
    background: var(--night-bg-light);
}


/*--------------------------------------------------------------
 Night mode list style
--------------------------------------------------------------*/

.nice-dark-mode .list-overlay-content a:hover {
    color: #fff;
}


/*--------------------------------------------------------------
 Dark nice list ajax nav
--------------------------------------------------------------*/

.nice-dark-mode .list-ajax-nav ul li::before {
    background-color: var(--night-border-muted)
}


/*--------------------------------------------------------------
 Dark nice list index header
--------------------------------------------------------------*/

.nice-dark-mode .video-list-group {
    border-color: var(--night-border-muted);
}

.nice-dark-mode .video-list-group .item-video-group {
    border-bottom: 1px solid var(--night-border-muted);
}

.nice-dark-mode .video-list-group .item-video-group:last-child {
    border-width: 0;
}

.nice-dark-mode .list-group-item {
    background-color: var(--night-bg-muted);
}

.nice-dark-mode .list-group-item {
    border-color: var(--night-border-muted);
}


/* ---------------------------------------------------
 Night mode post style
----------------------------------------------------- */

.nice-dark-mode .post-content {
    color: var(--night-color-secondary);
}

.nice-dark-mode .post-title,
.nice-dark-mode .post-content h1,
.nice-dark-mode .post-content h2,
.nice-dark-mode .post-content h3 {
    color: var(--night-color-dark);
}

.nice-dark-mode .post-content h3 {
    border-color: var(--night-border-light);
}


/* ---------------------------------------------------
 Night mode page numbers
----------------------------------------------------- */

.nice-dark-mode .page-numbers {
    color: var(--night-color-muted);
}

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


/*--------------------------------------------------------------
 Night mode mobile-tab-menu
--------------------------------------------------------------*/

.nice-dark-mode .mobile-tab-menu>li>a,
.nice-dark-mode .mobile-tab-menu>li>a:not([href]):not([tabindex]),
.nice-dark-mode .mobile-tab-menu>li.menu-item-has-children>ul>li>a i {
    color: var(--night-color-muted);
}

.nice-dark-mode .mobile-tab-menu>li.menu-item-has-children>ul>li>a {
    background-color: var(--night-bg-dark);
}


/*--------------------------------------------------------------
 Night mode widget 
--------------------------------------------------------------*/

.nice-dark-mode .widget-title {
    border-color: var(--night-border-light);
    color: var(--night-color-dark);
}

.nice-dark-mode .widget-title:before {
    background-color: var(--night-bg-primary);
}

.nice-dark-mode .widget_nav_menu div>ul>li,
.nice-dark-mode .widget_recent_comments li,
.nice-dark-mode .widget_meta li,
.nice-dark-mode .widget_archive li,
.nice-dark-mode .widget_categories li,
.nice-dark-mode .blogroll li {
    border-color: var(--night-border-light) !important;
}

.nice-dark-mode .widget_recent_comments ul li span {
    color: var(--night-color-dark);
}

.nice-dark-mode .tagcloud a {
    border-color: var(--night-border-light);
}


/*--------------------------------------------------------------
 Night mode widget search
--------------------------------------------------------------*/

.nice-dark-mode .comment {
    border-color: var(--night-border-light);
}

.nice-dark-mode .comment .children {
    background-color: var(--night-bg-light);
}


/*--------------------------------------------------------------
 Night mode toc
--------------------------------------------------------------*/

.nice-dark-mode .post-toc {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .post-toc:after {
    border-color: var(--night-bg-white) transparent transparent var(--night-bg-white);
}

.nice-dark-mode .post-toc .toc-list-item::before {
    background-color: var(--night-bg-muted);
}

.nice-dark-mode .post-toc .toc-list-item.is-active-li::before {
    background-color: var(--night-bg-danger);
}

.nice-dark-mode .post-toc .toc-list .toc-list .toc-list-item::before {
    border-color: var(--night-border-muted);
    background-color: var(--night-bg-light);
}

.post-toc .toc-list .toc-list .toc-list-item.is-active-li::before {
    border-color: var(--border-danger);
}


/*--------------------------------------------------------------
 Night post dock 
--------------------------------------------------------------*/

@media (max-width: 767.98px) {
    .nice-dark-mode .fixed-post-dock .dock-inner {
        background-color: var(--night-bg-dark);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}


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

.nice-dark-mode .widget_search .search-field {
    background-color: var(--night-bg-muted);
}

.nice-dark-mode .widget_search .search-field:hover,
.nice-dark-mode .widget_search .search-field:focus {
    background-color: var(--night-bg-dark);
}


/*--------------------------------------------------------------
 Night mode nice tips
--------------------------------------------------------------*/

.nice-dark-mode .nice-popup-overlay {
    background-color: rgb(25 25 29 / 60%);
}

.nice-dark-mode .nice-popup-content {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .nice-popup-error .nice-popup-content {
    background-color: rgba(0, 0, 0, 0.8);
}


/*--------------------------------------------------------------
 Dark nice list style shadow
--------------------------------------------------------------*/

.nice-dark-mode.nice-style-border .list-grouped .list-item {
    background-color: var(--night-bg-secondary);
    border-color: var(--night-border-secondary);
}

.nice-dark-mode.nice-style-border .list-grouped .list-item.list-overlay {
    border-width: 0;
}

.nice-dark-mode.nice-style-shadow .list-grouped .list-item {
    background-color: var(--night-bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode post contribute STYLE
----------------------------------------------------- */

.nice-dark-mode .notice-bar-fullwidth {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode post contribute STYLE
----------------------------------------------------- */

.nice-dark-mode.nice-post-contribute {
    background-color: var(--night-bg-body);
}


/* ---------------------------------------------------
 Night mode profile header STYLE
----------------------------------------------------- */

.nice-dark-mode .user-profile-header .user-profile-box .flex-avatar {
    border-color: var(--night-border-white);
}


/*--------------------------------------------------------------
 Night mode list friends content
--------------------------------------------------------------*/

.nice-dark-mode .list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--night-bg-light);
}


/* ---------------------------------------------------
 Night mode profile panel STYLE
----------------------------------------------------- */

.nice-dark-mode .user-profile-panel .user-profile-avatar {
    border: 3px solid var(--night-bg-white);
}

.nice-dark-mode .user-profile-panel .user-profile-data ul {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode selection STYLE
----------------------------------------------------- */


/* webkit, opera, IE9 */

.nice-dark-mode ::-moz-selection {
    background: var(--night-bg-primary);
    color: #fff;
}

.nice-dark-mode ::selection {
    background: var(--night-bg-primary);
    color: #fff;
}


/* mozilla firefox */

.nice-dark-mode ::-moz-selection {
    background: var(--night-bg-primary);
    color: #fff;
}