/* ------------------------------------------------------------------
 * Name         : Beid - HTML Template
 * File         : styles.css
 * Author       : ScanThemes
 * Author URI   : scanthemes@gmail.com
 *
 * All Rights Reserved.
 * --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------

  [Table of contents]
    - Global
    - Header
    - Panels
    - Widgets
      -- Calendar
      -- Chat
      -- News
      -- Tabs
    - Sidebar
    - Pages
      -- Profile
      -- Login
      -- Email & Chat
      -- Shop
      -- Product-Details
      -- Checkout
    - Footer
    - User CSS

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

  *** All that is included here refers to additional user-defined styles.
      You can freely change them or add new ones.

/*---------------------------------------------------------------------- */
/* Global */
.body {
    background: #010015;
}

.media-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.page-content-fl {
    min-height: calc(100vh - 6.0625rem);
}

@media (max-width: 991.98px) {
    h1, .h1 {
        font-size: 2.125rem;
    }

    h2, .h2 {
        font-size: 1.75rem;
    }

    h3, .h3 {
        font-size: 1.5rem;
    }

    h4, .h4 {
        font-size: 1.45rem;
    }

    h5, .h5 {
        font-size: 1.4rem;
    }
}

@media (max-width: 767.98px) {
    h1, .h1 {
        font-size: 1.5rem;
    }

    h2, .h2 {
        font-size: 1.38rem;
    }

    h3, .h3 {
        font-size: 1.35rem;
    }

    h4, .h4 {
        font-size: 1.25rem;
    }

    h5, .h5 {
        font-size: 1.2rem;
    }
}

.col-xr-space {
    padding-left: .9375rem;
    padding-top: .9375rem;
    padding-right: .9375rem;
    padding-bottom: .9375rem;
}

@media (min-width: 1200px) {
    .col-xr-space {
        padding-top: .9375rem;
        padding-left: .9375rem;
        padding-right: 0;
        padding-bottom: 0;
    }
}
/* Header */
.main-header {
    position: fixed;
    width: 100%;
    z-index: 1060;
}

    .main-header .nav-link {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .main-header .lnav-box {
        width: auto;
    }

    .main-header .logo-wrapper {
        font-family: "Inter", sans-serif;
        line-height: 1;
        font-size: 1.5rem;
        font-weight: 500;
        color: #6ddbf9;
        display: flex;
        align-items: center;
    }

        .main-header .logo-wrapper img {
            max-width: 5.7rem;
            margin-right: .5rem;
        }

    .main-header .dropdown-menu {
        position: relative;
        padding: 0;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .main-header .dropdown-menu:before {
            content: "";
            position: absolute;
            left: 1.3rem;
            top: -.55rem;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            border-bottom: 0.55rem solid #11304c;
            border-right: .45rem solid transparent;
            border-left: .45rem solid transparent;
        }

        .main-header .dropdown-menu.dropdown-menu-wh:before {
            border-bottom: 0.55rem solid #2af270;
        }

        .main-header .dropdown-menu.dropdown-menu-right:before {
            right: .45rem;
            left: auto;
        }

        .main-header .dropdown-menu .dropdown-inner {
            background: #11304c;
            overflow: hidden;
        }

        .main-header .dropdown-menu .dropdown-load-more {
            background: #0e283f;
            color: #6ddbf9;
            font-weight: 600;
        }

        .main-header .dropdown-menu .dropdown-scrollbar {
            max-height: 21.875rem;
        }

    .main-header .cart_list_hr .cart_list_item_hr:not(:last-child) {
        position: relative;
    }

        .main-header .cart_list_hr .cart_list_item_hr:not(:last-child):after {
            content: "";
            display: block;
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(42, 242, 112, 0.75), rgba(0, 0, 0, 0));
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

    .main-header .main-navbar {
        padding-left: 0;
        padding-right: 0;
    }

        .main-header .main-navbar .cart-img {
            max-width: 4.5rem;
            width: 100%;
        }

        .main-header .main-navbar .cart-nav-desc,
        .main-header .main-navbar .cart-nav-title {
            max-width: 9.375rem;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .main-header .main-navbar .nav-icon {
            color: #6ddbf9;
        }

            .main-header .main-navbar .nav-icon:hover, .main-header .main-navbar .nav-icon:focus {
                color: #09b0de;
            }

        .main-header .main-navbar .sidebar-toggler-wrapper {
            width: 3.875rem;
            height: 3.875rem;
            color: #6ddbf9;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all 0.8s linear;
            -moz-transition: all 0.8s linear;
            -ms-transition: all 0.8s linear;
            transition: all 0.8s linear;
        }

        .main-header .main-navbar .notf-item .notf-link {
            text-align: center;
        }

        .main-header .main-navbar .notf-item .badge {
            position: absolute;
        }

        .main-header .main-navbar .userTH-item {
            text-align: center;
        }

        .main-header .main-navbar .user-item .user-link {
            text-transform: inherit;
            letter-spacing: normal;
        }

        .main-header .main-navbar .user-item .user-avatar {
            max-width: 2.5rem;
            height: 2.5rem;
            vertical-align: middle;
        }

    .main-header .img-lang {
        max-width: 1.5rem;
        height: 1.5rem;
        vertical-align: middle;
    }

@media (min-width: 768px) {
    .main-header .lnav-box {
        width: 15rem;
    }
}

.norM_wids {
    max-width: 9.375rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Panels */
.main-container {
    min-height: 100vh;
    background: #010015;
    background: #010015;
    background: -webkit-linear-gradient(top, #010015 0%, #01001f 50%, #010015 100%);
    background: linear-gradient(to bottom, #010015 0%, #01001f 50%, #010015 100%);
}

.card-row .main-card {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid rgba(42, 242, 112, 0.2);
    padding: 1.5rem 1.5rem;
}

.card-row .card-item:not(:last-child) .main-card {
    border-right: 1px solid rgba(42, 242, 112, 0.2);
}

.card-row .card-icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 34 34'%3E%3ClinearGradient id='gradient'%3E%3Cstop offset='10%25' stop-color='%23248bb0'/%3E%3Cstop offset='90%25' stop-color='%232af270'/%3E %3C/linearGradient%3E%3Ccircle cx='17' cy='17' r='16' fill='none' stroke-width='2px' stroke='url(%23gradient)' transform='rotate(50 17 17)' /%3E%3C/svg%3E");
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    transition: 0.3s all linear;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

    .card-row .card-icon::before {
        content: "";
        position: absolute;
        right: 0;
        width: 1.6rem;
        height: 2px;
        background: #2af270;
    }

    .card-row .card-icon::after {
        content: "";
        position: absolute;
        right: .4rem;
        width: .65rem;
        height: .65rem;
        border-radius: 50%;
        background: #2af270;
    }

.panel-row .panel-col {
    border-right: 1px solid rgba(42, 242, 112, 0.2);
}

    .panel-row .panel-col.panel-pt-col, .panel-row .panel-col.no-border-right {
        border-right: 0 !important;
    }

    .panel-row .panel-col .panel .panel-header {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-row .panel-col .panel .panel-header-nav .nav-item {
        color: #2af270;
        font-size: 1.0625rem;
        cursor: pointer;
    }

    .panel-row .panel-col .panel-header-oly {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }

.panel-row .panel-pt-col {
    display: flex;
    flex-direction: column;
}

    .panel-row .panel-pt-col > .panel-pt {
        display: flex;
        flex: 1;
    }

        .panel-row .panel-pt-col > .panel-pt > .panel-row {
            width: 100%;
        }

.panel-left-line {
    border-left: 1px solid rgba(42, 242, 112, 0.2);
}

.panel-top-line {
    border-top: 1px solid rgba(42, 242, 112, 0.2);
}

.panel-right-line {
    border-right: 1px solid rgba(42, 242, 112, 0.2);
}

.panel-bottom-line {
    border-bottom: 1px solid rgba(42, 242, 112, 0.2);
}

@media (min-width: 576px) {
    .panel-sm-left-line {
        border-left: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-sm-top-line {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-sm-right-line {
        border-right: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-sm-bottom-line {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }
}

@media (min-width: 768px) {
    .panel-md-left-line {
        border-left: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-md-top-line {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-md-right-line {
        border-right: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-md-bottom-line {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }
}

@media (min-width: 992px) {
    .panel-lg-left-line {
        border-left: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lg-top-line {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lg-right-line {
        border-right: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lg-bottom-line {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }
}

@media (min-width: 1200px) {
    .panel-xl-left-line {
        border-left: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-xl-top-line {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-xl-right-line {
        border-right: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-xl-bottom-line {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }
}

@media (min-width: 1680px) {
    .panel-lp-left-line {
        border-left: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lp-top-line {
        border-top: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lp-right-line {
        border-right: 1px solid rgba(42, 242, 112, 0.2);
    }

    .panel-lp-bottom-line {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }
}

.panel-orders .table th, .panel-orders .table td {
    vertical-align: middle;
}

.panel .panel-dropdown-menu .list-unstyled {
    margin-bottom: 0;
}

.panel .panel-dropdown-menu .dropdown-menu {
    background: #24C9F6;
    background: -webkit-linear-gradient(left, #24C9F6, #2af270);
    background: linear-gradient(to right, #24C9F6, #2af270);
    background-position: center;
    border: 0;
}

.panel .panel-dropdown-menu, .panel .panel-dropdown-menu a:not(.btn) {
    color: #010015;
    font-weight: 600;
}

    .panel .panel-dropdown-menu .btn {
        font-size: .9375rem;
        letter-spacing: normal;
    }

.panel-item-flag {
    width: 3.375rem;
    height: 3.375rem;
    background: #24C9F6;
    background: -webkit-linear-gradient(left, #24C9F6, #2af270);
    background: linear-gradient(to right, #24C9F6, #2af270);
    background-position: center;
    border-radius: 50%;
}

.panel-cy-list {
    background: rgba(0, 0, 0, 0.1);
}

    .panel-cy-list .panel-cy-item:not(:last-child):after {
        content: '';
        display: block;
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(42, 242, 112, 0.75), rgba(0, 0, 0, 0));
    }

    .panel-cy-list .panel-cy-item.active, .panel-cy-list .panel-cy-item:hover {
        background: #24C9F6;
        background: -webkit-linear-gradient(left, #24C9F6, #2af270);
        background: linear-gradient(to right, #24C9F6, #2af270);
        background-position: center;
        color: #010015;
    }

        .panel-cy-list .panel-cy-item.active:not(:last-child):after, .panel-cy-list .panel-cy-item:hover:not(:last-child):after {
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(1, 0, 21, 0.45), rgba(0, 0, 0, 0));
        }

.nicescroll-rails {
    background-color: #233543;
    border-radius: .25rem;
}

.panel {
    position: relative;
}

    .panel,
    .panel a:not(.btn),
    .panel h1, .panel .h1,
    .panel h2, .panel .h2,
    .panel h3, .panel .h3,
    .panel h4, .panel .h4,
    .panel h5, .panel .h5,
    .panel h6, .panel .h6 {
        color: #ffffff;
    }

        .panel .title {
            font-weight: 200;
            text-transform: uppercase;
            flex: 1;
            margin-bottom: 0;
        }

        .panel .panel-header {
            display: flex;
            padding: 1rem 1.5rem;
        }

        .panel .panel-handle {
            display: flex;
            align-items: center;
        }

            .panel .panel-handle .panel-handle-item:not(:last-child) {
                padding-right: .5rem;
            }

        .panel .panel-user {
            display: flex;
            align-items: center;
        }

            .panel .panel-user .panel-avatar {
                max-width: 3rem;
                border: 3px solid rgba(51, 51, 51, 0.6);
            }

            .panel .panel-user .panel-avatar-lg {
                max-width: 4rem;
            }

            .panel .panel-user .panel-profile {
                display: flex;
            }

                .panel .panel-user .panel-profile .panel-profile-item:not(:last-child) {
                    margin-right: .5rem;
                }

        .panel .panel-body {
            padding: 1rem 1.5rem;
            border-top: 1px solid rgba(42, 242, 112, 0.2);
        }

        .panel .panel-list {
            margin: 0;
        }

            .panel .panel-list .panel-list-item:after {
                content: '';
                display: block;
                border: 0;
                height: 1px;
                background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(42, 242, 112, 0.75), rgba(0, 0, 0, 0));
                margin-top: .75rem;
                margin-bottom: .75rem;
            }

        .panel .panel-user-stat .panel-stat-item:after {
            margin-top: 1rem;
            margin-bottom: 1rem;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
        }

        .panel .panel-icon {
            width: 2rem;
        }

        .panel .panel-sm-icon {
            width: 1rem;
        }

        .panel .panel-secondary-icon {
            width: 2rem;
            height: 2rem;
            border-radius: 2rem;
            background: transparent;
            border: 2px solid rgba(1, 0, 31, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

            .panel .panel-secondary-icon:hover {
                background: rgba(1, 0, 31, 0.9);
            }

            .panel .panel-secondary-icon a, .panel .panel-secondary-icon {
                color: rgba(1, 0, 31, 0.9);
            }

                .panel .panel-secondary-icon:hover a, .panel .panel-secondary-icon:hover {
                    color: #2af270;
                }

        .panel .panel-list-sc {
            height: 21.875rem;
        }

            .panel .panel-list-sc .panel-list-sc-item:not(:last-child):after {
                content: '';
                display: block;
                border: 0;
                height: 3px;
                background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
                margin-top: 1.5rem;
                margin-bottom: 1.5rem;
            }

        .panel .panel-hr {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(42, 242, 112, 0.75), rgba(0, 0, 0, 0));
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .panel .panel-y-hr {
            border: 0;
            width: 1px;
            height: 100%;
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(42, 242, 112, 0.75), rgba(0, 0, 0, 0));
            margin: 0;
        }

        .panel:after {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            right: 0;
            bottom: 0;
            background: rgba(1, 0, 26, 0.85) url(../img/preloader.svg) center center no-repeat;
            background-size: 3rem;
            pointer-events: none;
            opacity: 0;
            -webkit-transition: 0.3s all linear;
            -moz-transition: 0.3s all linear;
            -ms-transition: 0.3s all linear;
            transition: 0.3s all linear;
        }

        .panel.refresh-active:after {
            opacity: 1;
        }

.panel-team {
    display: flex;
    min-width: 50%;
    padding-left: 1.5rem;
    text-align: right;
}

    .panel-team .panel-member {
        margin-left: -.75rem;
    }

.panel-dropdown .dropdown-toggle {
    padding: 0 1.25rem;
    background: transparent;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: .85rem;
}

    .panel-dropdown .dropdown-toggle:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        border: 0;
        vertical-align: baseline;
        font-size: .6rem;
        margin-left: 0.255em;
    }

.panel-dropdown .dropdown-menu {
    background: #141329;
}

    .panel-dropdown .dropdown-menu .dropdown-item:hover, .panel-dropdown .dropdown-menu .dropdown-item:focus {
        background: rgba(255, 255, 255, 0.1);
    }

    .panel-dropdown .dropdown-menu .dropdown-item.active, .panel-dropdown .dropdown-menu .dropdown-item:active {
        background: rgba(255, 255, 255, 0.15);
    }

/* [ widgets ] */
/* calendar */
.panel-calendar {
    font-size: .80rem;
    font-weight: 600;
}

    .panel-calendar .calendar-header {
        background: rgba(1, 0, 25, 0.7);
    }

    .panel-calendar .left-arrow,
    .panel-calendar .right-arrow {
        max-width: 1.5rem;
    }

    .panel-calendar td:hover,
    .panel-calendar th[scope="row"]:hover {
        background: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }

    .panel-calendar [scope="col"] {
        text-transform: uppercase;
        text-shadow: 0px 0px 3px #2af270;
    }

    .panel-calendar .cldr-event {
        position: relative;
        color: #2af270;
        text-shadow: 0px 0px 3px #2af270;
    }

        .panel-calendar .cldr-event:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: .65rem;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 3px;
            height: 3px;
            border-radius: 3px;
            background: #2af270;
            box-shadow: 0px 0px 5px 0px #2af270;
        }

    .panel-calendar .table {
        text-align: center;
    }

        .panel-calendar .table td,
        .panel-calendar .table th {
            border-width: 0;
        }

/* Chat */
.chat-list-section {
    height: calc(100vh - 6.0625rem - 4.25rem - 4.375rem);
}

.chat-dialogue-sc {
    height: 30rem;
}

.chat-msg-item .chat-dialogue-item:not(:first-child) {
    margin-top: .5rem;
}

    .chat-msg-item .chat-dialogue-item:not(:first-child) > .chat-dialogue-me:after {
        border: 0;
    }

.chat-dialogue-item > .chat-dialogue-me:last-child {
    margin-left: 1.4rem;
    margin-right: 0;
}

    .chat-dialogue-item > .chat-dialogue-me:last-child:after {
        left: -.75rem;
        right: 100%;
        border-left: 0;
        border-right: 0.75rem solid #6ddbf9;
    }

.chat-dialogue-item .chat-dialogue-me:last-child:first-child {
    margin-left: 5.9rem;
}

.chat-dialogue-me {
    background: #6ddbf9;
    background: -webkit-linear-gradient(left, #6ddbf9, #5af590);
    background: linear-gradient(to right, #6ddbf9, #5af590);
    color: #010015;
    padding: 1rem;
    position: relative;
    font-weight: 500;
    border-radius: .25rem;
    margin-right: 1.4rem;
    margin-left: 0;
}

    .chat-dialogue-me:after {
        content: "";
        position: absolute;
        left: 100%;
        right: -.75rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: .75rem solid transparent;
        border-bottom: .75rem solid transparent;
        border-right: 0;
        border-left: 0.75rem solid #5af590;
    }

@media (min-width: 768px) {
    .chat-dialogue-me {
        margin-right: 2rem;
    }

    .chat-dialogue-item > .chat-dialogue-me:last-child {
        margin-left: 2rem;
    }

    .chat-dialogue-item .chat-dialogue-me:last-child:first-child {
        margin-left: 6.5rem;
    }
}

.chat-dialogue-avatar {
    width: 3.5rem;
    height: 3.5rem;
    margin: .5rem;
    position: relative;
}

    .chat-dialogue-avatar:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        border: 2px solid #2af270;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.chat-dialogue-avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
}

    .chat-dialogue-avatar-sm:after {
        width: 3.5rem;
        height: 3.5rem;
    }

/* news */
.panel-news {
    position: relative;
    padding-bottom: 1rem;
}

    .panel-news .panel-news-indicators {
        bottom: 0 !important;
        margin: 1rem 1.5rem 0;
        justify-content: flex-start;
        align-items: center;
    }

        .panel-news .panel-news-indicators li {
            width: .80rem;
            height: .80rem;
            border-radius: 50%;
            -webkit-transition: 0.3s all linear;
            -moz-transition: 0.3s all linear;
            -ms-transition: 0.3s all linear;
            transition: 0.3s all linear;
        }

            .panel-news .panel-news-indicators li::before {
                top: -.5rem;
            }

            .panel-news .panel-news-indicators li.active {
                width: 1rem;
                height: 1rem;
                background-color: #2af270;
            }

/* tabs */
.panel-tabs {
    justify-content: center;
}

    .panel-tabs.nav-tabs {
        border-bottom: 0;
    }

        .panel-tabs.nav-tabs .nav-item:not(:last-child) {
            margin-right: 1rem;
        }

        .panel-tabs.nav-tabs .nav-item a {
            padding-top: .35rem;
            padding-bottom: .35rem;
            border-radius: 2rem;
            border-color: #59f1d8;
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: 500;
        }

            .panel-tabs.nav-tabs .nav-item a.active {
                background: #59f1d8;
                background: -webkit-linear-gradient(left, #59f1d8, #2af270);
                background: linear-gradient(to right, #59f1d8, #2af270);
                background-position: center;
                border-color: transparent;
            }

.panel-tabs-content.tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}

    .panel-tabs-content.tab-content > .tab-pane.active {
        height: auto;
    }

.panel-tabs-ctg {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: .80rem;
    font-weight: 600;
}

    .panel-tabs-ctg:before {
        content: "";
        display: block;
        width: .5rem;
        height: .5rem;
        background: #2af270;
        border-radius: 50%;
        margin-right: .45rem;
    }

.panel-tabs-ord {
    border: 1px solid #ffffff;
    border-radius: 1rem;
    color: #ffffff;
    font-weight: 600;
}

.tag-item {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: .15rem 1.25rem;
    border-radius: 1.5rem;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .tag-item:hover {
        background: #ffffff;
        color: #010015;
    }

/* Sidebar */
.main-sidebar {
    background: #020022 url(../img/bg/sidebar.png) no-repeat center center/cover;
    border-right: 1px solid rgba(42, 242, 112, 0.2);
    z-index: 1001;
    overflow-y: hidden;
}

    .main-sidebar .main-sidebar-inner {
        max-height: 100vh;
    }

        .main-sidebar .main-sidebar-inner ~ .nicescroll-rails {
            border-radius: 0 !important;
        }

@media (max-width: 575.98px) {
    .main-sidebar {
        border-right: 0;
    }
}
/* [ pages ] */
/* Profile */
.profile-header {
    height: 38.75rem;
}

    .profile-header .profile-avatar {
        max-width: 12rem;
        width: 100%;
    }

    .profile-header .profile-header-nav {
        background: #01001f;
    }

.profile-title {
    display: block;
    font-size: 1.4rem;
}

.profile-post-block {
    border-top: 1px solid rgba(42, 242, 112, 0.2);
    padding-top: 2.5rem;
}

    .profile-post-block:not(:last-child) {
        padding-bottom: 2.5rem;
    }

    .profile-post-block .profile-avatar {
        max-width: 3.5rem;
    }

    .profile-post-block .profile-comment-avatar {
        max-width: 3.5rem;
    }

.zoom-img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .zoom-img:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.app-wow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../img/bg/app-bg.jpg) center center/cover no-repeat;
}

/* Login */
.auth-box {
    border: 1px solid rgba(42, 242, 112, 0.2);
}

/* Email & Chat */
.email-cat-list,
.chat-cat-list {
    max-height: calc(100vh - 235px);
}

    .email-cat-list .email-cat-item,
    .chat-cat-list .email-cat-item {
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

        .email-cat-list .email-cat-item:not(:last-child),
        .chat-cat-list .email-cat-item:not(:last-child) {
            border-bottom: 1px solid rgba(42, 242, 112, 0.2);
        }

        .email-cat-list .email-cat-item.active, .email-cat-list .email-cat-item:hover,
        .chat-cat-list .email-cat-item.active,
        .chat-cat-list .email-cat-item:hover {
            background: #011e3d;
        }

    .email-cat-list .nicescroll-rails,
    .chat-cat-list .nicescroll-rails {
        border-radius: 0;
    }

.email-search,
.shop-search {
    min-height: 4.0625rem;
}

.email-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.email-mes-list .email-mes-item {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

    .email-mes-list .email-mes-item:not(:last-child) {
        border-bottom: 1px solid rgba(42, 242, 112, 0.2);
    }

    .email-mes-list .email-mes-item.active, .email-mes-list .email-mes-item:hover {
        background: rgba(255, 255, 255, 0.15);
    }

.email-mes-list .email-mes-ar {
    width: 9.375rem;
}

.email-tnav {
    font-size: 1rem;
}

/* Shop */
.shop-nav .dropdown-item:hover, .shop-nav .dropdown-item:active, .shop-nav .dropdown-item:focus,
.sec-nav .dropdown-item:hover,
.sec-nav .dropdown-item:active,
.sec-nav .dropdown-item:focus {
    color: #ffffff;
    background: rgba(1, 23, 46, 0.5);
}

.shop-sidebar .rangeslider--horizontal {
    height: 7px;
}

    .shop-sidebar .rangeslider--horizontal .rangeslider__handle {
        top: -3.5px;
    }

.shop-sidebar .rangeslider__handle, .shop-sidebar .rangeslider__handle:after {
    width: 14px;
    height: 14px;
}

.shop-sidebar .range-output {
    color: inherit;
}

.img-shop-item-v {
    max-width: 12rem;
}

/* Product-Details */
.product-details .carousel.slide {
    margin-bottom: 8rem;
}

.product-details .product-details-indicators {
    bottom: -8rem;
    margin-left: 0;
    margin-right: 0;
}

    .product-details .product-details-indicators li {
        width: 6rem;
        height: 6rem;
        border: 1px solid rgba(109, 219, 249, 0.55);
        background: #ffffff;
    }

        .product-details .product-details-indicators li:before, .product-details .product-details-indicators li:after {
            display: none;
        }

        .product-details .product-details-indicators li.active {
            border-color: #2af270;
        }

    .product-details .product-details-indicators .product-details-carouse-img {
        position: absolute;
        left: 0;
        top: 0;
    }

.product-details .tag-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    border: 1px solid rgba(109, 219, 249, 0.55);
    border-radius: 0;
}

    .product-details .tag-item:hover {
        background: #6ddbf9;
    }

.product-details .tag-list .tag-item {
    margin-right: .75rem;
}

    .product-details .tag-list .tag-item:last-child {
        margin-right: 0;
    }

.product-details .color-st {
    min-width: 9rem;
}

.product-details .avs-item {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(42, 242, 112, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .product-details .avs-item:hover {
        color: rgba(1, 0, 31, 0.9);
        background: #c0cad8;
    }

    .product-details .avs-item:not(:last-child) {
        margin-right: .75rem;
    }

@media screen and (min-width: 768px) {
    .product-details .product-details-indicators {
        bottom: -8rem;
    }
}

.comment_ld {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border: 1px solid rgba(42, 242, 112, 0.2);
}

    .comment_ld:hover {
        color: rgba(1, 0, 31, 0.9);
        background: #c0cad8;
    }

    .comment_ld.v-positive {
        color: #2af270;
    }

        .comment_ld.v-positive:hover {
            background: #2af270;
            border-color: #2af270;
            color: rgba(1, 0, 31, 0.9);
        }

    .comment_ld.v-negative {
        color: #da2f69;
    }

        .comment_ld.v-negative:hover {
            background: #da2f69;
            border-color: #da2f69;
            color: rgba(1, 0, 31, 0.9);
        }

.da-ans-card-chart {
    min-width: 425px;
    width: calc(100% + 10px);
    height: 120px;
    margin-left: -10px;
    margin-bottom: -10px;
}

/* Checkout */
.amount-wrapper {
    border: 1px solid rgba(42, 242, 112, 0.2);
}

    .amount-wrapper .btn-amount {
        background: transparent;
        color: #ceddf1;
        min-height: 100%;
        border-bottom: 0;
        border-top: 0;
        padding: 0.6375rem 1.2rem;
        border-radius: 0;
    }

        .amount-wrapper .btn-amount:first-child {
            border-right: 1px solid rgba(42, 242, 112, 0.2);
            border-left: 0;
        }

        .amount-wrapper .btn-amount:last-child {
            border-left: 1px solid rgba(42, 242, 112, 0.2);
            border-right: 0;
        }

        .amount-wrapper .btn-amount:hover {
            background: rgba(255, 255, 255, 0.2);
        }

            .amount-wrapper .btn-amount:hover:first-child {
                border-right: 1px solid transparent;
            }

            .amount-wrapper .btn-amount:hover:last-child {
                border-left: 1px solid transparent;
            }

    .amount-wrapper .input-amount {
        background: transparent;
        border: 0;
    }

    .amount-wrapper input[type=number] {
        max-width: 4.5rem;
        color: #ceddf1;
        text-align: center;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .amount-wrapper input[type=number]::-webkit-inner-spin-button,
        .amount-wrapper input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
        }

@media (max-width: 1679.98px) {
    .amount-wrapper input[type=number] {
        max-width: 3rem;
    }

    .amount-wrapper .btn-amount {
        padding: 0.6375rem 1rem;
    }
}

.shop-olist .shop-oitem .product-item:after {
    content: '';
    display: block;
    width: calc(100% - 1rem);
    height: 1px;
    background: rgba(42, 242, 112, 0.2);
    margin: 1.5rem 0;
    opacity: 0;
}

.shop-olist .shop-oitem:last-child .product-item:after {
    margin-bottom: 0;
    opacity: 0;
}

@media (min-width: 1200px) {
    .shop-olist .shop-oitem .product-item:after {
        opacity: 1;
    }
}

.checkout-order-section [data-step]:not(.stp-complete).timeline-item {
    border-color: #27263b;
}

    .checkout-order-section [data-step]:not(.stp-complete).timeline-item::after {
        background: #27263b;
        border: 2px solid #24C9F6;
    }

.checkout-order-section [data-step].stp-complete.timeline-item::after {
    color: #27263b;
}

.checkout-order-section [data-step].timeline-item {
    text-align: center;
}

    .checkout-order-section [data-step].timeline-item::after {
        font-family: 'icomoon' !important;
        top: -2rem;
        width: 4rem;
        height: 4rem;
        font-size: 1.7rem;
        left: calc(50% - 2rem + .125rem);
    }

.checkout-order-section .accordion .card {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

    .checkout-order-section .accordion .card:not(:first-of-type):not(:last-of-type) {
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }

    .checkout-order-section .accordion .card .card-header {
        background-color: transparent;
    }

        .checkout-order-section .accordion .card .card-header .icon {
            transform: none !important;
            -webkit-transition: auto;
            -moz-transition: auto;
            -ms-transition: auto;
            transition: auto;
        }

.checkout-order-img {
    max-width: 3rem;
}

@media (min-width: 992px) {
    .checkout-order-img {
        max-width: 4rem;
    }
}

@media (min-width: 1200px) {
    .checkout-order-img {
        max-width: 6rem;
    }
}
/* footer */
.footer {
    max-height: 6.0625rem;
}

/* [ User CSS ] */

/*# sourceMappingURL=styles.css.map */