:root {
    --mpy-primary: #A6C0FF;
    --mpy-secondary: #232323;
    --mpy-success: #1babc4;
    --mpy-dark-blue: #525CFF;
    --mpy-orange: #FF8329;
    --mpy-warning: #FFC200;
    --mpy-danger: #C3002F;
    --mpy-white: #F5F5F5FF;
    --mpy-dark-white: #aaa;
    --mpy-primary-light: #d6efdc;
    --mpy-pistachio: #9ec94a;
    --mpy-color-bg: #1F2326;
    --mpy-dark-bg: #101213;
    --mpy-dark-surface: #26292F;
    --mpy-light-surface: #363B43;
    --mpy-viola-yellow: #ffc200;
}

/*====================
** Normalize
====================*/

html {
    font-family: "Source Sans Pro",sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

body {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    color: #333333;
    overflow-x: hidden;
    line-height: normal;
}

/*MPY INFO BOX*/

.mpy-info-box {
    width: 100%;
    z-index: 1;
    font-weight: 100;
    background-color: rgb(180 178 149 / 15%);
    padding: 10px;
    border-radius: 5px;
}

.mpy-error-box {
    width: 100%;
    z-index: 1;
    font-weight: bold;
    background-color: rgb(195 0 47 / 5%);
    padding: 10px;
    border-radius: 5px;
    color: var(--mpy-danger);
    ;
    border: 1px solid var(--mpy-danger);
}

.mpy-shadow {
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    border: none;
}

body.modal-open {
    margin-right: 0 !important;
    overflow: hidden;
    position: fixed;
    width: 100%;
}

h2.no-span {
    font-size: 40px !important;
    letter-spacing: 2px !important;
    display: table;
    white-space: nowrap;

}

h2.no-span:after {
    width: 80%;
}

h2.no-span:before {
    right: 1.5%;
}

h2.no-span:after {
    left: 1.5%;
}

#prod_name::placeholder {
    color: #171925;
}

/*MPY DATA TABLE DARK*/

table {
    border-radius: 5px;
}

tbody td {
    vertical-align: middle !important;
}

.table-hover tbody tr:hover {
    color: var(--mpy-dark-white);
    cursor: pointer;
}

.dataTables_length select,
.dataTables_filter input,
.dataTables_paginate .paging_simple_numbers li {
    background-color: #171925 !important;
    border-color: #171925 !important;
    color: #f0f0f0 !important;
}

.dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_info {
    color: var(--mpy-white);
}

table.dataTable.table thead th.sorting:after,
table.dataTable.table thead td.sorting:after {
    content: '' !important;
}

.page-item.disabled .page-link {
    background-color: var(--mpy-color-bg) !important;
    border-color: var(--mpy-color-bg) !important;
    color: #f0f0f0 !important;
}

.page-item.active .page-link {
    background-color: var(--mpy-primary);
    border-color: var(--mpy-primary);
}

table.dataTable.table thead th,
table.dataTable.table thead td {
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: none;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*BUTTONS*/

/*BUTTONS / Outline Buttons*/

.mpy_btn-outline {
    font-size: 16px;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: all 0.3s ease-in;
}

.out-c-primary {
    background: darkorange;
    color: #fff;
    border: 1px solid darkorange;
}

.darkmode .out-c-primary {
    background: transparent;
    color: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
}

.darkmode .out-c-primary:hover {
    background: rgba(0, 212, 65, 0.16);
    color: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
}

.out-c-primary:hover {
    background: rgba(0, 212, 65, 0.16);
    color: #fff;
    border: 1px solid darkorange;
}

.out-c-purple {
    background: transparent;
    color: #F377FF;
    border: 1px solid #F377FF;
}

.out-c-purple:hover {
    color: #F377FF;
    background: rgba(243, 119, 255, 0.16);
}

.out-c-yellow {
    background: transparent;
    color: #FFC200;
    border: 1px solid #FFC200;
}

.out-c-yellow:hover {
    color: #FFC200;
    background: rgba(255, 194, 0, 0.16);
}

.out-c-blue {
    background: transparent;
    color: var(--mpy-dark-blue);
    border: 1px solid var(--mpy-dark-blue);
}

.out-c-blue:hover {
    color: var(--mpy-dark-blue);
    background: rgba(82, 92, 255, 0.16);
}

.out-c-orange {
    background: transparent;
    color: var(--mpy-orange);
    border: 1px solid var(--mpy-orange);
}

.out-c-orange:hover {
    color: var(--mpy-orange);
    background: rgba(255, 131, 41, 0.16);
}

.out-c-red {
    background: transparent;
    color: var(--mpy-danger);
    border: 1px solid var(--mpy-danger);
}

.out-c-red:hover {
    color: var(--mpy-danger);
    background: rgba(195, 0, 47, 0.16);
}

/*Buttons*/

.mpy-btn {
    padding: 8px 24px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mpy-btn-sm {
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mpy-btn-md {
    padding: 8px 12px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.m-b-primary {
    background: #129bff;
    border-radius: 10px;
}

.m-b-primary:hover {
    background: #012b51;
    color: #fff !important;
}

.m-b-secondary {
    background: var(--mpy-secondary);
    border: 1px solid var(--mpy-secondary);
}

.m-b-secondary:hover {
    background: var(--mpy-primary) !important;
    border: 1px solid var(--mpy-primary) !important;
    color: #fff !important;
}

.m-b-orange {
    background: var(--mpy-orange);
    border: 1px solid var(--mpy-orange);
}

.m-b-orange:hover {
    background: var(--mpy-secondary) !important;
    border: 1px solid var(--mpy-secondary) !important;
    color: #fff !important;
}

.m-b-success {
    background: var(--mpy-success);
    border: 1px solid var(--mpy-success);
}

.m-b-success:hover {
    background: #198497 !important;
    border: 1px solid #198497 !important;
    color: #fff !important;
}

.m-b-warning {
    background: var(--mpy-warning);
    border: 1px solid var(--mpy-warning);
}

.m-b-warning:hover {
    background: #D2C939FF !important;
    border: 1px solid #D2C939FF !important;
}

/*General Styles*/

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

body {
    /*background: var(--mpy-color-bg);*/
    background: #fff !important;
}

.darkmode body {
    /*background: var(--mpy-color-bg);*/
    background: #171925 !important;
}

a,
a:hover,
a:focus,
a:active {
    color: #000;
    text-decoration: none;
    outline: none;
}

.logged-links a,
.logged-links a:hover,
.logged-links a:focus,
.logged-links a:active {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: var(--mpy-primary);
    text-decoration: none;
}

h1 {
    font-size: 60px;
    line-height: 1.0833333333333333;
}

h2 {
    font-size: 52px;
    line-height: 1.4444444444444444;
}

h3 {
    font-size: 26px;
    line-height: 1.0833333333333333;
}

h4 {
    font-size: 22px;
    line-height: 1.2380952380952381;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #012b51;
    font-family: "Source Sans Pro",sans-serif;
}

.darkmode h1,
.darkmode h2,
.darkmode h3,
.darkmode h4,
.darkmode h5,
.darkmode h6 {
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
}

.darkmode h5 {
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
}

p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: unset;
    line-height: 1.625;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

.dealer-ranks font{
    color: #00315e;
}

.darkmode .dealer-ranks font{
    color: #fed402;
}

.remove-padding {
    padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #171925;
}

.mpy_form-inp {
    background-color: #101213 !important;
    color: #f0f0f0 !important;
    border-radius: 5px !important;
    padding: 0.375rem 0.75rem;
}

.mpy_form-inp:focus {
    border-color: #012b51 !important;
}

.mpy_form-label {
    color: #000;
}

.darkmode .mpy_form-label {
    color: var(--mpy-white) !important;
}



.bg-dark-black {
    background-color: #101213 !important;
}

.bg-dark-surface {
    background-color: #2f3144 !important;
}

.bg-light-surface {
    background-color: #171925 !important;
}

.txt-light-surface {
    color: #171925 !important;
}

.txt-dark-surface {
    color: #2f3144 !important;
}

.txt-white {
    color: var(--mpy-white) !important;
}

.txt-green {
    color: var(--mpy-primary) !important;
}

.txt-blue {
    color: var(--mpy-dark-blue) !important;
}

.cart-quantity,
#wishlist-count,
#messages-count {
    background: #FFF !important;
    color: #1F2326 !important;
}

.txt-white-muted {
    color: #aaaaaa !important;
}

/*Background Colors*/

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

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

.mpy-bg-success {
    background: var(--mpy-success) !important;
}

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

.mpy-bg-orange {
    background: var(--mpy-orange) !important;
}

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

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

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

.mpy-bg-success:hover {
    background: #4ef1a6;
}

.mpy-bg-danger:hover {
    background: #C7234AFF;
}

.mpy-bg-warning:hover {
    background: #E5DC49FF;
}

/*Badges*/

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: unset;
}

.badge-inline {
    width: auto;
}

.badge-sm {
    padding: 4px 8px;
    font-size: 0.55rem;
}

.badge-md {
    padding: 8px 14px;
    font-size: 0.75rem;
}

.badge-lg {
    padding: 10px 20px;
    font-size: 0.85rem;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-success {
    color: #fff;
    background-color: #53a517;
}

.badge-warning {
    color: #fff;
    background-color: #bfaa16;
}

/*Reklamlar*/

.bg_content_left {
    /*
    background-image: url(../../../assets/images/left-adv-banner.png) !important;
    */
    background-size: contain;
    background-repeat: no-repeat;
    width: 12%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
}

.bg_content_right {
    background-size: contain;
    background-repeat: no-repeat;
    width: 12%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
}

/*HOME PAGE*/

/*Searchbar autocomplete*/

.autocomplete {
    position: relative;
    display: block;
}

.autocomplete-items {
    position: absolute;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 5px;
    cursor: pointer;
    width: 95%;
    color: #fff;
    font-size: 15px;
    text-align: left;
    background: #143250;
}

/*Account Nav / User Profile Dropdown*/

.mpy-user-account-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mpy-user-bank-account-row {
    min-height: 100vh;
}

.account-navigation-wrapper .icn {
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
    color: var(--mpy-primary);
}

.icofont-wallet {
    font-size: 24px;
    cursor: pointer;
    color: var(--mpy-secondary);
}

.icofont-wallet span {
    color: var(--mpy-orange);
    font-weight: bold;
    font-family: "Source Sans Pro",sans-serif;
}

#account-navigation-container .account-navigation-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-end;
}

#account-navigation-container .account-navigation-wrapper> :last-child {
    margin-right: 0 !important;
}

#account-navigation-container .account-navigation-wrapper .account-nav-item {
    display: flex;
}

#account-navigation-container .account-navigation-wrapper .account-nav-item:hover .link .link-text {
    color: var(--mpy-primary);
}

#account-navigation-container .account-navigation-wrapper .account-nav-item:hover .link .hover-icon {
    opacity: 1;
}

#account-navigation-container .account-navigation-wrapper .basket-preview {
    position: relative;
}

#account-navigation-container .account-navigation-wrapper .user-login-container {
    position: relative;
    cursor: pointer;
}

#account-navigation-container .account-navigation-wrapper .user-login-container .login-dropdown {
    display: none;
    font-weight: 400;
    background-color: var(--mpy-color-bg);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px var(--mpy-primary);
    border-radius: 6px;
    position: absolute;
    z-index: 999;
    right: -55px;
    width: 196px;
    height: auto;
    top: 27px;
}

#account-navigation-container .account-navigation-wrapper .user-login-container:hover .login-dropdown {
    display: block;
}

#account-navigation-container .account-navigation-wrapper .link {
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
}

#account-navigation-container .account-navigation-wrapper .link .icon-container {
    position: relative;
}

#account-navigation-container .account-navigation-wrapper .link .link-text {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #333333;
    padding-left: 5px;
    margin-top: 10px;
}

#account-navigation-container .account-navigation-wrapper .link>.initial-icon {
    color: #333333;
}

#account-navigation-container .account-navigation-wrapper .initial-icon,
#account-navigation-container .account-navigation-wrapper .hover-icon {
    display: block;
    font-size: 16px;
    transition: opacity 0.4s ease;
}

#account-navigation-container .account-navigation-wrapper .initial-icon.i-heart,
#account-navigation-container .account-navigation-wrapper .hover-icon.i-heart,
#account-navigation-container .account-navigation-wrapper .initial-icon.i-heart-orange,
#account-navigation-container .account-navigation-wrapper .hover-icon.i-heart-orange {
    margin-top: 1px;
}

#account-navigation-container .account-navigation-wrapper .initial-icon.i-bagg,
#account-navigation-container .account-navigation-wrapper .hover-icon.i-bagg,
#account-navigation-container .account-navigation-wrapper .initial-icon.i-bagg-orange,
#account-navigation-container .account-navigation-wrapper .hover-icon.i-bagg-orange {
    font-size: 18px;
}

#account-navigation-container .account-navigation-wrapper .hover-icon {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#account-navigation-container .account-navigation-wrapper .account-basket:hover .hover-icon,
#account-navigation-container .account-navigation-wrapper .account-favorites:hover .hover-icon,
#account-navigation-container .account-navigation-wrapper .account-user:hover .hover-icon {
    opacity: 1;
}

#account-navigation-container .account-navigation-wrapper .account-basket:hover .initial-icon,
#account-navigation-container .account-navigation-wrapper .account-favorites:hover .initial-icon,
#account-navigation-container .account-navigation-wrapper .account-user:hover .initial-icon {
    opacity: 0;
}

#account-navigation-container .user-notloggedin-container {
    display: flex;
    flex-direction: column;
    justify-content: baseline;
    align-items: baseline;
    padding: 15px;
    box-sizing: border-box;
}

#account-navigation-container .user-notloggedin-container .login-button {
    box-sizing: border-box;
    color: #fff;
    background-color: var(--mpy-primary);
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    border-radius: 6px;
}

#account-navigation-container .user-notloggedin-container .signup-button {
    box-sizing: border-box;
    margin-top: 10px;
    color: #666;
    border: solid 1px #dedede;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    border-radius: 6px;
}

#account-navigation-container .user-loggedin-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 16px;
}

#account-navigation-container .user-loggedin-container .user-name {
    font-weight: 600;
    font-size: 14px;
    color: var(--mpy-primary);
    text-align: left;
    width: 100%;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 3px 0 6px 0;
}

#account-navigation-container .user-loggedin-container .user-name:empty {
    display: none;
}

#account-navigation-container .user-loggedin-container a {
    padding: 6px 0px;
}

#account-navigation-container .user-loggedin-container a:first-child {
    padding-top: 12px;
}

#account-navigation-container .user-loggedin-container a:last-child {
    padding-bottom: 0;
}

#account-navigation-container .user-loggedin-container .loggedin-account-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 32px;
    line-height: 32px;
    width: 100%;
    box-sizing: border-box;
}

#account-navigation-container .user-loggedin-container .loggedin-account-item i {
    color: var(--mpy-white);
    width: 15px;
}

#account-navigation-container .user-loggedin-container .loggedin-account-item i {
    font-size: 15px;
}

#account-navigation-container .user-loggedin-container .loggedin-account-item:hover i,
#account-navigation-container .user-loggedin-container .loggedin-account-item:hover p {
    color: var(--mpy-primary);
}

#account-navigation-container .user-loggedin-container .loggedin-account-item p {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--mpy-white);
}

#account-navigation-container .basket-preview-container {
    text-align: left !important;
    width: 300px;
    top: 40px;
    right: 0;
    border: 1px solid #e6e6e6;
    position: absolute;
    z-index: 901;
    background-color: #fff;
    display: none;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    overflow: hidden;
}

#account-navigation-container .basket-preview-container.visible {
    display: block;
}

#account-navigation-container .basket-preview-container:after,
#account-navigation-container .basket-preview-container:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#account-navigation-container .basket-preview-container:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

#account-navigation-container .basket-preview-container:before {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: #e6e6e6;
    border-width: 9px;
    margin-left: -9px;
}

#account-navigation-container .basket-preview-container .productPriceBox {
    float: left;
    width: 300px;
    margin: 10px 0;
}

#account-navigation-container .basket-preview-container .productPriceBox p {
    font-size: 17px;
    color: var(--mpy-primary);
    font-family: oxygen, serif;
    font-weight: bold;
    text-align: right;
    width: 285px;
    padding: 0 5px 10px 0;
}

#account-navigation-container .basket-preview-container .productPriceBox span {
    font-size: 15px;
    color: #333;
}

#account-navigation-container .basket-preview-container .productPriceBox a {
    float: left;
    width: 128px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    margin-left: 14px;
}

#account-navigation-container .basket-preview-container .productPriceBox .goBasket {
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#account-navigation-container .basket-preview-container .productPriceBox .goBasket :hover {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: #f3f3f3;
}

#account-navigation-container .basket-preview-container .productPriceBox .CompleteOrder {
    background-color: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
    color: #fff;
    font-family: source_sans_proregular, serif;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#account-navigation-container .basket-preview-container .productPriceBox .CompleteOrder :hover {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: var(--mpy-primary);
}

#account-navigation-container .basket-preview-container .noproduct {
    padding: 15px 15px 5px 15px;
    text-align: center;
}

#account-navigation-container .basket-preview-container .noproduct p {
    font-size: 12px;
    color: #666666;
}

#account-navigation-container .basket-preview-container .noproduct p:first-child {
    font-family: source_sans_proregular, serif;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

#account-navigation-container .basket-preview-container .slideContainer {
    position: relative;
    width: 300px;
    max-height: 293px;
    overflow: hidden;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox {
    display: flex;
    position: absolute;
    left: 0;
    width: 300px;
    background-color: #fff;
    z-index: 10;
    cursor: pointer;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox i,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox i {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 9px;
    margin: auto;
    z-index: 11;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox i:hover,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox i:hover {
    color: var(--mpy-primary);
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox p,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox p {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    padding: 15px;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox.passive,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox.passive {
    cursor: inherit;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox.passive i,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox.passive i {
    display: none;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox.active,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox.active {
    cursor: pointer;
    height: 30px;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox.active p,
#account-navigation-container .basket-preview-container .slideContainer .slideDownBox.active p {
    display: none;
}

#account-navigation-container .basket-preview-container .slideContainer .slideUpBox {
    top: 0;
}

#account-navigation-container .basket-preview-container .slideContainer .slideDownBox {
    bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}

#account-navigation-container .basket-preview-container .slideContainer .slideDownBox.passive {
    height: 0;
}

#account-navigation-container .basket-preview-container .slideContainer ul {
    position: relative;
    padding-top: 32px;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

#account-navigation-container .slideContainer ul li {
    position: relative;
    width: 300px;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}

#account-navigation-container .slideContainer ul li:last-child {
    border-bottom: none;
}

#account-navigation-container .slideContainer ul li a,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item {
    display: flex;
}

#account-navigation-container .slideContainer ul li a img,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item img {
    width: 55px;
    height: 82px;
    margin-right: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

#account-navigation-container .slideContainer ul li a .product-info,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#account-navigation-container .slideContainer ul li a .product-info p,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info p {
    max-width: 200px;
}

#account-navigation-container .slideContainer ul li a .product-info .product,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .product {
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 18px;
    max-height: 36px;
}

#account-navigation-container .slideContainer ul li a .product-info .product .brand,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .product .brand {
    font-weight: 600;
    margin-right: 4px;
}

#account-navigation-container .slideContainer ul li a .product-info .details,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .details {
    color: #999;
    font-size: 11px;
    margin-bottom: 6px;
}

#account-navigation-container .slideContainer ul li a .product-info .details .size,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .details .size {
    margin-right: 5px;
}

#account-navigation-container .slideContainer ul li a .product-info .price-info,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .price-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#account-navigation-container .slideContainer ul li a .product-info .price-info .price,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .price-info .price {
    color: var(--mpy-primary);
    font-size: 14px;
}

#account-navigation-container .slideContainer ul li a .product-info .price-info .remaining-items,
#account-navigation-container .slideContainer ul li .basket-preview-vas-item .product-info .price-info .remaining-items {
    color: #d21313;
    font-size: 11px;
}

#account-navigation-container .slideContainer ul li .rightinfo {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    margin-top: 15px;
    display: block;
    width: 75px;
    text-align: right;
}

#account-navigation-container .slideContainer ul li .rightinfo .countDown {
    color: #8c8c8c;
    display: inline;
    float: none;
}

#account-navigation-container .slideContainer ul li .rightinfo .countDown span {
    color: #8c8c8c;
    font-size: 12px;
}

#account-navigation-container .slideContainer ul li .separator {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 280px;
    height: 1px;
    display: block;
    background-color: #f0f0f0;
}

#account-navigation-container .slideContainer ul li .separator:last-child {
    display: none;
}

#account-navigation-container .slideContainer ul li .basket-preview-vas-item-image {
    display: flex;
    width: 55px;
    height: 82px;
    margin-right: 15px;
    border: 1px solid #e6e6e6;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

#account-navigation-container .slideContainer ul li .basket-preview-vas-item-image img {
    height: auto;
    max-height: 82px;
    margin: 0;
    border: none;
    border-radius: 0;
    width: 45px;
}

#account-navigation-container .basket-item-count-container {
    display: none;
    background-color: var(--mpy-primary);
    color: #fff;
    font-family: oxygen, serif;
    font-size: 11px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-left: 3px;
    margin-top: 2px;
    border-radius: 50%;
    z-index: 1;
}

#account-navigation-container .basket-item-count-container.visible {
    display: block;
}

/*Header / cart preview*/

.helpful-links .helpful-links-inner li.my-dropdown:hover #cart-items {
    display: block;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-details .content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-details .content .product-title {
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 600;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-details .content .cart-product-info {
    font-size: 12px;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-image-container {
    margin-bottom: 0;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-image-container .cart-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-total span {
    font-size: 14px;
    font-weight: 600;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu.show {
    display: block;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper {
    padding: 20px 25px 20px;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--mpy-primary);
    border-radius: 5px;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 8px;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-header .item-no {
    font-size: 13px;
    font-weight: 600;
    color: #143250;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-header .view-cart {
    font-size: 12px;
    font-weight: 600;
    color: #143250;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-header .view-cart:hover {
    text-decoration: underline;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products {
    padding-left: 0;
    margin-bottom: 0;
    display: block;
    width: 100%;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 15px 0 15px;
    margin-right: 0;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu .dropdownmenu-wrapper .dropdown-cart-products .product .product-details {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
}

.logo-header .helpful-links ul li.my-dropdown .my-dropdown-menu {
    width: 300px;
    position: absolute;
    top: 100%;
    right: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    z-index: 10;
    display: none;
}

.logo-header .helpful-links ul li.my-dropdown .cart p {
    font-size: 12px;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 0;
}

/*cart preview end*/

.logo-header .helpful-links {
    position: relative;
}

.logo-header .helpful-links ul li.wishlist .wish span {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.logo-header .helpful-links ul li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.logo-header .helpful-links ul li a {
    display: block;
}

.logo-header .helpful-links ul li.my-dropdown .cart .icon span {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.logo-header .helpful-links ul li.my-dropdown .cart .icon,
.logo-header .helpful-links ul li.wishlist .wish {
    position: relative;
}

.logo-header .helpful-links ul li .wish i,
.logo-header .helpful-links ul li.my-dropdown .cart .icon i {
    font-size: 22px;
    color: var(--mpy-primary);
    background: none;
    height: auto;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: unset !important;
}

.mpy__container {
    background: #fff;
    max-width: 1400px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 15px 0px 10px;
}

.mpy__container-top,
.mpy__container-banner {
    max-width: 1400px;
}

.mpy__container-top {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-top: 1rem;
    border-radius: 4px 4px 0 0;
    padding: 0.5rem 4rem;
}

.mpy_mobile-balance-icon {
    display: none;
}

#searchForm,
#prod_name {
    width: 100%;
}

.mpy__navbar-links_search {
    border-radius: 32px 0 0 0;
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

.mpy__header-top {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 4rem;
}

.mpy__banner-large {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.mpy__banner-large img {
    width: 100%;
}

.mpy__header-top_links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #101112 !important;
    backdrop-filter: blur(4px);
    background: #101112;
    border-radius: 5px;
    margin: 0;
    padding: .5rem;
}

.mpy__header-top_links-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0.5rem;
}

.mpy__header-top_links-link p {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
}

.mpy__header-top_links-link img {
    width: 25px;
    height: 25px;
    margin: 0 .5rem;
}

.mpy__navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 4rem;
    background: var(--mpy-dark-bg);
}

.mpy__navbar-links_right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mpy__navbar-links_right {}

.mpy__navbar-links_balance a {
    display: flex;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    padding: .5rem 1rem;
    border: 1px solid #fff;
    border-radius: 20px 0 0 20px;
    transition: all 3ms ease-in-out;
}

.mpy__navbar-links {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mpy__navbar-links_logo {
    display: flex;
    flex-direction: row;
}

/*.mpy__navbar-links_logo:after {
    content: 'BETA';
    font-size: 12px;
    vertical-align: top;
    color: rgb(112 109 173/25%);
    font-weight: bold;
}*/

.mpy__navbar-links_logo-separator {
    width: 1px;
    height: auto;
    background: #e9ecef;
    margin: 0 0.5rem 0 1.5rem;
}

.mpy__navbar-links_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.mpy__navbar-links_container ul {
    display: flex;
    flex-direction: row;
}

.mpy__navbar-links_container li {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0.75rem;
    padding: .5rem;
}

.mpy__navbar-links-link_dropdown {
    display: flex;
    flex-direction: column;
}

.mpy__navbar-links-link_dropdown-menu {
    z-index: 1000;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0.25rem;
    transition: all 200ms linear;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    background-color: var(--mpy-color-bg);
    border: 1px solid var(--mpy-primary);
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgb(138 155 165 / 15%);
}

.mpy__navbar-links_container li.show .mpy__navbar-links-link_dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0px, 0);
    color: var(--mpy-white);
}

.mpy__navbar-links-link_dropdown-menu a {
    padding: .25rem 2rem;
    width: 100%;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    transition: all 200ms linear;
}

.mpy__navbar-links-link_dropdown-menu a:hover {
    background: var(--mpy-primary);
    color: #fff;
}

.mpy__navbar-links_search-container {
    height: 50px;
    max-width: 500px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.mpy__navbar-links_search input {
    all: unset;
}

.mpy__navbar-links_search input {
    background: #2f3144 !important;
    border: 2px solid var(--mpy-primary) !important;
    border-radius: 15px;
    min-height: 24px;
    padding: 0.25rem 5rem 0.25rem 3rem;
}

#prod_name::placeholder {
    color: #FFF;
}

.bottom-0 {
    bottom: 0;
}

.z-50 {
    z-index: 50;
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid {
    display: grid;
}

.mobileNavigationMenuOpen {
    -webkit-animation: menuOpen 1s ease 0s 1 normal forwards;
    animation: menuOpen 1s ease 0s 1 normal forwards;
    position: relative;
    width: 100%;
}

.h-38 {
    height: 38px;
}

.bg-primary-green-bottom-menu {
    background: linear-gradient(45deg, #cc6800, #d2812f);
}

.h-68 {
    height: 68px;
}

.h-full {
    height: 100%;
}

.bg-primary-red-bottom-menu {
    background: linear-gradient(45deg, #045f20, rgb(112 109 173/25%));
}

.border-gray-100 {
    border-color: rgb(243 244 246/1);
}

.border-r {
    border-right-width: 1px;
}

.rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis;
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
}

.text-13 {
    font-size: 13px;
}

.text-16 {
    font-size: 16px;
}

.top-35 {
    top: 35%;
}

.left-50 {
    left: 50%;
}

.top-62 {
    top: 62%;
}

.top-30 {
    top: 30%;
}

.top-82 {
    top: 82%;
}

.top-72 {
    top: 72%;
}

.top-45 {
    top: 45%;
}

.top-68 {
    top: 68%;
}

.translate-x-50,
.translate-y-50 {
    -webkit-transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.mobileNavigationBg {
    background-image: url(/assets/images/icons/bg-dolar.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

@media (min-width: 640px) {
    .hidden-desktop {
        display: none !important;
    }
}

.mpy__navbar-links_search input:focus {
    border-color: var(--mpy-primary);
}

.mpy__navbar-links_search::before {
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
    content: "\f002";
    color: #FFF;
    font-size: 18px;
    position: absolute;
    margin-left: 1rem;
    margin-top: 0.45rem;
    z-index: 2;
}

.mpy__navbar-links_cart span {
    background: var(--mpy-primary);
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    padding: .5rem 1rem;
    border-radius: 0 20px 20px 0;
    border: 1px solid #fff;
}

.mpy__navbar-links_cart a span {
    color: #fff;
}

.mpy__navbar-links_menu {
    display: none;
}

.mpy__navbar-links_menu i,
.mpy__navbar-links_right i {
    color: #fff;
    font-size: 29px;
    cursor: pointer;
}

.mpy__navbar-links_menu-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    right: 10px;
    margin: 2rem 0;
    padding: 0.5rem;
    min-width: 200px;
    transition: all 200ms linear;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #212121;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgb(138 155 165 / 15%);
}

.add-advert-li {
    background: var(--mpy-primary);
    border-radius: 5px;
}

.add-advert-li:hover {
    background: var(--mpy-dark-blue);
    cursor: pointer;
    transition: .5s;
}

.add-advert-li:hover a {
    color: #f0f0f0;
    transition: .5s;
}

.mpy__navbar-links_menu-container li {
    padding: 0.75rem 2rem;
}

.mpy__navbar-links_menu-container.show {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    z-index: 1000;
    transform: translate3d(0, 0px, 0);
}

.mpy_top-header-flex {
    display: flex;
    flex-direction: column;
}

.mpy_top-header-search-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    background: #101112;
}

/*Hamburger menu*/

#menuToggle {
    display: none;
}

.open {
    background-color: #fff;
    width: 24px;
    height: 2px;
    display: block;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    top: 12px;
}

.open:before {
    content: "";
    background-color: none;
    width: 24px;
    height: 4px;
    display: block;
    border-radius: 2px;
    position: relative;
    top: -8px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.open:after {
    content: "";
    background-color: #fff;
    width: 24px;
    height: 4px;
    display: block;
    border-radius: 2px;
    position: relative;
    top: 4px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.menuOpen {
    width: 24px;
    height: 20px;
    display: block;
    cursor: pointer;
}

.notAuth {
    padding-top: 5px;
}

.menuOpen:hover .open:before {
    top: -9px;
}

.menuOpen:hover .open:after {
    top: 5px;
}

.menu2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 212, 65, 0.9);
}

.menu2 label {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-size: 100%;
    cursor: pointer;
}

.menu2 .menuContent {
    position: relative;
    top: 0%;
    font-size: 54px;
    text-align: center;
    padding-bottom: 0px;
    margin-top: 0;
}

.menu2 ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.menu2 ul li a {
    display: block;
    color: white;
    text-decoration: none;
    transition: color 0.2s;
    text-transform: uppercase;
    padding: 0px 0;
}

.menu2 ul li a:hover {
    color: #ff8702;
}

.menu2 ul li:hover {
    background: white;
}

.menuEffects {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
    transform: translateY(0%);
    transition: all 0.5s;
}

.notLoginMenu ul {
    width: 100%;
    padding-top: 80px;
}

.notLoginMenu ul li a {
    padding: 25px 0;
    background: rgb(0 191 59 / 90%);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

#menuToggle:checked~.menuEffects {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
}

#menuToggle:checked~.menuEffects ul {
    opacity: 1;
}

#menuToggle:checked~.menuOpen .open {
    background-color: transparent;
}

#menuToggle:checked~.menuOpen .open:before {
    content: "";
    background-color: white;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#menuToggle:checked~.menuOpen .open:after {
    content: "";
    background-color: white;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
}

#menuToggle:not(:checked)~.menuEffects ul {
    transform: translateY(-30%);
}

#searchModal {
    display: none !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.header-top {
    background-color: #101112;
    color: #6c7175;
    line-height: 35px;
}

.header-slick span a {
    color: #d4dffb !important;
}

.header-top ul.header-links {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}

.visible-not-pc {
    display: none !important;
}

.header-top ul.header-links li {
    padding: 0 15px;
    margin-bottom: 0;
    border-right: 1px solid #202021;
    float: left;
    position: relative;
}

.header-top ul.header-links li:hover {
    background: #202021;
    color: rgb(255 255 255);
}

.header-top ul.header-links li a {
    color: #d4dffb;
}

.header-main {
    background-color: #1a1a1a;
    height: 96px;
    position: relative;
}

.header-main .search-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 28px;
}

.header-main .input-group-field {
    color: #6c7175;
    padding: 9px 15px;
    width: calc(100% - 50px);
    border: none;
    line-height: 22px;
    border-radius: 3px 0 0 3px;
}

.header-main .search-bar .input-group-field {
    background-color: #101112;
}

.header-main .icon-search {
    color: #2a5ee1;
    background: var(--mpy-primary);
}

.header-main .icon-search {
    padding: 7px 14px 6px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    min-width: 46px;
}

.header-main .icon-search svg {
    width: 21px;
    height: 21px;
    color: #2a5ee1;
    fill: #fff;
    stroke: #fff;
    stroke-width: 0.2px;
}

.searchBoxPanel {
    display: none;
    width: calc(100% + 30px);
    background: #00315e;
    position: absolute;
    border: 1px solid #3f3f3f;
    left: -15px;
    top: 50px;
    z-index: 999999999999999;
    padding: 15px 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0/10%);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px #3f3f3f;
}

.darkmode .searchBoxPanel {
    display: none;
    width: calc(100% + 30px);
    background: #171925;
    position: absolute;
    border: 1px solid #3f3f3f;
    left: -15px;
    top: 50px;
    z-index: 999999999999999;
    padding: 15px 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0/10%);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px #3f3f3f;
}

.searchBoxPanel.active {
    display: block !important;
}

.hiddenElement {
    display: none;
}

.MiniSearchDiv {
    background: #1f2326;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    padding-right: 15px;
    border-radius: 4px;
}

.MiniSearchDiv a {
    color: rgb(150 167 213);
    display: block;
}

.MiniSearchDiv img {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    margin: 4px;
    margin-right: 10px;
    object-fit: cover;
}

.searchTrend {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #ccc;
    border-bottom: 1px solid #1f2326;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

a.float-right.nonSearchResultComp {
    color: var(--mpy-primary);
}

.PostBox {
    padding: 10px;
    display: block;
    height: calc(100% - 10px);
    margin: 5px 5px 10px;
    border-radius: 4px;
    background: #1c2231;
    position: relative;
    border: 1px solid transparent;
}

.CategoryBox {
    margin: 10px;
    padding: 0;
    display: block;
    height: calc(100% - 10px);
    border-radius: 4px;
    transition: .2s linear;
    background: rgb(0 0 0);
    border: 1px solid rgb(0 0 0/0%);
}

header .PostBox.CategoryBox {
    padding: 0;
    background: 0 0;
    margin: 0;
    border: none;
}

.PostImage {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: rgb(59 68 92);
    padding: 1px;
}

.PostImage {
    background: unset !important;
    padding: 5px !important;
}

.PostBox .PostImage,
.PostBox .PostTitle,
.PostBox .PostDescription,
.PostBox .PostPrice,
.PostBox .post-button-groups {
    z-index: 1;
    position: relative;
}

.nonSearchResultComp .PostImage.CategoryImage {
    background: rgb(0 0 0);
    padding: 5px;
    margin-bottom: 10px;
}

.PostBox a {
    color: rgb(164 176 203);
}

.CategoryBox img {
    height: 165px !important;
}

.PostBox .PostImage img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
    transition: .1s linear;
}

.PostBox .CategoryImage img {
    height: 100px;
}

.PostBox.CategoryBox img {
    height: 110px !important;
}

.nonSearchResultComp .CategoryBox img {
    height: 116px !important;
}

.CategoryBox .PostImage img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: .1s linear;
}

.searchBoxPanel .PostBox a>span {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 12px;
    padding-inline: 10px;
}

.header-main .headerUserClass {
    display: flex;
    justify-content: flex-end;
}

.user-panel-links {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1021;
}

a.btn.btn-message-page {
    line-height: 40px;
    padding: 0;
    border: none;
    width: 60px;
    font-size: 19px;
    color: var(--mpy-primary);
    text-shadow: 0 0 8px #14203c;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #343739;
    height: 60%;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

a.btn.btn-message-page:hover {
    background: rgb(0 212 65 / 7%);
}

.customer-links {
    margin-left: 20px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    line-height: 19px;
    height: 70px;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;
    transition: width .1s ease, -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease, -webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent;
}

.customer-links span {
    color: #fff;
}

.customer-links span {
    color: rgb(255 255 255);
    font-size: 18px;
}

.customer-links .icon-user {
    display: -webkit-inline-flex;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
}

.customer-links img.userAvatar {
    background: #000000;
    padding: 1px;
    border-radius: 500px;
    height: 38px;
    width: 38px;
    margin-right: 5px;
    filter: drop-shadow(0px 0 6px #000);
    max-width: unset !important;
}

.customer-links .user-caret-down {
    padding-left: 10px;
    color: #fff;
}

.ui.dropdown .menuNew {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 0.28571429rem;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform, opacity;
}

.ui.dropdown .menuNew {
    left: 0;
}

.ui.dropdown .menuNew {
    background: #1a1a1a !important;
    border: 1px solid #1f2326 !important;
    box-shadow: 0 10px 20px #1f2326 !important;
}

//MENÃœLERÄ°N ARKAPLAN RENGÄ°
.item.guvenilirItem {
    background: linear-gradient( 45deg, rgb(97 63 110), rgb(0 0 0/0%));
}

.ui.dropdown .menuNew>* {
    white-space: nowrap;
}

.customer-links .menuNew .item {
    border-bottom: 1px solid #f3f3f3 !important;
    padding: 0 !important;
}

.ui.dropdown .menuNew>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: 0.78571429rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
}

.ui.dropdown .menuNew .item {
    border-color: #232c42 !important;
}

.ui.dropdown .menuNew>.item {
    color: #fff !important;
}

.ui.dropdown .menuNew>.item:first-child {
    border-top-width: 0;
}

.customer-links .menuNew a {
    color: #dee8ff;
    font-size: 13px;
    display: block;
    padding: 0.78571429rem 1.14285714rem;
}

.item.guvenilirItem a {
    color: rgb(237 218 255);
    padding-block: 15px !important;
}

nav .menuNew .item a,
header .menuNew .item a {
    min-width: 180px;
}

.customer-links .menuNew .item i {
    margin-right: 10px;
    width: 20px;
    text-align: right;
}

.is-visible-mobile {
    display: none !important;
}

.item.guncelBakiyeItem {
    width: 100%;
    text-align: center !important;
    line-height: 40px !important;
    font-size: 15px !important;
    margin-top: 15px;
    background: linear-gradient(1deg, rgb(60 47 98), rgb(0 0 0/0%)) !important;
}

.customer-links .menuNew .item:last-child {
    border-bottom: none !important;
}

nav.menubar {
    height: 50px;
    background: #1f2326;
    position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid #343739;
    border-top: 1px solid #343739;
}

.mobileNavMenu {
    display: none;
}

nav ul.nav-menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.visible-only-mobile {
    display: none !important;
}

nav ul.nav-menu-list li {
    float: left;
    border-bottom: 2px solid transparent;
}

.side-menu-search {
    background: linear-gradient(#000000, #1a1a1a);
    border-radius: 5px;
    margin-bottom: 10px;
}

.side-menu-search {
    display: none !important;
}

nav ul.nav-menu-list li a,
nav ul.nav-menu-list li>span {
    text-transform: capitalize;
    line-height: 47px;
    color: #fff;
    padding: 0 10px;
    display: block;
    font-size: 14px;
    position: relative;
    font-weight: 500;
}

nav ul.nav-menu-list li a i,
nav ul.nav-menu-list li span i {
    margin-right: 5px;
}

body nav ul.nav-menu-list li:hover,
body nav ul.nav-menu-list li.active {
    background: #045f20;
    border-bottom: 2px solid rgb(112 109 173/25%);
    color: #fff;
}

body.night-mode nav ul.nav-menu-list li:hover,
body.night-mode nav ul.nav-menu-list li.active {
    background: rgb(112 109 173/25%);
    border-bottom: 2px solid rgb(112 109 173/25%);
}

nav ul.nav-menu-list li.orangeBackground:hover,
nav ul.nav-menu-list li.orangeBackground {
    background: linear-gradient(45deg, #cc6800, #d2812f);
    border-bottom: 2px solid #ffa346;
}

nav ul.nav-menu-list li:not(.float-right)>*:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    height: calc(100% - 20px);
    background: #2a2d2f;
}

[role=button] {
    cursor: pointer;
}

.dropdown-big-menu-with-image .dropdown-item img {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #2a3346;
}

.visible-only-mobile {
    display: none !important;
}

li.no-bg-border-menu {
    background: 0 0 !important;
    border: none !important;
    padding-right: 0 !important;
    margin-block: 6.5px;
    margin-left: 10px;
}

div.div-price-box {
    background: linear-gradient(45deg, #76837a, rgb(112 109 173 / 25%));
    padding: 7px 15px;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 500;
    text-shadow: 0 0 2px #000;
    color: #fff;
    margin: auto;
    padding-block: 0;
    line-height: 35px;
    place-content: center;
    margin-top: 5px;
    height: 56px;
}

nav .menuNew .item a,
header .menuNew .item a {
    min-width: 180px;
}

.header-main .search-bar .input-group-field:focus {
    box-shadow: 0px 0px 10px 0px;
}

#search-btn:hover {
    filter: brightness(1.15);
}

.t-item {
    border-color: #232c42 !important;
    padding: 0 !important;
    border: 1pt solid !important;
}

.ui.dropdown .menuNew>* {
    white-space: nowrap;
}

.ui.dropdown .menuNew>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: 0.78571429rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
}

.ui.dropdown .menuNew .item {
    border-color: #1f2326 !important;
}

.ui.dropdown .menuNew>.item {
    color: #fff !important;
}

.ui.dropdown .menuNew>.item:first-child {
    border-top-width: 0;
}

.t-item>a {
    color: #dee8ff;
    font-size: 13px;
    display: block;
    padding: 0.78571429rem 1.14285714rem;
    font-size: 1rem !important;
    line-height: 36px !important;
}

.ui.dropdown .menuNew>.item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    z-index: 13;
}

.ui.dropdown .menuNew>.item:hover {
    background: rgb(12 12 12);
}

.ui.dropdown>.left.menuNew {
    left: auto !important;
    right: 0 !important;
}

.advert-flex>.ui.dropdown>.left.menuNew {
    left: 0 !important;
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-menu.dropdown-big-menu-with-image.show {
    min-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
    top: 47px !important;
    max-width: 100%;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px !important;
    position: absolute !important;
    left: 0 !important;
    border: none;
    background: linear-gradient(to bottom, #1a1a1a, #1f2326);
    filter: drop-shadow(0 24px 16px #121722);
}

.dropdown-menu.dropdown-big-menu-with-image.show a.dropdown-item {
    width: calc(10%);
    padding: 10px !important;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
}

.dropdown-menu.dropdown-big-menu-with-image.show a.dropdown-item:hover {
    background-color: #26282b !important;
}

.dropdown-big-menu-with-image .dropdown-item img {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #2a3346;
}

.dropdown-menu.dropdown-big-menu-with-image.show a.dropdown-item span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 35px;
    text-align: center;
}

.dropdown-menu.dropdown-big-menu-with-image.show a.dropdown-item:hover span {
    color: #aec8ff;
}

.item.guvenilirItem {
    background: linear-gradient(45deg, #045f20, rgb(112 109 173/25%));
}

.item.guvenilirItem:hover {
    background: linear-gradient(45deg, rgb(112 109 173/25%), #045f20) !important;
}

.LoginButton {
    cursor: pointer;
    font-weight: 500;
}

.customer-links .icon-user {
    display: -webkit-inline-flex;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
}

.customer-links .icon-user svg {
    width: 28px;
    height: 26px;
    stroke-width: 10px;
    fill: #fff;
    stroke: #fff;
}

span.acc-links.acc-title span {
    color: #3f3f93;
    font-weight: 600;
}

.countedNotification span {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 3px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #FFF !important;
    color: #1F2326 !important;
}

.header-links .countedNotification span {
    top: 0px;
    right: 0px;
}

.col-12.search-result-title {
    text-align: left !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    padding-inline: 0;
    font-size: 13px;
}

.flex-row-category {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.flex-row-category .searchCategoryDiv {
    background: #fff;
    flex: 0 0 calc(25% - 5px);
    padding: 10px !important;
    display: flex;
    align-items: flex-start;
    border-radius: 5px;
    width: calc(25% - 5px);
}

.darkmode .flex-row-category .searchCategoryDiv {
    background: #2f3144;
    flex: 0 0 calc(25% - 5px);
    padding: 10px !important;
    display: flex;
    align-items: flex-start;
    border-radius: 5px;
    width: calc(25% - 5px);
}

.flex-row-category .searchCategoryDiv .MidiSearchDiv {
    text-align: center;
    width: 100%;
}

.flex-row-category .searchCategoryDiv .MidiSearchDiv a {
    color: #555;
    font-size: 12px;
}

.darkmode .flex-row-category .searchCategoryDiv .MidiSearchDiv a {
    color: #e1e2f4;
    font-size: 12px;
}

.flex-row-category .searchCategoryDiv .MidiSearchDiv img {
    margin-bottom: 5px;
    max-height: 127px;
    margin: auto;
    border-radius: 5px;
}

.flex-row-category .searchCategoryDiv:hover {
    background: #d1d1d1;
}

.darkmode .flex-row-category .searchCategoryDiv:hover {
    background: #37394d;
}

.flex-row-product {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.MiniSearchDiv a {
    float: left;
    color: #ccc;
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 38px;
}

.MiniSearchDiv img {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    margin: 4px;
    margin-right: 10px;
    object-fit: cover;
    float: left;
}

.MiniSearchDiv:hover {
    background: #262a2d;
}

#searchModal.active {
    display: flex !important;
}

#searchModal {
    display: none !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    z-index: 999999999999999999;
}

@media only screen and (max-width: 1024px) {
    .header-top ul.header-links {
        display: flex;
        justify-content: space-between;
    }
    .hidden-not-pc {
        display: none !important;
    }
    .visible-not-pc {
        display: unset !important;
    }
    ul.nav-menu-list>li>a {
        font-size: 14px !important;
    }
    .header-top-menu-mobile-left {
        display: none;
    }
    .header-top-menu-mobile-right {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .header-links {
        width: 100%;
    }
    .header-links>li>a {
        font-size: 21px !important;
    }
    .headerUserClass .user-panel-links a.btn.btn-message-page {
        display: none;
    }
}

#searchModal .header-main .search-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 15px;
}

.nonSearchResultComp .CategoryBox img {
    height: 116px !important;
}

@media only screen and (max-width: 768px) {
    .flex-row-category .searchCategoryDiv {
        flex: 0 0 calc(50% - 5px);
    }
    .searchBoxPanel {
        overflow-y: scroll;
        width: calc(100% - 30px);
        height: auto;
        max-height: calc(100% - 120px);
        position: absolute;
        left: 15px;
        top: 120px;
        display: block !important;
    }
    #searchModal.active .row.nonSearchResultComp {
        justify-content: center;
    }
    #searchModal.active .nonSearchResultComp .col-12.col-xl-3.col-md-4.col-lg-20 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 10px;
    }
    .nonSearchResultComp .PostImage.CategoryImage {
        background: rgb(0 0 0);
        padding: 5px;
        margin-bottom: 10px;
    }
    .search-close {
        position: absolute !important;
        color: rgb(255 255 255);
        top: 15px !important;
        right: 15px !important;
        font-size: 20px !important;
        width: 35px;
        height: 35px;
        background: rgb(197 90 90);
        text-align: center;
        line-height: 35px !important;
        border-radius: 10px;
    }
    .header-main-search {
        position: absolute;
        width: 100%;
        top: 0;
        height: 100px;
    }
    #searchModal.active .header-main-search.header-main {
        background: 0 0;
    }
    #searchModal.active .header-main-search.header-main {
        background: 0 0;
        height: 100%;
    }
    .search-bar {
        width: 100%;
    }
    .header-main .search-bar {
        margin: 10px 0;
        top: 40px;
        position: absolute;
        width: calc(100% - 30px);
    }
    #searchModal .header-main .search-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        margin-top: 15px;
    }
    li.visible-only-mobile.searchButtonMobile:hover {
        background: 0 0 !important;
        position: unset !important;
        border-bottom: unset !important;
    }
    ul.nav-menu-list>li>a {
        line-height: 40px !important;
    }
    .header-main .container .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .header-top-menu-mobile-left {
        display: none;
    }
    .header-main {
        background: linear-gradient(45deg, #1a1a1a, #1f2326);
        height: 70px;
    }
    .headerLogoClass,
    .headerUserClass {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    button.searchButtonMobile {
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 70px;
        border: none;
        border-radius: 3px;
        background: #1f2326;
        color: rgb(255 255 255);
        font-size: 27px;
        position: absolute;
        left: 0;
        padding: 0 !important;
        top: 0;
    }
    img.headerLogo {
        margin: 1px 0 !important;
        height: 70px !important;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
    }
    .headerSearchClass {
        background: 0 0 !important;
    }
    .headerSearchClass {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .col-12.col-xl-5.col-md-5.headerSearchClass {
        background: #e49f71;
        display: none;
    }
    .headerLogoClass,
    .headerUserClass {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .user-panel-links {
        position: absolute;
        right: 0;
        margin: 0;
    }
    .customer-links {
        margin-left: 0;
        height: 70px;
        width: 70px;
        justify-content: center;
    }
    .customer-links .icon-user {
        margin: 0;
        margin-right: 5px;
    }
    .user-text.LoginButton {
        display: none;
    }
    .user-panel-links .user-text {
        display: none;
    }
    nav.menubar {
        position: fixed !important;
        left: -100%;
        top: 0 !important;
        display: block;
        width: 60% !important;
        height: 100%;
        transition: .3s all ease;
        max-width: 300px;
    }
    .menubar.active {
        z-index: 9999999999;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    nav.menubar.active {
        left: 0;
    }
    .mobileNavMenu {
        display: block;
        height: 100px;
    }
    .mobileNavMenu img {
        width: 100%;
        position: relative;
        top: 20px;
        height: 60px;
        object-fit: contain;
        filter: drop-shadow(1px 3px 0px #1a1a1a);
        color: #1a1a1a;
    }
    nav ul.nav-menu-list li {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #2a2d2f;
        border-top: none !important;
    }
    .visible-only-mobile {
        display: unset !important;
    }
    .side-menu-search {
        display: block !important;
    }
    .customer-links .user-caret-down {
        padding: 0;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .header-top ul.header-links li {
        border-right: none;
    }
}

@media screen and (min-width: 768px) {
    #search-btn {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .mpy__container-top {
        margin-top: 0;
    }
    .mpy_top-header-flex {
        flex-direction: column-reverse;
    }
    .mainmenu-area {
        padding: 7px 0 !important;
    }
    .mpy__header-top,
    .left,
    #btnSignUp {
        display: none !important;
    }
    .mpy-user-account-list {
        flex-direction: column;
    }
    .mpy__container {
        /*background: purple;*/
        max-width: 750px
    }
    .profile-seperator {
        display: none;
    }
    .account-navigation-wrapper .icn {
        font-size: 18px;
    }
    .bg_content_right,
    .bg_content_left {
        display: none !important;
    }
    .mpy_mobile-balance-icon {
        display: flex;
    }
    #balance-btn {
        display: none;
    }
    .mpy__container-top {
        padding: 0.5rem 1rem;
        flex-direction: column-reverse;
    }
    .mpy__navbar-links_search,
    .mpy__header-top {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
    }
    .mpy__navbar-links_search input {
        padding: 0.25rem 1.5rem 0.25rem 2rem;
    }
    .mpy__navbar-links_search::before {
        margin-left: .5rem;
    }
    .mpy__header-top_links-link {
        margin: 0;
    }
    .mpy__navbar {
        padding: 1rem;
    }
    .mpy__navbar-links_menu {
        display: flex;
    }
    .bg_content_right,
    .bg_content_left,
    .mpy__navbar-links_cart p,
    .mpy__navbar-links_container,
    .mpy__navbar-links_logo-separator,
    .mpy__navbar-links_right .btn-panel {
        display: none;
    }
    .bg_content_right,
    .bg_content_left {
        display: none !important;
    }
    .mpy__navbar-links_menu {
        order: 3;
    }
    .mpy__navbar-links_logo {
        order: 2;
    }
    .mpy__navbar-links_right {
        order: 1;
    }
    .mpy__navbar-links_cart span {
        font-size: 20px;
        line-height: 20px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__container {
        /*    background: blue;*/
        max-width: 990px
    }
    .mpy__header-top,
    .mpy__navbar-links_menu {
        display: none;
    }
    .mpy__navbar-links_menu {
        display: flex;
    }
    .mpy__navbar {
        padding: 1rem;
    }
    .mpy__container-top {
        padding: 0.5rem;
    }
    .bg_content_right,
    .bg_content_left,
    .mpy__navbar-links_cart p,
    .mpy__navbar-links_container,
    .mpy__navbar-links_logo-separator,
    .mpy__navbar-links_right .btn-panel,
    .mpy__container-banner {
        display: none;
    }
    .bg_content_right,
    .bg_content_left {
        display: none !important;
    }
    .mpy__navbar-links_menu {
        order: 3;
    }
    .mpy__navbar-links_logo {
        order: 2;
    }
    .mpy__navbar-links_right {
        order: 1;
    }
    .mpy__navbar-links_cart span {
        font-size: 20px;
        line-height: 20px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__container {
        /* background: orange;*/
        max-width: 1150px
    }
    .bg_content_right,
    .bg_content_left,
    .mpy__navbar-links_cart p {
        display: none;
    }
    .bg_content_right,
    .bg_content_left {
        display: none !important;
    }
    .mpy__navbar-links_menu {
        display: none !important;
    }
    .mpy__navbar-links_menu {
        display: flex;
    }
    .mpy__navbar {
        padding: 2rem;
    }
    .mpy__navbar-links_container li {
        margin: 0 0.5rem;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {
    .mpy__container {
        /*background: green;*/
        max-width: 1400px
    }
    .bg_content_right,
    .bg_content_left {
        display: none !important;
    }
    .mpy__navbar-links_cart p {
        display: none;
    }
    .mpy__navbar {
        padding: 2rem;
    }
    .mpy__navbar-links_container li {
        margin: 0 0.5rem;
    }
}

@media (min-width: 1601px) and (max-width: 1799px) {
    .mpy__container-top,
    .mpy__container-banner,
    .mpy__container {
        max-width: 1300px;
    }
    .bg_content_left {
        width: 11%;
    }
}

/*HOME PAGE / Games Circles*/

.mainmenu-area {
    /*padding: 7px 32px;*/
    padding: 7px 14px;
}

.mainmenu-area .categories_menu .categories_title h2 {
    padding: 0 15px;
}

.mainmenu-area .categories_menu .categories_title h2 {
    height: 40px;
    line-height: 40px;
}

.mainmenu-area .categories_menu .categories_title h2 i.arrow-down {
    margin-top: 14px;
}

.mainmenu-area .core-nav,
.mainmenu-area .core-nav .wrap-core-nav-list.right,
.mainmenu-area .core-nav .wrap-core-nav-list .core-nav-list,
.mainmenu-area .core-nav .wrap-core-nav-list .core-nav-list li,
.mainmenu-area .core-nav .wrap-core-nav-list .core-nav-list li a {
    height: 40px !important;
}

.mainmenu-area .core-nav .full-container {
    height: auto;
}

.mainmenu-area .core-nav .wrap-core-nav-list .core-nav-list {
    margin: 0 !important;
    height: 40px;
    top: 0;
}

.mainmenu-area nav .menu li a {
    line-height: 36px;
    padding: 0 20px;
}

.mainmenu-area .core-nav .wrap-core-nav-list.right {
    text-align: right;
    margin-top: -1px;
}

.mainmenu-area {
    border: none;
}

#category-buttons>div::-webkit-scrollbar {
    display: none;
}

#category-buttons>div:not([data-scrolling]) {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

#category-buttons .content>* {
    flex: 0 0 auto;
}

#category-buttons .content {
    max-height: 120px;
    overflow-y: hidden;
    display: flex;
    overflow-x: auto;
    padding-top: 12px;
}

#category-buttons .content .item-a:hover span {
    color: var(--mpy-primary);
}

#category-buttons .item-a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 115px;
}

#category-buttons .item:first-child {
    margin-left: -10px;
}

#category-buttons .content .item-a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100px;
}

#category-buttons .item-img {
    border: 2px solid #e6e6e6;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    width: 68px;
    height: 68px;
    margin: 0;
    transition: all ease 0.2s;
}

#category-buttons .item-a span {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    display: block;
    transition: all ease 0.2s;
    line-height: 14px;
    height: 42px;
}

#category-buttons {
    width: 100%;
    position: relative;
}

#category-buttons div[data-arrow][data-arrow="left"] {
    left: -35px;
}

#category-buttons div[data-arrow] {
    position: absolute;
    top: calc(54% - 28px);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    z-index: 500;
    cursor: pointer;
    border: none;
    right: -75px;
}

#category-buttons .fa-chevron-left,
.fa-chevron-right {
    left: -55px;
    color: var(--mpy-primary);
    font-size: 22px;
}

/*HOME PAGE / Slider*/

.mpy__slider .intro-carousell .intro-contentt {
    width: 100%;
}

.mpy__slider {
    overflow: hidden;
    position: relative;
    flex: 1 1 auto;
}

/* hero Slider dot design Start */

.mpy__slider .owl-controls .owl-dots {
    display: block;
    position: absolute;
    text-align: center;
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}

.mpy__slider .owl-controls .owl-dots .owl-dot {
    width: 25px;
    height: 6px;
    background: #fff;
    display: inline-block;
    border-radius: 0;
    transform: skewX(-30deg);
    margin: 0 3px 0;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.mpy__slider .owl-controls .owl-dots .owl-dot.active {
    background: #fff;
    width: 50px
}

.slide-progress {
    width: 0%;
    max-width: 100%;
    height: 6px;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

/*HOME PAGE / Top-Games*/

.mpy__top-games-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 1rem;
}

.mpy__top-games_title {
    flex: 1;
    max-width: 20rem;
}

.mpy__top-games {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.mpy__top-games_title div {
    width: 100%;
    height: 5px;
    background: var(--mpy-primary);
}

.mpy__top-games_title h4 {
    text-transform: uppercase;
    color: #fff;
}

.mpy__top-games_cards {
    display: flex;
}

.mpy__top-games_card {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: .5rem;
    display: flex;
    align-items: center;
    flex: 0 1 calc(16% - 1em);
    cursor: pointer;
}

.mpy__top-games_card a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mpy__top-games_card img {
    width: 100%;
}

.mpy__top-games_card-text p {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 768px) {
    .mpy__top-games_title div {
        width: 90%;
    }
    .mpy__top-games_card {
        flex: 1 1 calc(50% - 1em);
        border: none;
    }
    .slider-content {
        padding: 0 1rem;
    }
}

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

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

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__top-games_card {
        flex: 1 1 calc(33% - 1em);
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__top-games_card {
        flex: 0 1 calc(33% - 1em);
        margin: 0.5rem auto;
    }
    .mpy__top-games_card img {
        width: 60%;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {
    .mpy__top-games_card-text p {
        font-size: 17px;
    }
}

/*HOME PAGE / Metin 2 PVP*/

.mpy__metin2-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 1rem;
}

.mpy__metin2_title {
    flex: 1;
    max-width: 20rem;
}

.mpy__metin2_title div {
    width: 60%;
    height: 5px;
    background: var(--mpy-primary);
}

.mpy__metin2_title h4 {
    text-transform: uppercase;
    color: #fff;
}

.mpy__metin2-servers {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1rem 3rem;
}

.mpy__metin2-servers div {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    padding: 2px 0;
    align-items: center;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: center;
}

.new_server_homepage {
    position: absolute;
    top: 3px;
    right: 17px;
    padding: 2px 5px;
    background: var(--mpy-primary);
    color: #fff;
    border-radius: 20px;
    line-height: 16px;
}

.btn-servers-prev {
    transform: rotate(135deg);
    left: .75rem;
}

.btn-servers-next {
    transform: rotate(315deg);
    right: .75rem;
}

.mpy__metin2-servers .btn-servers-prev,
.mpy__metin2-servers .btn-servers-next {
    box-shadow: 1px 1px 0 0 var(--mpy-primary);
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    border: unset;
    flex-shrink: 0;
    position: absolute;
    cursor: pointer;
}

.mpy__metin2-servers div::-webkit-scrollbar {
    display: none;
}

.mpy__metin2-servers div:not([data-scrolling]) {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.mpy__metin2-servers_server {
    background: rgb(232, 232, 232);
    background: radial-gradient(circle, rgba(232, 232, 232, 1) 0%, rgba(241, 241, 241, 1) 0%, rgba(232, 232, 232, 1) 100%, rgba(241, 241, 241, 1) 100%);
    border-radius: 80px;
    /* max-width: 250px; */
    display: inline-flex;
    align-items: center;
    padding: 2px;
    /* width: auto; */
    margin: 0 0.5% 15px 0.5%;
    user-select: none;
    scroll-snap-align: start;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    flex-shrink: 0;
    width: 19%;
}

@media (max-width: 993px) {
    .mpy__metin2-servers_server {
        width: 32.3333%;
    }
}

@media (max-width: 768px) {
    .mpy__metin2-servers_server {
        width: 49%;
    }
    .new_server_homepage {
        top: 3px;
        left: 7px;
        right: unset;
    }
    .mpy__metin2-servers {
        padding: 1rem 0.5rem;
    }
}

.mpy__metin2-servers_server:hover {
    background: rgb(181 181 181);
}

.mpy__metin2-servers img {
    width: 60px;
    height: 60px;
    /*border-radius: 80px;*/
}

.mpy__metin2-servers_server p {
    padding: 0 1.5rem 0 .5rem;
    text-transform: uppercase;
    color: var(--mpy-color-bg);
    font-weight: 600;
    font-size: 14px;
}

@media (max-width: 768px) {
    .mpy__navbar-links_logo a img {
        width: 150px
    }
    .mpy__metin2-servers img {
        width: 45px;
        height: 45px;
        /*  border-radius: 80px;*/
    }
    .mpy__product-card-img-top img {
        max-width: 65px;
    }
}

/*HOME PAGE / Ä°lanlar*/

.jssocials-share-link {
    border-radius: 50%;
}

.jssocials-share-logo {
    color: var(--mpy-white);
}

.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
    border: 1px solid transparent !important;
}

.trending .owl-carousel .owl-controls .owl-nav .owl-prev,
.trending .owl-carousel .owl-controls .owl-nav .owl-next {
    top: -30px !important;
}

.mpy__products-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 1rem;
}

.mpy__products_title {
    flex: 1;
    max-width: 20rem;
}

.mpy__products_title div {
    width: 60%;
    height: 5px;
    background: var(--mpy-primary);
}

.mpy__products_title h4 {
    text-transform: uppercase;
    color: #fff;
}

.mpy__products {
    display: flex;
    flex-wrap: wrap;
}

.default-images .fileup-preview {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0px !important;
}

.default-images .fileup-preview img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
}

.default-images .default-image-item.selected {
    background-color: #5cb85c !important;
}

.mpy__products-card a:hover {
    color: inherit;
}

.mpy__products-point-badge {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background: var(--mpy-warning);
    border-radius: 5px;
    height: 2em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mpy__products-point-badge span,
.mpy__products-point-badge p {
    font-size: 12px;
    font-weight: bold;
}

.mpy__products-card {
    flex: 0 1 calc(20% - 1em);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(232, 232, 232);
    background: radial-gradient(circle, rgba(232, 232, 232, 1) 0%, rgba(241, 241, 241, 1) 0%, rgba(232, 232, 232, 1) 100%, rgba(241, 241, 241, 1) 100%);
    border-radius: 10px;
    padding-bottom: 1rem;
    margin: 1rem auto;
}

.mpy__products-card img {
    width: 100%;
}

.mpy__product-card-img-top {
    display: flex;
    justify-content: center;
}

.mpy__product-card-img-top img {
    margin-top: 0.5rem;
    position: absolute;
    display: block;
    max-width: 90px;
    min-width: 50px;
    z-index: 999;
}

.mpy__products-card .btn-product {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: .5rem;
    margin: .5rem;
    border: 1px solid var(--mpy-secondary);
    border-radius: 5px;
    color: var(--mpy-secondary);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3ms ease-in;
}

.mpy__products-card .btn-product:hover {
    border-color: 2px solid var(--mpy-primary);
    color: var(--mpy-primary);
}

.mpy__products-card_footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 90%;
}

.mpy__products-card_seller-info {
    width: 12rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mpy__products-card_seller-container a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mpy__products-card_seller-container a:hover p {
    color: var(--mpy-primary);
}

.mpy__products-card_seller-container img {
    width: 40px;
    height: 40px;
}

.mpy__products-card_seller-container p {
    font-size: 14px;
    color: var(--mpy-secondary);
}

.mpy__products-card_price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.mpy__products-card_price p {
    font-size: 22px;
    font-weight: bold;
    color: var(--mpy-secondary);
}

@media (max-width: 768px) {
    .mpy__products {
        justify-content: center;
    }
    .mpy__products-card {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 0.25rem auto;
    }
    .mpy__product-card-img-top img {
        max-width: 65px;
    }
    .mpy__products-card_seller-info {
        width: 90%;
        margin-bottom: 0;
    }
    .mpy__products-card_footer {
        flex-direction: column-reverse;
    }
    .mpy__products-card_seller-container img {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__products-card {
        flex: 0 1 calc(33% - 1em);
    }
}

@media (min-width: 993px) and (max-width: 1200px) {}

/*HOME PAGE / Mpy Small Banners*/

.mpy__banners-small_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mpy__banner-small {
    padding: 2rem 1rem;
}

.mpy__banner-small img {
    width: 100%;
}

@media (max-width: 768px) {
    .mpy__banners-small_container {
        flex-direction: column;
    }
    .mpy__banner-small {
        padding: 0.25rem 0.5rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__banner-small {
        padding: 0 0.5rem;
    }
    .banner-section .col-lg-4 {
        padding: 0;
    }
    .banner-section-three-container {
        padding: 0 1rem;
    }
    .banner-section-three-row {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__banner-small {
        padding: 0 0.5rem;
    }
    .banner-section .col-lg-4 {
        padding: 0;
    }
    .banner-section-three-container {
        padding: 0 1rem;
    }
    .banner-section-three-row {
        margin-right: 0;
        margin-left: 0;
    }
}

/*SERVICES*/

.mpy__services-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    flex-wrap: wrap;
}

.mpy__services-container_item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: whitesmoke;
    padding: 1rem 4rem 0 4rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.mpy__services-container_item img {
    width: 100%;
    border-radius: 5px;
    background: var(--mpy-primary);
    padding: 2rem;
    margin-right: 1rem;
}

.mpy__services-container_item-text {
    display: flex;
    flex-direction: column;
}

.mpy__services-container_item-text p {
    font-weight: 600;
    font-size: 20px;
    color: var(--mpy-color-bg);
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .info-big-box-row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* INFO AREA */

.info-area .container-fluid {
    background: url(../../../assets/images/services-bg.jpg) var(--mpy-primary);
}

.info-area .info-big-box {
    left: 0;
    padding: 10px 0 14px;
    position: relative;
    width: 100%;
}

.info-area .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
}

.info-area .info-box .icon img {
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.info-area .info-box:hover .icon img {
    transform: scale(1.15);
}

.info-area .info-box .icon {
    line-height: 62px;
    display: inline-block;
    text-align: center;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    margin-right: 20px;
}

.info-area .info-box .info .details {
    padding-top: 8px;
}

.info-area .info-box .info .details .title {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: 600;
    margin-bottom: 0px;
}

.info-area .info-box .info .details .text {
    font-size: 14px;
    margin-bottom: 0px;
    color: #333;
}

.info-area .info-box:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .info-area .info-box {
        justify-content: flex-start;
    }
}

/*FOOTER*/

.mpy__footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 2rem 3rem 2rem;
    background-image: linear-gradient(#181b1ee6, #181b1de8), url(../../../assets/images/footer-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mpy__footer-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    text-align: center;
}

.mpy__footer-title img {
    /*width: 120px;*/
    width: 200px;
    margin-bottom: 1rem;
}

.mpy__footer-title p {
    color: whitesmoke;
    font-weight: 100;
    letter-spacing: 2px;
    font-size: 24px;
}

.mpy__footer-links {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem auto;
}

.mpy__footer-links_link-box {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-start;
    align-items: flex-start;*/
    justify-content: center;
    align-items: center;
    text-align: center;
}

.mpy__footer-links_link-box h3 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1rem;
}

.mpy__footer-links_link-box li {
    color: #fff;
    margin-bottom: 1rem;
}

.copy-image {
    max-width: 50%;
    margin: auto;
    margin-top: 10px;
    background: #fff;
    padding: 0px 10px 5px 10px;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .copy-image {
        max-width: 80%;
        margin-bottom: 20px;
    }
}

@media (min-width: 769px) {
    .mpy__footer-links_link-box li {
        float: left;
        margin-left: 15px;
    }
}

.mpy__footer-etbis {
    display: flex;
    justify-content: center;
}

.mpy__footer-etbis img {
    width: 100px;
    height: 120px;
}

.mpy__footer-copyright {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 1rem;
}

.mpy__footer-copyright p {
    color: #fff;
}

.mpy__footer-social-media-list {
    margin-top: 2rem;
}

.footer-social-media-item i {
    font-size: 24px;
    margin: auto 0.5rem;
}

.footer-social-media-item {
    color: #fff;
}

.mpy-social-media-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .mpy__footer-links_link-box h3 {
        font-size: 18px;
    }
    .mpy__footer-links_link-box {
        margin-bottom: 1rem;
    }
    /*.mpy__footer-links_link-box {
        flex: 0 0 48%;
        max-width: 48%;
    }*/
    .banner-section-three-row {
        margin-top: 1rem;
    }
    .mpy__footer-links {
        justify-content: center;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__footer-links_link-box {
        margin: 1rem;
    }
}

/*GAMER DASHBOARD*/

/*GAMER DASHBOARD / Sidebar*/

.header-area-dashboard {
    padding: 12px;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: block;
    text-transform: uppercase;
    background: linear-gradient(to bottom, rgb(21 22 31), rgb(19 22 31/70%));
    border-radius: 5px;
}

.header-area-dashboard .title i {
    border-radius: 5px;
    border: 1px solid transparent;
    background: #2f3144;
    padding: 1rem;
    margin-right: 1rem;
}

.mpy__sidebar {
    position: sticky;
    left: 5px;
    height: 100%;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
    z-index: 100;
    transition: all 0.5s ease;
    border: 1px solid none;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

.mpy__sidebar .logo-details img {
    background: #00000052;
    padding: 1rem;
    border-radius: 30px;
}

.mpy__sidebar .logo-details img:hover {
    background: rgba(0, 0, 0, 0.51);
}

.mpy__sidebar .logo-details {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
}

.mpy__sidebar .logo-details .user-pp {
    font-size: 30px;
    color: #fff;
    /*height: 50px;*/
    min-width: 78px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.mpy__sidebar .logo-details .logo_name {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    transition: 0.3s ease;
    transition-delay: 0.1s;
    text-transform: uppercase;
}

.mpy__sidebar .nav-links {
    overflow: auto;
    width: 100%;
}

.mpy_gamer-nav-link .even,
.mpy_gamer-nav-link .odd {
    /*box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);*/
}

.darkmode .mpy__sidebar .logo-details {
    background: #161a25;
    height: auto;
    border-radius: 10px;
}

.mpy__sidebar .logo-details {
    background: linear-gradient(to right, #00315e, #005899);;
    height: auto;
    border-radius: 10px;
}


@media (max-width: 767px) {
    .mpy__sidebar .logo-details {
        width: 105%;
    }
    .mpy__sidebar .logo-details {
        background: var(--mpy-primary);
        height: auto;
        border-radius: 0 30px 30px 0;
    }
    #mpy_gamer-nav-link {
        background: var(--mpy-dark-bg);
        width: 100vw;
        padding: 1rem 1rem;
        border-radius: 5px;
    }
    .mpy__sidebar .nav-links li a {
        box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);
    }
    .mpy__sidebar .logo-details .user-pp {
        height: 50px;
        line-height: inherit;
        text-align: justify;
    }
    .mpy__sidebar .logo-details img {
        /* background: var(--mpy-primary) !important;*/
        padding: 1rem;
        border-radius: 30px;
    }
    .mpy__sidebar.closed ul {
        display: none;
    }
    .mpy__sidebar {
        /*  background: #222736;*/
    }
    .sidebar-xs-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .sidebar-xs-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 0.5rem;
        background: #222736;
    }
    .sidebar-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__sidebar {
        border: none;
    }
    .mpy__sidebar .logo-details img {
        padding: 0.5rem;
    }
    #moneyDepositBox .nav-pills .nav-link {
        padding: 1rem !important;
    }
    .mpy__sidebar.closed .logo-details .logo_name {
        transition-delay: 0s;
        opacity: 0;
        pointer-events: none;
    }
    .mpy__sidebar.closed .nav-links {
        overflow: visible;
    }
    .mpy__sidebar.closed .nav-links li .iocn-link {
        display: block
    }
    .mpy__sidebar.closed .nav-links i.arrow {
        display: none;
    }
    .mpy__sidebar.closed .nav-links li a .link_name {
        opacity: 0;
        pointer-events: none;
        display: none;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu {
        position: absolute;
        left: 110%;
        background: #171925;
        top: -10px;
        margin-top: 0;
        padding: 10px 20px;
        border-radius: 0 6px 6px 0;
        opacity: 0;
        display: block;
        pointer-events: none;
        transition: 0s;
    }
    .mpy__sidebar.closed .nav-links li:hover .sub-menu {
        top: 0;
        opacity: 1;
        pointer-events: auto;
        transition: all 0.4s ease;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu .link_name {
        font-size: 18px;
        opacity: 1;
        display: block;
    }
    .mpy__sidebar.closed .profile-details {
        background: none;
    }
    .mpy__sidebar.closed .profile-details {
        width: 78px;
    }
    .mpy__sidebar.closed .profile-details img {
        padding: 10px;
    }
    .mpy__sidebar.closed .profile-details i,
    .mpy__sidebar.closed .profile-details .profile_name,
    .mpy__sidebar.closed .profile-details .job {
        display: none;
    }
    .mpy__sidebar .nav-links::-webkit-scrollbar {
        display: none;
    }
    .mpy__sidebar.closed {
        width: 100%;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .mpy__sidebar .logo-details {
        width: 105%;
    }
    .mpy__sidebar .logo-details {
        background: var(--mpy-primary);
        height: auto;
        border-radius: 0 30px 30px 0;
    }
    .mpy__sidebar .closed {
        background: var(--mpy-dark-bg);
        padding: 1rem 1rem;
        border-radius: 5px;
    }
    .mpy__sidebar.closed .logo-details .logo_name {
        transition-delay: 0s;
        opacity: 0;
        pointer-events: none;
    }
    .mpy__sidebar.closed .nav-links {
        overflow: visible;
        padding: 0;
        background: none;
    }
    .mpy__sidebar {
        border: none;
    }
    .mpy__sidebar .logo-details img {
        padding: 0.5rem;
    }
    .mpy__sidebar.closed .nav-links li .iocn-link {
        display: block
    }
    .mpy__sidebar.closed .nav-links i.arrow {
        display: none;
    }
    .mpy__sidebar.closed .nav-links li a .link_name {
        opacity: 0;
        pointer-events: none;
        display: none;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu {
        position: absolute;
        left: 100%;
        top: -10px;
        margin-top: 0;
        padding: 10px 20px;
        border-radius: 0 6px 6px 0;
        opacity: 0;
        display: block;
        pointer-events: none;
        transition: 0s;
    }
    .mpy__sidebar.closed .nav-links li:hover .sub-menu {
        top: 0;
        opacity: 1;
        pointer-events: auto;
        transition: all 0.4s ease;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu .link_name {
        font-size: 18px;
        opacity: 1;
        display: block;
    }
    .mpy__sidebar.closed .profile-details {
        background: none;
    }
    .mpy__sidebar.closed .profile-details {
        width: 78px;
    }
    .mpy__sidebar.closed .profile-details img {
        padding: 10px;
    }
    .mpy__sidebar.closed .profile-details i,
    .mpy__sidebar.closed .profile-details .profile_name,
    .mpy__sidebar.closed .profile-details .job {
        display: none;
    }
    .mpy__sidebar .nav-links::-webkit-scrollbar {
        display: none;
    }
    .mpy__sidebar.closed {
        width: 100%;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .sidebar-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .sidebar-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .mpy__sidebar.closed .logo-details .logo_name {
        transition-delay: 0s;
        opacity: 0;
        pointer-events: none;
    }
    .mpy__sidebar.closed .nav-links {
        overflow: visible;
    }
    .mpy__sidebar.closed .nav-links li .iocn-link {
        display: block
    }
    .mpy__sidebar.closed .nav-links i.arrow {
        display: none;
    }
    .mpy__sidebar.closed .nav-links li a .link_name {
        opacity: 0;
        pointer-events: none;
        display: none;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu {
        position: absolute;
        left: 100%;
        top: -10px;
        margin-top: 0;
        padding: 10px 20px;
        border-radius: 0 6px 6px 0;
        opacity: 0;
        display: block;
        pointer-events: none;
        transition: 0s;
    }
    .mpy__sidebar.closed .nav-links li:hover .sub-menu {
        top: 0;
        opacity: 1;
        pointer-events: auto;
        transition: all 0.4s ease;
    }
    .mpy__sidebar.closed .nav-links li .sub-menu .link_name {
        font-size: 18px;
        opacity: 1;
        display: block;
    }
    .mpy__sidebar.closed .profile-details {
        background: none;
    }
    .mpy__sidebar.closed .profile-details {
        width: 78px;
    }
    .mpy__sidebar.closed .profile-details img {
        padding: 10px;
    }
    .mpy__sidebar.closed .profile-details i,
    .mpy__sidebar.closed .profile-details .profile_name,
    .mpy__sidebar.closed .profile-details .job {
        display: none;
    }
    .mpy__sidebar .nav-links::-webkit-scrollbar {
        display: none;
    }
    .mpy__sidebar.closed {
        width: 100%;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }
}

.mpy__sidebar .nav-links .even,
.mpy__sidebar .nav-links .odd {
    position: relative;
    list-style: none;
    transition: all 0.4s ease;
    margin: 8px 0;
    border-radius: 5px;
}

.darkmode .mpy__sidebar .nav-links .odd {
    background: #15151e;
    border: 0px;
}

.mpy__sidebar .nav-links .odd {
    background: #e9ecef;
    border: 0px;
}

.darkmode .mpy__sidebar .nav-links .even {
    background: #25273a;
}

.mpy__sidebar .nav-links .even {
    background: #e9ecef;
}

.mpy__sidebar .nav-links li:hover {
    background: #00000052;
    margin-right: 3px;
}

.mpy__sidebar .nav-links li .iocn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.darkmode .mpy__sidebar .nav-links li i {
    min-width: 78px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mpy__sidebar .nav-links li i {
    min-width: 78px;
    text-align: center;
    line-height: 40px;
    color: #252831;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mpy__sidebar .nav-links li.showMenu i.arrow {
    transform: rotate(-180deg);
}

.mpy__sidebar .nav-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.darkmode .mpy__sidebar .nav-links li a .link_name {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    transition: all 0.4s ease;
}

.mpy__sidebar .nav-links li a .link_name {
    font-size: 14px;
    font-weight: 400;
    color: #252831;
    transition: all 0.4s ease;
}

.mpy__sidebar .nav-links li .sub-menu {
    /*padding: 6px 6px 14px 80px;*/
    margin-top: 2px;
    background: transparent;
    display: none;
}

.mpy__sidebar .nav-links li.showMenu .sub-menu {
    display: block;
}

.mpy__sidebar .nav-links li .sub-menu a {
    color: #000;
    font-size: 15px;
    padding: 5px 0;
    white-space: nowrap;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.darkmode .mpy__sidebar .nav-links li .sub-menu a {
    color: #fff;
    font-size: 15px;
    padding: 5px 0;
    white-space: nowrap;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.darkmode .panels-body {
    background: #2f3144;
    color: #979aae;
    border-radius: 4px;
    text-align-last: center;
    padding: 200px;
    margin-top: 2%;
}

.mpy__sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
}

.mpy__sidebar .nav-links li .sub-menu .link_name {
    display: none;
}

.mpy__sidebar .nav-links li .sub-menu.blank {
    padding: 3px 20px 6px 16px;
    opacity: 0;
    pointer-events: none;
}

.mpy__sidebar .nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

.mpy__sidebar .profile-details {
    position: relative;
    bottom: 0;
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    padding: 12px 0;
    transition: all 0.5s ease;
    margin-right: -5px;
}

.mpy__sidebar .profile-details .profile-content {
    display: flex;
    align-items: center;
}

.mpy__sidebar .profile-details img {
    height: 52px;
    width: 52px;
    object-fit: cover;
    border-radius: 16px;
    margin: 0 14px 0 12px;
    background: #000;
    transition: all 0.5s ease;
}

.mpy__sidebar .profile-details .profile_name,
.mpy__sidebar .profile-details .job {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.mpy__sidebar .profile-details .job {
    font-size: 12px;
}

.mpy__gamer_dashboard_home-section {
    position: relative;
    left: 260px;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
}

.mpy__gamer_dashboard_home-section.cls {
    left: 78px;
    width: calc(100% - 78px);
}

.mpy__gamer_dashboard_home-section .home-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 420px) {
    .mpy__sidebar.closed .nav-links li .sub-menu {
        display: none;
    }
}

/*GAMER DASHBOARD / Dashboard tab */

.mpy-user-dashboard-row {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.mpy__gamer_dashboard-card_container {
    border-radius: 5px;
    padding: 1rem 2rem;
    margin: 1rem 0.5rem 1rem 0.5rem;
}

.mpy__gamer_dashboard-stats_container-col {
    display: flex;
    flex-direction: column;
    flex: 0 0 67%;
    max-width: 67%;
    justify-content: space-between;
}

.mpy__gamer_dashboard-stats_container-two {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.mpy__gamer_dashboard-card_container-sm-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem 0;
    flex: 0 0 48%;
    max-width: 48%;
}

.mpy__gamer_dashboard-stats_container {
    /*flex: 0 0 67%;
    max-width: 67%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: inherit;
    flex-direction: row;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
}

.mpy__gamer_dashboard-card_container-sm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem 0;
    flex: 0 0 24%;
    max-width: 24%;
}

.mpy_contact-card {
    padding: 5rem 0;
}

.darkmode .mpy__dashboard_card-bg,
.darkmode .mpy_contact-card {
    background-color: #353552;
    background-position: center;
    background-repeat: repeat;
    background-size: 10%;
    box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);
    color: #fff;
}

.mpy__dashboard_card-bg,
.mpy_contact-card {
    background-color: #f2f2f2;
    background-position: center;
    background-repeat: repeat;
    background-size: 10%;
    box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);
    color: #000;
}

.mpy__gamer_dashboard-stats_container h4 {
    margin: 1rem 0;
}

.account_detail-card {
    display: flex;
    flex: 0 1 30%;
    max-width: 30%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mpy__gamer_dashboard-account_container,
.mpy__gamer_dashboard-order-stats_container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.mpy__gamer_dashboard-account-detail_wallet h3,
.mpy__gamer_dashboard-account-detail_points h3 {
    color: darkorange;
}

.darkmode .mpy__gamer_dashboard-account-detail_wallet h3,
.darkmode .mpy__gamer_dashboard-account-detail_points h3 {
    color: #fff;
}

.darkmode .mpy__gamer_dashboard-card_container h4 {
    color: #fff;
    margin-bottom: 1rem;
}

.mpy__gamer_dashboard-card_container h4 {
    color: darkorange;
    margin-bottom: 1rem;
}

.darkmode .mpy__gamer_dashboard-card_container li p {
    color: #fff;
}

.mpy__gamer_dashboard-card_container li p {
    color: darkorange;
}

.mpy__gamer_dashboard-card_container a {
    margin-top: 1rem;
}

.mpy__orders-product,
.mpy__last-orders_container,
.mpy__orders-all,
.mpy__access-history {
    background: #353552;
}

.mpy__last-orders_container {
    margin: 2rem auto;
    border-radius: 5px;
}

#example,
#mpy-tbl,
#mpy-tbl-two,
#tblAccessHistory,
#example_filter label,
#tblAccessHistory_filter label,
#mpy-tbl_filter label,
#example_length label,
#tblAccessHistory label,
#mpy-tbl_length label,
#mpy-tbl_info #tblAccessHistory #example_info {
    color: whitesmoke;
    text-align-last: center;
}

#mpy-tbl-two_filter {
    display: none
}

.mpy__last-orders_container .dataTables_empty {
    color: #0b0b0b;
}

@media (max-width: 768px) {
    .mpy-user-dashboard-row {
        margin-top: 3.5rem;
    }
    .account_detail-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__gamer_dashboard-stats_container-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__gamer_dashboard-card_container-sm {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .mpy-stats-mobile {
        display: none;
    }
    .mpy__last-orders_container {
        margin-top: 1rem;
    }
    #example_wrapper .row:nth-child(1) {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .account_detail-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__gamer_dashboard-stats_container-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__gamer_dashboard-stats_container h4 {
        font-size: 16px;
    }
    .mpy__gamer_dashboard-card_container-sm img {
        width: 50px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__gamer_dashboard-card_container {
        margin: 0.25rem 0;
    }
    .mpy-user-dashboard-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .mpy__gamer_dashboard-card_container-sm {
        margin: 0.25rem;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .mpy__gamer_dashboard-card_container-sm img {
        width: 50px;
    }
    .mpy__gamer_dashboard-stats_container h4 {
        font-size: 16px;
    }
    .mpy-user-dashboard-row {
        padding: 0 1rem;
        margin: 0;
    }
    .mpy__gamer_dashboard-stats_container {
        align-items: inherit;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {
    .mpy__gamer_dashboard-card_container {
        margin: 0.25rem 0;
    }
    .mpy-user-dashboard-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .mpy__gamer_dashboard-card_container-sm {
        margin: 0.25rem;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .mpy-user-dashboard-row {
        padding: 0 1rem;
        margin: 0;
    }
    .mpy__gamer_dashboard-stats_container h4 {
        font-size: 20px;
    }
    .mpy__gamer_dashboard-card_container-sm {
        flex: 0 1 50%;
    }
}

/*GAMER DASHBOARD / order tab */

.mpy_orders-stats-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin: 1rem auto;
    flex: 0 0 100%;
    max-width: 100%;
}

.mpy__gamer_order-card_container-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    flex: 0 0 30%;
    max-width: 30%;
}

.gamer-order-card-img {
    max-width: 70px;
    max-height: 70px;
}

.mpy-user-orders-row {
    min-height: 85vh;
}

@media (max-width: 768px) {
    .mpy_orders-stats-container {
        margin-top: 1rem;
    }
    #mpy-modal .modal-dialog {
        width: auto !important;
    }
    #ai-images-modal .modal-dialog {
        width: auto !important;
    }
    #ordersTab .nav-item {
        flex: 48%;
    }
    .mpy__gamer_order-card_container-sm h4 {
        font-size: 12px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy_orders-stats-container div {
        flex: 0 1 30%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy_orders-stats-container div {
        flex: 0 1 30%;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {}

/*GAMER DASHBOARD / Members*/

.mpy_top-10-container {
    display: flex;
    flex: 1;
}

.mpy_top-10-users {
    width: 100%;
}

.mpy_top-10-users p:first-child {
    font-size: 24px;
    font-weight: 600;
}

.mpy_top-10-users p:nth-child(2) {
    text-transform: uppercase;
    flex: 10%;
    text-align: left;
}

.mpy_top-10-users p:nth-child(2) img {
    width: 30px;
    float: left;
    margin-right: 0px;
}

.mpy_top-10-users p:nth-child(3) {
    color: var(--mpy-primary);
    flex: 10%;
    text-align: left;
}

@media (max-width: 768px) {
    .mpy_top-10-users p:nth-child(2) img {
        width: 30px;
        float: none;
        margin: auto;
    }
    .mpy_top-10-users p:nth-child(2) {
        text-align: center;
    }
}

.mpy_top-10-users p {
    color: #f0f0f0;
}

.mpy_top-10-users li {
    margin-bottom: .25rem;
}

.mpy_top-10-number {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #111522;
    margin-right: .25rem;
    padding: .5rem 1rem;
    flex: 10%;
}

.mpy_top-10-content {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    background: #111522;
    padding: .5rem 1rem;
    flex: 90%;
}

@media (max-width: 768px) {
    .mpy_top-10-number {
        flex: 20%;
    }
    .mpy_top-10-content {
        flex: 80%;
    }
}

.c-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.c-avatar-member-list {
    display: inline-flex;
    flex: 5%;
    justify-content: center;
}

.c-avatar-member-list img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

/*GAMER DASHBOARD / Hesap Ä°ÅŸlemleri tab / withdraw*/

.SumoSelect>.optWrapper,
.SumoSelect.open .search-txt {
    background-color: var(--mpy-color-bg) !important;
    border-color: var(--mpy-color-bg) !important;
    color: #f0f0f0 !important;
}

.mpy_user-withdraw-col,
.mpy-user-invoices-row {
    min-height: 100vh;
}

.mpy-user-withdraw-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mpy-user-withdraw-buttons {
    display: flex;
    align-items: center;
    flex-direction: row;
}

@media (max-width: 768px) {
    .header-area-dashboard {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0;
        height: 55px;
    }
    .had-for-withdraw,
    .had-for-bank-account,
    .had-for-advert {
        height: 120px;
    }
    .had-for-settings {
        height: auto;
        border-radius: 5px;
    }
    .mpy_user-withdraw-col,
    .mpy-user-bank-account-row,
    .mpy-user-orders-row,
    .mpy-user-transaction-col,
    .mpy-user-withdraw-row,
    .mpy-user-member-list-row,
    .mpy_user-paytr-row,
    .mpy-user-invoices-row,
    .mpy-user-point-row,
    .mpy-user-tip-row,
    .mpy_user-advert-col,
    .mpy_user-advert-add-col {
        margin-top: 0;
        padding: 0;
    }
    .member-list-form-row {
        flex-wrap: nowrap;
    }
    .user-profile-details {
        margin-top: 0 !important;
    }
    .mpy-user-withdraw-row {
        flex-direction: column;
    }
    .mpy-user-withdraw-buttons {
        flex-direction: row;
        margin-top: 1rem;
    }
    .had-for-bank-account button,
    .had-for-advert a {
        margin-top: 1rem;
    }
    .mpy_advert-status-bar {
        margin-top: 1rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy-badge-number {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy-badge-number {
        display: none;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {}

/*GAMER DASHBOARD /Hesap Ä°ÅŸlemleri tab / deposit*/

#depositTabContent>.tab-pane-bank {
    display: none;
}

#depositTabContent>.active {
    display: block;
}

#smartwizard .tab-content {
    height: auto !important;
}

.bank-deposit-header-area img {
    height: 75px;
}

.bank-deposit-header-area {
    border-radius: 10px;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.member-list-header {
    padding: 1rem 1rem;
    font-weight: bold;
    font-size: 17px;
}

.member-list-options .mpy_top-10-content {
    background: #2f3144;
    color: #fff;
    font-weight: 600;
}

.member-list-options .selected {
    background-color: rgba(229, 220, 73, 0.15);
    color: var(--mpy-warning);
    border: 1px solid var(--mpy-warning);
}

.member-list-options .left-margin {
    margin-right: 0.25rem;
}

.member-list-options .right-margin {
    margin-left: 0.25rem;
}

#moneyDepositBox .paytr-card-header {
    background: #E7E8EE !important;
}

.payment-page {
    padding: 20px 10px 0;
}

#moneyDepositBox .bank-box {
    background: #222;
}

#moneyDepositBox .bank-box {
    width: calc(20% - 10px);
    display: block;
    margin: 5px;
    height: 150px;
    padding: 15px;
    float: left;
    border-radius: 4px;
    cursor: pointer;
}

#moneyDepositBox .bank-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: contrast(0) brightness(1.6);
}

#moneyDepositBox .bank-box:hover {
    background: #a5a5a5;
}

.mpy_user-deposit-col {
    min-height: 100vh;
}

.mpy__deposit-form {
    justify-content: space-around;
    display: flex;
    flex-direction: row;
}

.mpy__deposit-form-success {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.mpy__deposit-form-amount-column,
.mpy__deposit-form-success-column {
    display: flex;
    flex-direction: column;
}

.mpy__deposit-form-amount-column,
.mpy__deposit-form-success {
    flex: 0 0 45%;
    max-width: 45%;
}

.mpy__deposit-form-amount-row,
.mpy__deposit-form-amount {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mpy__bank-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.mpy__bank-box {
    flex: 0 0 20%;
    max-width: 20%;
    display: flex;
    background: #eeeeeea1;
    align-items: center;
    padding: 4rem 2rem;
    margin: 1rem;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3ms ease-in-out;
}

.mpy__bank-box:hover {
    border-color: var(--mpy-primary);
    background: rgba(180, 180, 180, 0.63);
}

.mpy__bank-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 768px) {
    .mpy_user-deposit-col {
        padding: 0;
    }
    .mpy-user-deposit-row {
        text-align: center;
    }
    .mpy__bank-box {
        flex: 0 0 42%;
        max-width: 42%;
        padding: 3rem 1rem;
        margin: 0.5rem;
    }
    .mpy__deposit-form {
        flex-direction: column;
    }
    .mpy__deposit-form-amount-column,
    .mpy__deposit-form-success {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .empty-label {
        display: none;
    }
    .mpy__deposit-form-success-column button {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .mpy__deposit-form-success {
        flex-direction: column;
    }
}

.mpy-user-transaction-col {
    min-height: 100vh;
}

.mpy-user-transaction-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.payment-page {
    padding: 0;
    text-align: center;
}

@media (max-width: 768px) {
    .mpy-user-transaction-row {
        flex-direction: column;
    }
    .btn-panel {
        align-self: center;
        margin-top: 1rem;
    }
    .user-transaction {
        height: 120px;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__bank-box {
        flex: 0 0 22%;
        max-width: 22%;
        padding: 3rem 0.5rem;
        margin: 0.5rem;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {}

@media (min-width: 1201px) and (max-width: 1600px) {}

/*GAMER DASHBOARD /Hesap İşlemleri tab / Banka Hesapları*/

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

@media (min-width: 769px) and (max-width: 992px) {
    #mpy-tbl .row:nth-child(1) {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {}

@media (min-width: 1201px) and (max-width: 1600px) {}

/*GAMER DASHBOARD / Advert / Add Advert*/

#dd-adv ul,
#dd-balance ul {
    width: 100% !important;
}

#formAdvert .select2-container--default .select2-results>.select2-results__options {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #898b92 !important;
}

#formAdvert .dropzone,
#formAdvert .cke_chrome {
    border: 1px solid rgba(0, 0, 0, .3);
     !important;
    border-radius: 5px !important;
}

.tagify {
    width: 100%;
    border-radius: 5px !important;
}

#formAdvert .tagify--focus {
    border-color: var(--mpy-primary) !important;
}

.cke_contents {
    border: solid 1px #696969;
}

.fileup-theme2 .fileup-file .fileup-container .fileup-name {
    color: var(--mpy-white);
}

.fileup-theme2 .fileup-file .fileup-container .fileup-size {
    color: var(--mpy-white);
}

.fileup-file {
    border: none !important;
}

.fileup-file .fileup-controls .fileup-remove {
    background-image: none !important;
    background-color: #ffffff !important;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    width: auto !important;
    height: auto !important;
    padding: 0px 2px;
    line-height: 19px;
    z-index: 9;
}

.fileup-theme2 .fileup-file .fileup-result.fileup-error {
    color: #ce0000 !important;
    position: absolute !important;
    top: 5px !important;
    left: 10px !important;
    right: unset !important;
    font-size: 10px !important;
    background: #f5f5f5 !important;
    padding: 2px !important;
    height: unset !important;
}

.fileup-file .fileup-controls .fileup-remove:after {
    content: "x"
}

.fileup-progress-bar {
    background-color: var(--mpy-primary) !important;
}

.fileup-btn {
    border: none !important;
    background: var(--mpy-dark-bg) !important;
}

.fileup-btn input {
    z-index: 10;
}

.fileup-theme2 .fileup-btn::before,
.fileup-theme2 .fileup-btn::after {
    z-index: 0;
}

#cmbStatusType {
    background: #171925 !important;
}

.SumoSelect>.CaptionCont {
    background-color: #101213 !important;
    color: var(--mpy-white) !important;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: #171925 !important;
}

.select2-container--default .select2-selection--single {
    background-color: #171925 !important;
    border-color: #171925 !important;
    color: var(--mpy-white) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--mpy-white) !important;
}

.select2-dropdown {
    background-color: #171925 !important;
    border: 1px solid #2f3144 !important;
    color: var(--mpy-white);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--mpy-color-bg);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--mpy-color-bg) !important;
    color: var(--mpy-white);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--mpy-color-bg) !important;
    background: #2f3144 !important;
    color: var(--mpy-white);
}

.mpy_user-advert-col,
.mpy_user-advert-add-col {
    min-height: 100vh;
}

.mpy_user-advert-list-row {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .mpy-user-add-advert-row {
        justify-content: center;
    }
    .dtr-data a {
        white-space: initial;
    }
    .switch {
        margin-left: 0;
    }
    .table.dataTable>tbody>tr.child span.dtr-title {
        margin-bottom: 0.5rem;
    }
    .mpy_user-advert-list-row {
        flex-direction: column;
    }
}

/*GAMER DASHBOARD / settings tab */

#mark-all {
    color: #f0f0f0;
}

.mpy-text-muted {
    font-size: 13px;
}

.mpy-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

#depositTab,
#ordersTab,
#profileTabs {
    justify-content: center;
}

#profileTabs .nav-link,
#ordersTab .nav-link,
#moneyDepositBox .nav-pills .nav-link {
    padding: 1rem 2rem;
    margin: 0 0.5rem;
    color: var(--mpy-dark-white);
    background: #171925;
}

#moneyDepositBox .nav-pills .nav-link.active,
#profileTabs .nav-link.active,
#ordersTab .nav-link.active {
    color: var(--mpy-white);
    background: var(--mpy-primary);
}

#user-security-settings .nav-tabs .nav-link.active,
#user-website-settings .nav-tabs .nav-link.active {
    color: var(--mpy-white);
    background-color: var(--mpy-color-bg);
    border-color: var(--mpy-color-bg);
    padding: 0.5rem 1rem !important;
    font-weight: 100;
}

#user-security-settings .nav-tabs,
#user-website-settings .nav-tabs,
#moneyDepositBox .nav-pills {
    border-bottom: none;
}

.mpy_user-settings-mobile {
    display: none;
}

.mobile-gamer-add-advert {
    display: none;
}

@media (max-width: 768px) {
    .mpy_user-settings-col {
        padding: 0;
    }
    .mpy__footer-copyright p {
        font-size: 13px;
    }
    .mobile-gamer-add-advert {
        display: block;
        position: absolute;
        right: 1rem;
        margin-top: .5rem;
        z-index: 99;
    }
    #ordersTab .nav-link {
        padding: 1rem;
    }
    .mpy_user-settings-mobile {
        align-items: center;
        display: flex;
        justify-content: center;
        text-transform: uppercase;
        background: #101213;
        height: 55px;
    }
    .user-profile-details {
        padding: 0 0 0.5rem 0;
        text-align: center;
    }
    .mpy-user-withdraw-row,
    .mpy-user-orders-row {
        justify-content: center;
    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }
    #tblAccessHistory td {
        white-space: normal;
    }
    #userSettingsTabContent {
        padding: 0.5rem 0 !important;
    }
    #tblAccessHistory_wrapper .row:nth-child(1) {
        display: none;
    }
    .mpy_security-settings-row input {
        font-size: 14px;
    }
    .mpy_security-settings-row .col-md-6 {
        margin: 1rem 0;
    }
    .mpy_security-settings-list-group {
        padding: 0.5rem;
    }
    .mpy_security-settings-row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mpy_security-settings-row .col-10,
    .mpy_security-settings-row .col-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #frmProfileEdit,
    #user-security-settings {
        height: 600px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #frmProfileEdit input[name='email'],
    #frmProfileEdit input[name='phone'] {
        margin-bottom: 0.5rem;
    }
    #userSettingsTabContent #profile {
        padding: 0 1rem;
    }
    #profileTabs {
        max-height: 120px;
        overflow-y: hidden;
        display: flex;
        overflow-x: auto;
        padding-top: 12px;
    }
    #profileTabs>div:not([data-scrolling]) {
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }
    #profileTabs {
        position: relative;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    #profileTabs>ul::-webkit-scrollbar {
        display: none;
    }
    #profileTabs>* {
        flex: 0 0 auto;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #userSettingsTabContent {
        padding: 0 1rem;
    }
    #profileTabs {
        max-height: 120px;
        overflow-y: hidden;
        display: flex;
        overflow-x: auto;
        padding-top: 12px;
    }
    #profileTabs>div:not([data-scrolling]) {
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }
    #profileTabs {
        position: relative;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    #profileTabs>ul::-webkit-scrollbar {
        display: none;
    }
    #profileTabs>* {
        flex: 0 0 auto;
    }
}

/*GAMER DASHBOARD / points*/

.mpy-user-point-row,
.mpy-user-tip-row {
    min-height: 100vh;
}

@media (max-width: 768px) {
    .mpy-user-points-row,
    .mpy-user-tips-row {
        margin: 0 0 1rem 0;
        justify-content: center;
    }
}

/*GAMER DASHBOARD / message*/

/* Devbridge Autocomple Start */

.autocomplete-suggestions {
    padding: 10px 0 !important;
    color: #fff;
    line-height: 23px;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc !important;
    background: var(--mpy-color-bg);
    cursor: pointer;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: var(--mpy-color-bg);
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: var(--mpy-white);
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: var(--mpy-dark-white);
    display: block;
    border-bottom: 1px solid #000;
}

/* Devbridge Autocomple End */

#suggestions-container,
#events-container {
    background: #f4f4f4;
}

#events-container {
    height: 80px;
    overflow-y: auto;
}

#selection-ajax {
    background: #f4f4f4;
    display: inline-block;
    vertical-align: bottom;
}

#autocomplete-ajax-x {
    background: lightblue;
}

.schema {
    height: 200px;
    width: 100%;
    BACKGROUND: #fff;
    overflow-y: auto;
}

h5.title {
    padding: 7px 17px;
    font-weight: bold;
}

.chat-search-box {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    padding: .75rem 1rem;
}

.ui-accordion .ui-accordion-header {
    display: block;
    padding: 20px 30px;
    background: #fff;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    border: 1px solid #e0e0e0;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.ui-accordion .ui-accordion-header-active {
    border: 1px solid var(--mpy-primary);
}

.ui-accordion .ui-accordion-header-icon {
    position: relative;
    right: 10px;
    top: 44%;
    background: none;
    display: contents;
    text-indent: unset;
}

.ui-accordion .ui-accordion-header-icon:before,
.ui-accordion .ui-accordion-header-collapsed .ui-accordion-header-icon:before,
.ui-accordion .ui-accordion-header-icon:after,
.ui-accordion .ui-accordion-header-collapsed .ui-accordion-header-icon:after {
    content: "\f103";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: var(--mpy-primary);
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 30px;
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease 0s;
}

.ui-accordion .ui-accordion-header-icon:after,
.ui-accordion .ui-accordion-header-collapsed .ui-accordion-header-icon:after {
    content: "\f101";
    background: transparent;
    color: #000;
    opacity: 0;
    transform: scale(0);
}

.ui-accordion .ui-accordion-header-collapsed .ui-accordion-header-icon:before {
    opacity: 0;
    transform: scale(0);
}

.ui-accordion .ui-accordion-header-collapsed .ui-accordion-header-icon:after {
    opacity: 1;
    transform: scale(1);
}

.ui-accordion .ui-accordion-content p {
    font-size: 14px;
}

.datepicker-dropdown div table tbody tr td {
    background: #fff;
}

.datepicker-dropdown div table tbody tr {
    background: #fff !important;
}

.chat-search-box .input-group .form-control {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border-right: 0;
}

.chat-search-box .input-group .form-control:focus {
    border-right: 0;
}

.chat-search-box .input-group .input-group-btn .btn {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin: 0;
}

.chat-search-box .input-group .input-group-btn .btn i {
    font-size: 1.2rem;
    line-height: 100%;
    vertical-align: middle;
}

.users-container {
    position: relative;
    padding: 1rem 0;
    border-right: 1px solid #171925;
    ;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form-control:focus {
    box-shadow: none !important;
}

.mpy__conversation-users {
    padding: 0;
}

.mpy__conversation-users .person {
    position: relative;
    width: 100%;
    padding: 10px 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f4f8;
    float: left;
}

.mpy__conversation-users .person:hover {
    background-color: #2f3144;
}

.mpy__conversation-users .person.active-user {
    background-color: #ffffff
}

.mpy__conversation-users .person:last-child {
    border-bottom: 0;
}

.mpy__conversation-users .person .user {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    float: left;
}

.mpy__conversation-users .person .user img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.mpy__conversation-users .person .user .status {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #e6ecf3;
    position: absolute;
    top: 0;
    right: 0;
}

.mpy__conversation-users .person .user .status.online {
    background: #9ec94a;
}

.mpy__conversation-users .person .user .status.offline {
    background: #c4d2e2;
}

.mpy__conversation-users .person .user .status.away {
    background: #f9be52;
}

.mpy__conversation-users .person .user .status.busy {
    background: #fd7274;
}

.mpy__conversation-users .person p.name-time {
    font-size: .85rem;
    display: inline-block;
    color: var(--mpy-white);
    font-weight: 100;
    text-transform: uppercase;
}

.mpy__conversation-users .person p.name-time .message {
    text-transform: none;
    display: block;
}

.mpy__conversation-users .person p.name-time .username {
    display: block;
    line-height: 12px;
}

.mpy__conversation-users .person p.name-time .time {
    display: block;
}

.mpy__conversation-users .person p.name-time .time {
    font-weight: 400;
    font-size: .7rem;
    text-align: left;
    color: #fff;
    text-transform: none;
}

/*Chat right side*/

.selected-user {
    width: 100%;
    padding: 37px 15px;
    min-height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #171925;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.selected-user span {
    text-transform: capitalize;
    line-height: 100%;
    color: #fff;
}

.selected-user span.name {
    font-weight: 500;
}

.chat-container {
    position: relative;
    padding: 1rem;
    padding-bottom: 4rem;
    height: 500px;
}

.chat-container li.chat-left,
.chat-container li.chat-right {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 20px;
}

.chat-container li img {
    width: 48px;
    height: 48px;
    max-width: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.chat-container li .chat-avatar {
    margin-right: 20px;
}

.chat-container li.chat-right {
    justify-content: flex-end;
}

.chat-container li.chat-right>.chat-avatar {
    margin-left: 20px;
    margin-right: 0;
}

.chat-container li .chat-name {
    font-size: .75rem;
    color: var(--mpy-white);
    text-align: center;
    text-transform: uppercase;
}

.chat-container li .chat-text {
    padding: .4rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(52, 52, 52, 0.51);
    font-weight: 300;
    line-height: 150%;
    position: relative;
    font-size: 0.8rem;
    color: var(--mpy-dark-white);
    height: fit-content;
}

.chat-container li .chat-text:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    left: -20px;
    border: 10px solid;
    border-color: transparent rgba(52, 52, 52, 0.51) transparent transparent;
}

.chat-container li.chat-right>.chat-text {
    text-align: right;
}

.chat-container li.chat-right>.chat-text:before {
    right: -20px;
    border-color: transparent transparent transparent rgba(52, 52, 52, 0.51);
    left: inherit;
}

.chat-container li .chat-hour {
    color: var(--mpy-dark-white);
    /* padding: 0; */
    font-size: .70rem;
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: center; */
    /* margin: 0 0 0 15px;*/
}

.chat-container li .chat-hour>span {
    font-size: 16px;
    color: #9ec94a;
}

.chat-container li.chat-right>.chat-hour {
    margin: 0 15px 0 0;
}

.chat-form {
    padding: 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid white;
}

#chatSection ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.chat-card {
    border: 0;
    background: linear-gradient(to right, #00315e, #005899);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2rem;
    box-shadow: none;
}

.darkmode .chat-card {
    border: 0;
    background: #1c1f22;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2rem;
    box-shadow: none;
}

.chat-area {
    background-image: url(../../../themes/images/pattern.png);
    background-position: center;
    background-repeat: repeat;
    background-size: 50%;
}

#txtMessage {
    border-radius: 0 !important;
    border: none !important;
}

#txtUsers:focus,
#txtMessage:focus {
    border-color: var(--mpy-primary) !important;
}

#chatMessageBox {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: none;
}

.btn-actions i:hover {
    color: #0ba10d;
}

.mpy_chat-add-user-mobile {
    display: none;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.mpy_chat-add-user-mobile i {
    font-size: 20px;
    cursor: pointer;
    color: var(--mpy-primary);
}

@media (max-width: 767px) {
    #chatMessageBox {
        position: relative;
    }
    .mCSB_inside>.mCSB_container {
        margin-right: 0 !important;
    }
    .mpy-mobile-text {
        text-align: center;
        margin-bottom: 1rem;
    }
    .mpy__conversation-users .person .user img {
        width: 30px;
        height: 30px;
    }
    .mpy__conversation-users .person p.name-time {
        display: none;
    }
    .mpy__conversation-users .person p.name-time .time {
        color: var(--mpy-dark-white);
        display: none;
    }
    .chat-container li.chat-left,
    .chat-container li.chat-right {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .chat-container li img {
        width: 32px;
        height: 32px;
    }
    .chat-container li.chat-left .chat-avatar {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }
    .chat-container li.chat-left .chat-hour {
        justify-content: flex-end;
    }
    .chat-container li.chat-left .chat-name {
        color: var(--mpy-white);
        text-transform: uppercase;
        margin-left: 5px;
        margin-top: 1rem;
    }
    .chat-container li.chat-right .chat-avatar {
        order: -1;
        margin: 0 0 5px 0;
        align-items: center;
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
    }
    .chat-container li.chat-right .chat-hour {
        justify-content: flex-start;
        order: 2;
    }
    .chat-container li.chat-right .chat-name {
        color: var(--mpy-white);
        text-transform: uppercase;
        margin-right: 5px;
    }
    .selected-user {
        padding: 0 15px;
    }
    .mpy_chat-add-user-mobile {
        display: inline-block;
    }
    .mpy_chat-add-user {
        display: none;
    }
    .chat-search-box {
        text-align: center;
    }
    .chat-box .chat-right {
        padding-left: 0 !important;
    }
    .chatContainerScroll {
        min-width: 40vh;
        min-height: 500px;
    }
    .mpy__conversation-users .person .user {
        margin-right: 0;
    }
    .mpy__conversation-users .person .user img {
        height: 20px;
        width: 20px;
    }
    .chat-avatar img {
        display: none;
    }
    .chat-container {
        padding: 0.2rem;
    }
    .chat-container li.chat-right>.chat-text {
        text-align: left;
        background-color: rgb(116 111 111 / 51%);
    }
    .chat-container li.chat-right>.chat-text:before {
        border: none;
    }
    .ui-accordion .ui-accordion-header {
        padding-right: 60px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .chat-search-box button {
        font-size: 14px;
        padding: 0.5rem;
    }
    .mpy__conversation-users .person {
        display: flex;
    }
    .mpy__conversation-users .person p.name-time {
        display: flex;
        flex-direction: column;
    }
    .chat-box .chat-right {
        padding-right: 130px;
        padding-left: 0 !important;
    }
    .chatContainerScroll {
        min-width: 70vh;
    }
}

/*GAMER STORE*/

.mpy__gamer_store-row {
    background-color: var(--mpy-dark-bg);
    ;
}

.mpy__gamer_store {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: #1F2326;
}

.mpy__gamer_store-row h4,
.mpy__gamer_store-info p {
    color: #fff;
    text-transform: uppercase;
}

.mpy__gamer_store img {
    width: 100%;
}

.mpy__gamer_store-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
}

.mpy__gamer_store-info_container {
    width: inherit;
    padding: 1rem;
    background: #2f3144;
}

.mpy__gamer_store-level,
.mpy__gamer_store-element {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mpy__gamer_store-level img {
    width: 100%;
}

.mpy__gamer_store-about_container {
    padding: 1rem 2rem;
}

.mpy__gamer_store-about_container .mpy__products_title div {
    width: 100%;
}

.mpy__gamer_store-about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    margin: 0.5rem auto;
    background: #2f3144;
    box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);
}

.mpy__gamer_store-user-info {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 1rem;
    margin: 0.5rem auto;
    background: #171925;
    box-shadow: 10px 10px 80px rgb(0 0 0 / 50%);
}

.mpy__gamer_store-user-info h4 {
    text-transform: uppercase;
}

.mpy__gamer_store-about h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.mpy__gamer_store-about p {
    color: #fff;
    font-size: 14px;
}

/*.mpy__gamer_store-content {
    background-color: var(--mpy-color-bg);
    background-image: url(../../../assets/images/bg-chat.svg);
    background-position: center;
    background-repeat: repeat;
    background-size: 10%;
    padding: 1rem 0;
}*/

.mpy__gamer_store_card {
    background: #1f2326;
    border-bottom: 5px solid #171a1d;
}

.mpy__gamer-store-card-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mpy__gamer-store-card-pp {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.stati {
    background: #fff;
    height: 6em;
    padding: 1em;
    margin: 1em 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: margin 0.5s ease, box-shadow 0.5s ease;
    /* Safari */
    transition: margin 0.5s ease, box-shadow 0.5s ease;
    -moz-box-shadow: 0px 0.2em 0.4em rgb(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0.2em 0.4em rgb(0, 0, 0, 0.8);
    box-shadow: 0px 0.2em 0.4em rgb(0, 0, 0, 0.8);
}

.stati:hover {
    margin-top: 0.5em;
    -moz-box-shadow: 0px 0.4em 0.5em rgb(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0.4em 0.5em rgb(0, 0, 0, 0.8);
    box-shadow: 0px 0.4em 0.5em rgb(0, 0, 0, 0.8);
}

.stati i {
    font-size: 3.5em;
}

.stati div {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    text-align: right;
}

.stati div b {
    font-size: 2.2em;
    width: 100%;
    padding-top: 0px;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
    display: block;
}

.stati div span {
    font-size: 1em;
    width: 100%;
    color: rgb(0, 0, 0, 0.8) !important;
    display: block;
}

.stati.left div {
    float: left;
    text-align: left;
}

.stati.bg-sun_flower {
    background: var(--mpy-primary);
    color: #f2f2f2;
}

.stati.bg-carrot {
    background: var(--mpy-dark-blue);
    color: #f2f2f2;
}

.stati.bg-alizarin {
    background: var(--mpy-orange);
    color: #f2f2f2;
}

.store-pp {
    border: 3px solid #ffffff;
    border-radius: 50px;
}

.mpy__gamer_store-content .AdvertBox-1 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 15px;
}

.mpy__gamer_store-content_tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    min-height: 100px;
}

.mpy__gamer_store-content_tabs a {
    padding: 1rem 2rem;
    margin: 0 0.5rem;
    border-radius: 5px !important;
    background: #363B43;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.mpy__gamer_store-content_tabs a.active {
    background: var(--mpy-primary) !important;
}

.mpy__gamer_store-content_tabs ul {
    justify-content: center;
    min-height: 100px;
    align-items: center;
}

@media (max-width: 768px) {
    .mpy__gamer-store-card-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mpy__gamer-store-card-pp {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .mpy__gamer_store {
        border-radius: 0;
    }
    .mpy__gamer_store-content {
        border-radius: 0;
        background: #26292F;
        padding: 0;
    }
    .mpy__gamer_store-info_container {
        padding: 1rem 2rem;
    }
    .mpy__gamer_store-content_tabs a {
        padding: 0.5rem 1.5rem;
    }
    .mpy__gamer_store-content_tabs {
        background: #363B43;
        padding: 0;
    }
    .mpy__gamer_store-content_tabs a {
        background: #26292F;
    }
    .mpy__gamer_store-content .AdvertBox-1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .col-md-3 {
        padding: 0;
    }
    .bg-alizarin div b {
        font-size: 20px;
    }
    .mpy__gamer_store {
        border-radius: 0;
    }
    .mpy__gamer_store-info_container {
        padding: 0 2rem;
    }
    .mpy__gamer_store img {
        width: 50%;
    }
    .mpy__gamer_store-about_container {
        text-align: center;
    }
    .mpy__gamer_store-about {
        align-items: center;
    }
    .mpy__gamer_store-content {
        border-radius: 0;
        background: #26292F;
        padding: 0;
    }
    .mpy__gamer_store-content_tabs {
        background: #363B43;
        padding: 0;
    }
    .mpy__gamer_store-content_tabs a {
        background: #26292F;
    }
    .mpy__gamer_store-content .AdvertBox-1 {
        flex: 0 0 33%;
        max-width: 33%;
        padding: 5px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__gamer_store-content .AdvertBox-1 {
        flex: 0 0 33%;
        max-width: 33%;
        padding: 10px;
    }
    .bg-alizarin div b {
        font-size: 20px;
    }
}

/*PRODUCT LISTING*/

.mpy__product_listing-tab-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.filter-add-advert-btn input {
    margin-right: 1rem;
}

.filter-add-advert-btn a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.filter-add-advert-btn {
    display: flex;
    align-items: center;
}

#listing-card .card-header {
    background: #2f3144;
    border-bottom: none;
    overflow: auto;
}

.mpy-product-listing-tab {
    margin: 0 0.5rem;
    color: var(--mpy-dark-white);
    background: #2f3144;
    border-radius: 0.25rem;
}

.mpy-product-listing-tab.active {
    color: var(--mpy-white) !important;
    background: var(--mpy-primary);
}

#advertListUl li.active small,
#advertListUl li.active span {
    color: var(--mpy-white)
}

#advertListUl {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
}

#advertListUl li.active:hover {
    background: #03a735;
    transition: .5s;
}

#advertListUl li:hover {
    background: #232323;
    transition: .5s;
    cursor: pointer;
}

#catDetailContainer .detail-header {
    padding: 2rem 4rem;
    background-color: var(--mpy-color-bg);
    background-image: url(../../../assets/images/bg-chat.svg);
    background-position: center;
    background-repeat: repeat;
    background-size: 10%;
}

#catDetailContainer .detail-header p {
    color: var(--mpy-dark-white);
}

#catDetailContainer .detail-header h4 {
    text-transform: uppercase;
    color: #fff;
}

#catDetailContainer .detail-header {
    flex: 1;
}

#catDetailContainer .detail-header-box {
    display: flex;
    justify-content: space-between;
}

#catDetailContainer .detail-header div {
    width: 20rem;
    height: 5px;
    background: var(--mpy-primary);
}

#advertListUl li a {
    padding: 1rem 1.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
    text-decoration: none !important;
}

#advertListUl li span,
#advertListUl li img,
#advertListUl li small {
    display: flex;
}

#products .card-img-top img {
    border-radius: 5px 5px 0 0;
}

#listing-card {
    border: none;
}

#listing-card .mpy-btn:focus {
    box-shadow: none
}

#listing-card .pagination .page-item .page-link:hover {
    background: var(--mpy-secondary);
    color: #fff;
}

#listing-card .pagination .page-item .page-link {
    color: #333;
    border: none;
    width: 40px;
    text-align: center
}

#listing-card .pagination .page-item.active .page-link {
    background-color: var(--mpy-primary);
    color: #fff;
}

#advertListingBanner,
#contactBanner {
    height: 170px;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

#contactBanner {
    height: 300px;
}

#advertListingBanner .container-fluid,
#contactBanner .container-fluid {
    position: relative;
    height: 100%;
}

#advertListingBanner .advert-filter-bg,
#contactBanner .advert-filter-bg {
    filter: brightness(.35);
    height: 170px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

#contactBanner .advert-filter-bg {
    height: 300px;
}

#advertListingBanner .advert-filter-banner-text,
#contactBanner .advert-filter-banner-text {
    position: absolute;
    z-index: 5;
    left: 0;
    color: #fff;
    bottom: 30px;
    text-align: center;
    width: 100%;
}

#contactBanner .advert-filter-banner-text {
    bottom: 90px;
}

#advertListingBanner .advert-filter-banner-text h1,
#contactBanner .advert-filter-banner-text h1 {
    color: whitesmoke;
    font-size: 45px;
}

.mpy_product_listing-filter-item-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.advert-types {
    position: relative;
}

.advert-types>ul::-webkit-scrollbar {
    display: none;
}

.advert-types>ul:not([data-scrolling]) {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

#advertListUl>* {
    flex: 0 0 auto;
}

#advertListUl {
    max-height: 120px;
    overflow-y: hidden;
    display: flex;
    overflow-x: auto;
    padding-top: 12px;
}

@media (max-width: 768px) {
    .mpy_product_listing-filter-item-box .form-group {
        margin-bottom: 1rem;
    }
    .mpy-product-listing-tab {
        margin: 0 0.15rem;
    }
    #advertListUl li a {
        padding: 0.5rem;
    }
    #fieldsArea {
        display: flex;
    }
    .mpy_product_listing-filter-item-box {
        flex-direction: column-reverse;
    }
    .mpy_product_listing-filter-item-box .form-group {
        margin-bottom: 1rem;
    }
    .filter-add-advert-btn {
        width: 100%;
        margin-bottom: 1rem;
    }
    .first-card-header {
        padding: 0.75rem;
    }
    /*#productsListArea {
        justify-content: center;
    }

    #productsListArea .mpy__products-card_footer {
        flex-direction: row;
    }

    #productsListArea .mpy__products-card {
        flex: 0 1 calc(80% - 1em);
        max-width: calc(80% - 1em);
    }*/
    #listing-card .card-footer {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy_product_listing-filter-item-box {
        flex-direction: column-reverse;
    }
    .mpy_product_listing-filter-item-box .form-group {
        margin-bottom: 1rem;
    }
    .mpy-product-listing-tab {
        margin: 0 0.15rem;
    }
    #advertListUl li a {
        padding: 1rem;
    }
    #fieldsArea {
        display: flex;
    }
    .filter-add-advert-btn {
        width: 100%;
        margin-bottom: 1rem;
    }
    .mpy__product_listing-tab-container {
        align-items: inherit;
    }
    #advertListUl {
        justify-content: space-between;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    /*#productsListArea .mpy__products-card {
        flex: 0 1 calc(25% - 1em);
    }*/
}

/*PRODUCT DETAILS*/

.product-info.item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.product-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mpy__product-seller-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 15px;
}

.product-detail-store {
    grid-column: 3;
    display: grid;
    align-items: flex-start;
    grid-row-gap: 1.25rem;
    padding-top: 15px;
    color: #F5F5F5FF
}

.product-detail-store .btn {
    all: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1;
    padding: 0.6875rem;
    display: inline-flex;
    align-items: center;
    border-radius: 0.3125rem;
    justify-content: center;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    -moz-column-gap: .25em;
    column-gap: 0.25em;
    box-sizing: border-box;
}

.product-detail-store .btn-default {
    border-color: #fff;
}

.product-detail-store-top {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1.25rem;
    align-items: flex-start;
}

.product-detail-store-top h2 a {
    float: left;
}

.product-detail-store-top h2 svg {
    float: left;
    margin-left: 5px;
}

.product-detail-store-middle,
.product-detail-store-top>a {
    font-size: 0.75rem;
}

.product-detail-store-middle {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto auto;
    grid-column-gap: 1.25rem;
    background-color: #171a21;
    padding: 0.75rem;
    border-radius: 0.3125rem;
}

.product-detail-store-bottom {
    display: grid;
    grid-gap: 1.25rem;
    grid-auto-columns: minmax(auto, 1fr);
    grid-auto-flow: column;
}

.product-detail-store-top .product-detail-store-image {
    height: 80px;
    overflow: hidden;
    grid-row: 1/5;
    border-radius: 0.625rem;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);
}

.product-detail-store-top .store-name,
.product-detail-store-top h2 {
    font-size: 1.25rem;
}

.product-detail-store-bottom svg,
.product-detail-store-top .store-name svg,
.product-detail-store-top h2 svg,
.product-detail-store-middle-fail svg,
.product-detail-store-middle-success svg {
    width: 1em;
    height: 1em;
    fill: #fff;
}

.product-detail-store-top h2 svg {
    fill: #ff3737;
}

.product-detail-store-top .store-name svg.active,
.product-detail-store-top h2 svg.active {
    fill: #32a0db;
}

.rank-bar {
    display: flex;
    align-items: center;
}

.rank-bar-container {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    margin-right: 0.5em;
    height: 0.625em;
    border-radius: 0.625rem;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    background: #171a21;
}

.rank-bar-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(90Deg, red, #fff200, #02bb02);
}

.rank-bar-container-fill {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #171a21;
    transition: width 1s;
    z-index: 1;
    position: relative;
    float: right;
}

.rank-bar-text {
    font-size: .75em;
}

.product-detail-store-middle-total {
    font-weight: 300;
}

.product-detail-store-middle-fail,
.product-detail-store-middle-success {
    font-weight: 700;
    align-items: center;
    display: flex;
}

.product-detail-store-middle-fail svg,
.product-detail-store-middle-success svg {
    font-size: 1.5em;
    margin-right: 0.25rem;
}

.product-detail-store-middle-success svg {
    fill: #009039;
}

.product-detail-store-middle-fail svg {
    fill: #ff3737;
}

.product-detail-store-bottom-last-seen {
    font-size: 0.75rem;
    background-color: #171a21;
    padding: 0.75rem;
    border-radius: 0.3125rem;
    text-align: center;
}

.product-detail-store-bottom-last-seen #last-seen {
    display: flex;
    justify-content: center;
}

.product-detail-store-bottom button {
    border-color: #fff;
    color: #fff;
    font-size: 13px;
}

.product-detail-store-bottom button:hover {
    background: #fff;
    color: #000;
}

.gamer-nick {
    text-align: center;
    text-align: -webkit-center;
    margin-top: .5rem;
}

.mpy__product-seller-info-stats p {
    color: #f0f0f0;
}

.mpy__product-seller-span {
    font-weight: bold;
    color: var(--mpy-dark-white);
    margin-right: 0.5rem;
}

.mpy__product-seller-info-image,
.mpy__product-seller-info-stats,
.mpy__product-seller-info-messages {
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
}

.mpy__product-seller-info img {
    width: 100px
}

.mpy__product-seller-info-stats p,
.mpy__product-seller-info-image h4 {
    text-transform: uppercase;
}

.mpy__product-seller-info-messages button {
    margin: 0.5rem 0;
}

.product-info-item ul {
    border-radius: 5px;
}


.mpy__product-info-card .col-lg-9,
.mpy__product-info-card .col-lg-3 {
    background: #2f3144;
}

.mpy__product-info-card .col-lg-9 {
    border-right: 5px solid #1e2224;
}

.mpy__product-info-card .card-header {
    background: #2f3144;
}

.mpy__product-info-card .card-body,
.mpy__product-info-tabs {
    background: #2f3144;
}

.slick-carousel .right-area {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    padding-right: 10px;
}

.slick-carousel .product-name {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slick-carousel .btn-view-product {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#userSettingsTabContent {
    padding: 1rem;
}

.card-description {
    border: none !important;
}

.card-description .card-body {
    max-height: 12rem;
    background: #2f3144 !important;
}

.card-description p {
    color: var(--mpy-color-bg);
}

#userSettingsTabContent p {
    color: var(--mpy-dark-white);
}

.gamer-product,
.product-info-item {
    border-radius: 10px;
}

.product-info-item li {
    background: #2f3144;
    margin-bottom: 0.15rem;
}

#productDetailTabs {
    background: var(--mpy-orange);
    justify-content: center;
    border-top: 5px solid #1e2224;
    border-bottom: 5px solid #1e2224;
    border-left: 3px solid #1e2224;
}

#productDetailTabs .nav-link {
    padding: 0.6rem 2rem;
    margin: 0 0.5rem;
    color: var(--mpy-dark-white);
    background: #171925;
}

#productDetailTabs .nav-link.active {
    color: var(--mpy-white);
    font-size: 17px;
    background: var(--mpy-orange);
}

#productDetailTabs .nav-pills {
    border-bottom: none;
}

#productDetailTabs .nav-tabs .nav-link.active {
    color: var(--mpy-white);
    background-color: var(--mpy-color-bg);
    border-color: var(--mpy-color-bg);
    padding: 0.5rem 1rem !important;
    font-weight: 100;
}

.product-details-page {
    min-height: 100vh;
    padding-bottom: 1rem;
}

.product-details-page .social-links {
    margin-top: 4px;
}

.product-details-page .social-links .title {
    display: inline-block;
    margin-right: 20px;
}

.product-details-page .social-links .link-list {
    display: inline-block;
}

.product-details-page .social-links .link-list li {
    display: inline-block;
}

.product-details-page .social-links .link-list li a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    margin: 0px 2px;
    line-height: 35px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.product-details-page .social-links .link-list li a.facebook {
    background: #3b5999;
}

.product-details-page .social-links .link-list li a.twitter {
    background: #55acee;
}

.product-details-page .social-links .link-list li a.linkedin {
    background: #0077B5;
}

.product-details-page .social-links .link-list li a.pinterest {
    background: #bd081c;
}

.product-details-page .social-links .link-list li a:hover {
    color: #fff;
}

.mpy__product-info-accordion-container .accordion-item {
    background-color: var(--mpy-dark-white);
    color: #2f3144;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.mpy__product-info-accordion-container .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.mpy__product-info-accordion-container .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
}

.mpy__product-info-accordion-container .accordion-item-header.active::after {
    content: "\2212";
}

.mpy__product-info-accordion-container .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.mpy__product-info-accordion-container .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.single-box {
    background: linear-gradient(6deg, #505860, #363b43 70%);
    border-radius: 5px;
}

.single-box {
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.single-box .left-area {
    width: 120px;
    height: 120px;
    margin-right: 10px;
    overflow: hidden;
}

.single-box .left-area img {
    height: 120px;
    object-fit: cover;
    width: 100%;
}

.product-tab .section-top .nav .nav-item .nav-link::before {
    background: var(--mpy-primary) !important;
}

.product-tab .section-top .nav .nav-item .nav-link::after {
    border-top: 8px solid var(--mpy-primary);
}

.item .item-cart-area ul li span {
    background: var(--mpy-primary);
}

.featured-link-box .title {
    color: var(--mpy-primary);
}

.mybtn1.sm {
    color: var(--mpy-primary) !important;
    border: 1px solid var(--mpy-primary);
}

.message-modal .modal .contact-form ul li .input-field:focus {
    border-bottom: 1px solid var(--mpy-primary) !important;
}

.section-top .section-title {
    font-size: 18px;
    line-height: 38px;
    font-weight: 600;
    color: var(--mpy-dark-white);
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

.section-top .section-title::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: var(--mpy-primary);
    left: 0;
    bottom: -2px;
}

.section-top .link {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #ff5500;
    border: 1px solid #ff5500;
    padding: 0px 12px;
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    border-radius: 50px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.section-top .link:hover {
    background: none;
    color: #ff5500;
}

.slick-vertical .slick-slide {
    display: flex;
}

.bottom-arrow {
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 24px;
    opacity: 1;
    background: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 5px 25px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 25px rgb(0 0 0 / 10%);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.top-arrow {
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 50px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 24px;
    opacity: 1;
    background: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 5px 25px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 25px rgb(0 0 0 / 10%);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

#rules {
    background: #2f3144;
}

.trending-item-slider .mpy__products-card {
    margin: 1rem;
}

/*.trending-item-slider-card{
    width: 40%;
}*/

@media (max-width: 768px) {
    .product-info.item-list {
        justify-content: center;
        flex-direction: column;
    }
    .mpy__product-seller-info {
        flex-direction: column;
    }
    #productDetailTabs .nav-link {
        padding: 1rem;
    }
    #productDetailTabs {
        padding: 0;
    }
    .trending .mpy__products-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mpy__product-info-card .card-body {
        padding: 1rem 0;
    }
    .card-description .card-body {
        padding: 1rem;
    }
    .trending-item-slider .mpy__products-card {
        margin: 0.5rem;
    }
    .product-name {
        margin-bottom: 0;
    }
}

@media (min-width: 769px) and (max-width: 992px) {}

@media (min-width: 993px) and (max-width: 1200px) {}

/*-----------------------------
** Latest (Yeni ilanlar) Start
------------------------------*/

.trends {
    padding-bottom: 20px
}

.bbb_container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bbb_text p:last-child {
    margin-bottom: 0
}

.bbb_nav {
    display: inline-block;
    width: 36px;
    height: 36px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    margin-right: 16px;
    background-color: rgb(112 109 173/25%)
}

.bbb_nav:last-child {
    margin-right: 0
}

.bbb_nav i {
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.bbb_nav:hover i {
    color: #474747
}

.bbb_fav i {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #cccccc;
    line-height: 36px;
    pointer-events: none;
    z-index: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.bbb_fav.active i {
    color: red
}

.game-cards {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
    gap: 1rem;
}

.game-card {
    position: relative;
    z-index: 0;
    display: flex;
    flex-flow: column nowrap;
}

.game-card::before {
    content: "";
    aspect-ratio: 0.7;
    width: 100%;
    margin-bottom: 1.75rem;
}

.game-card__front {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: 0.5rem 0.5rem 0 0;
}

.game-card__header {
    display: flex;
    height: 100%;
    pointer-events: auto;
    flex-flow: column nowrap;
    transition: transform 250ms ease;
}

.game-card__cover {
    position: relative;
    aspect-ratio: 0.7;
    background: #37474f;
    border-radius: 0 0 0.5rem 0.5rem;
    width: 100%;
    overflow: hidden;
}

.game-card__cover>img,
.game-card__image-placeholder {
    aspect-ratio: inherit;
    object-fit: cover;
    height: 100%;
    width: 100%;
    height: auto;
    transition: transform 250ms ease;
}

.game-card__image-placeholder {
    display: block;
    background: #7c4dff;
    /*
    background-image: linear-gradient(-70deg, rgba(0, 0, 0, 0.15) 60%, transparent 60%), linear-gradient(-20deg, rgba(0, 0, 0, 0.15) 50%, transparent 50%), linear-gradient(40deg, rgba(0, 0, 0, 0.15) 60%, transparent 60%), linear-gradient(-50deg, rgba(0, 0, 0, 0.15) 15%, transparent 15%), linear-gradient(137.42deg, #aa00ff 0%, #7c4dff 50.43%, #304ffe 100%);
    */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.game-card__title {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: auto;
    font-size: 1rem;
    line-height: 1.25;
    transition: padding 250ms ease;
}

.game-card__touch-target {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    z-index: 1;
}

@media (hover: none) and (pointer: coarse) {
    .game-card__touch-target {
        display: block;
    }
}

.game-card__cover-badge {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    padding: 0 0.5em;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.25rem;
    background: #37474f;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    transition: opacity 250ms 25ms ease, transform 250ms 25ms ease;
}

.game-card__cover-badge.new {
    background: var(--mpy-primary);
}

.game-card__back {
    position: absolute;
    inset: 0;
    display: flex;
    flex-flow: column nowrap;
    border-radius: 0.5rem;
    margin-bottom: 1.75rem;
    background: var(--mpy-dark-bg);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.15), 0 10px 12px rgba(0, 0, 0, 0.15);
    transition: margin 250ms ease;
}

.game-card__content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding: 0.5rem;
    height: 6rem;
    margin-top: auto;
    opacity: 0.1;
    transform: scale(0.6);
    transition: transform 250ms ease, opacity 250ms ease;
}

.game-card__metadata {
    font-size: 20px;
    font-weight: 600;
    color: var(--mpy-viola-yellow);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-card__buttons {
    display: flex;
    gap: 0.25rem;
    margin-top: auto;
}

*+.game-card__buttons {
    padding-top: 0.5rem;
}

.game-card__button {
    appearance: none;
    flex: 0;
    border: none;
    height: 2.5rem;
    min-width: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.5em;
    text-align: none;
    overflow: hidden;
    background: var(--mpy-orange);
    color: #fff;
    border-radius: 0.3rem;
    text-align: center;
    cursor: pointer;
    transition: background 200ms;
}

.game-card__button:focus-visible {
    outline: 0.25rem solid #303e5f;
    outline-offset: -0.125rem;
}

.game-card__button:active,
.game-card__button:hover {
    background: #303e5f;
}

.game-card__button.-download {
    flex: 1 1 auto;
}

.game-card__button.-download {
    background: var(--mpy-orange);
    outline-color: var(--mpy-orange);
}

.game-card__button.-download:hover {
    background: #2f3144;
    transition: .5s;
}

.game-card.expanded .game-card__header,
.game-card:hover .game-card__header,
.game-card:focus .game-card__header,
.game-card:focus-within .game-card__header {
    transform: translatey(-6rem);
    transition-duration: 300ms;
    transition-delay: 100ms;
}

.game-card.expanded .game-card__cover>img,
.game-card.expanded .game-card__image-placeholder,
.game-card:hover .game-card__cover>img,
.game-card:hover .game-card__image-placeholder,
.game-card:focus .game-card__cover>img,
.game-card:focus .game-card__image-placeholder,
.game-card:focus-within .game-card__cover>img,
.game-card:focus-within .game-card__image-placeholder {
    transition-duration: 300ms;
    transform: translateY(3rem);
    transition-delay: 100ms;
}

.game-card.expanded .game-card__title,
.game-card:hover .game-card__title,
.game-card:focus .game-card__title,
.game-card:focus-within .game-card__title {
    transition-duration: 300ms;
    padding-inline: 0.5rem;
    transition-delay: 100ms;
}

.game-card.expanded .game-card__cover-badge,
.game-card:hover .game-card__cover-badge,
.game-card:focus .game-card__cover-badge,
.game-card:focus-within .game-card__cover-badge {
    transition-duration: 150ms, 150ms;
    transition-delay: 100ms, 100ms;
    opacity: 0;
    transform: translateY(100%);
}

.game-card.expanded .game-card__touch-target,
.game-card:hover .game-card__touch-target,
.game-card:focus .game-card__touch-target,
.game-card:focus-within .game-card__touch-target {
    display: none;
}

.game-card.expanded .game-card__back,
.game-card:hover .game-card__back,
.game-card:focus .game-card__back,
.game-card:focus-within .game-card__back {
    margin-bottom: 0;
    transition-duration: 300ms;
    transition-delay: 100ms;
}

.game-card.expanded .game-card__content,
.game-card:hover .game-card__content,
.game-card:focus .game-card__content,
.game-card:focus-within .game-card__content {
    opacity: 1;
    transform: scale(1);
    transition-duration: 300ms;
    transition-delay: 50ms;
}

.game-card__title {
    color: #f0f0f0;
}

.bbb_slider_container {
    display: flex;
    flex-wrap: wrap;
}

/*-----------------------------
** Latest (Yeni ilanlar)  Start
------------------------------*/

.mpy_home-title {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.highlight-container,
.highlight {
    position: relative;
}

.highlight-container {
    display: inline-block;
}

.highlight-container:before {
    content: " ";
    display: block;
    height: 120%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
    background: var(--mpy-primary);
    transform: rotate(2deg);
    top: -1px;
    left: -1px;
    border-radius: 20% 25% 20% 24%;
    padding: 10px 3px 3px 10px;
}

.trending .owl-carousel .owl-controls .owl-nav .owl-prev,
.trending .owl-carousel .owl-controls .owl-nav .owl-next,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-prev,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-next {
    font-size: 14px;
    position: absolute;
    top: -30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 24px;
    opacity: 1;
    background: var(--mpy-primary);
    border: 1px solid var(--mpy-primary);
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.trending .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.trending .owl-carousel .owl-controls .owl-nav .owl-next:hover,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background: var(--mpy-secondary) !important;
    color: var(--mpy-primary);
}

.trending .owl-carousel .owl-controls .owl-nav .owl-prev,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-prev {
    right: 33px;
}

.trending .owl-carousel .owl-controls .owl-nav .owl-next,
.product-details-page .categori .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
}

.hot-and-new-item-slider .product-name {
    width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*CATEGORIES ALL GAMES*/

.mpy__all-games_title {
    flex: 1;
    max-width: 16rem;
}

.mpy__all-games-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.mpy__all-games_title div {
    width: 100%;
    height: 5px;
    background: var(--mpy-primary);
}

.mpy__top-games_title h4 {
    text-transform: uppercase;
    color: #fff;
}

/*All Categories Page*/

/*Category Search Bar*/

#all-category-page .search-bar-body::before,
#all-category-page .category-panel-list::before {
    display: table;
    content: " ";
}

#all-category-page .search-bar-body::after,
#all-category-page .category-panel-list::after {
    clear: both;
}

#all-category-page .category-search-bar {
    position: relative;
    height: 45px;
    margin-bottom: 20px;
    border: none;
    border-radius: 4px;
    background: rgba(50, 52, 72, 0);
}

#all-category-page .search-bar-body {
    background: #2f314400;
    color: #979aae;
    padding: 0 !important;
}

#all-category-page i.fab.fa-searchengin {
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 1;
    width: 35px;
    line-height: 45px;
    text-align: right;
    font-size: 22px;
    color: #797979;
}

#inpSearchAllCategory {
    background: #101213;
    color: var(--mpy-dark-white);
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 3px;
    padding: 0 13px 0 50px;
    position: absolute;
    top: 0;
    left: 0;
}

#all-category-page input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

#inpSearchAllCategory:focus {
    outline: 0 !important;
}

#cat-card-wrapper .abs,
#cat-card-wrapper h2:after,
#cat-card-wrapper .cards .card figcaption,
#cat-card-wrapper .cards .card:after {
    position: absolute;
}

#cat-card-wrapper .rel,
#cat-card-wrapper h2,
#cat-card-wrapper h2 strong,
#cat-card-wrapper .cards .card {
    position: relative;
}

#cat-card-wrapper .fix {
    position: fixed;
}

#cat-card-wrapper .dfix {
    display: inline;
}

#cat-card-wrapper .dib {
    display: inline-block;
}

#cat-card-wrapper .db {
    display: block;
}

#cat-card-wrapper .dn {
    display: none;
}

#cat-card-wrapper .df,
#cat-card-wrapper .cards {
    display: flex;
}

#cat-card-wrapper .dif {
    display: inline-flex;
}

#cat-card-wrapper .dg {
    display: grid;
}

#cat-card-wrapper .dig {
    display: inline-grid;
}

#cat-card-wrapper .vm,
#cat-card-wrapper h2,
#cat-card-wrapper h2 strong,
#cat-card-wrapper h2 span {
    vertical-align: middle;
}

#cat-card-wrapper {
    padding: 15px;
}

#cat-card-wrapper .cards {
    justify-content: space-between;
}

#cat-card-wrapper h2 {
    padding: 10px 10px 10px 25px;
    color: #ccc;
    margin: 0;
}

#cat-card-wrapper h2 strong {
    z-index: 2;
    background: #24282f;
    padding: 4px 8px;
}

#cat-card-wrapper h2 span {
    font-size: 0.7em;
    color: #aaa;
    margin-left: 10px;
}

#cat-card-wrapper h2:after {
    content: '';
    z-index: 1;
    bottom: 50%;
    margin-bottom: -2px;
    height: 2px;
    left: 0;
    right: 0;
    background: #373d47;
}

#cat-card-wrapper .cards {
    flex-flow: row wrap;
}

#cat-card-wrapper .cards .card {
    margin: 20px;
    max-width: 215px;
    min-width: 215px;
    height: 215px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
    transform-origin: center top;
    transform-style: preserve-3d;
    transform: translateZ(0);
    transition: 0.3s;
}

#cat-card-wrapper .cards .card img {
    width: 100%;
    min-height: 100%;
}

#cat-card-wrapper .cards .card figcaption {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 20px 10px 20px;
    font-size: 20px;
    background: none;
    color: #fff;
    transform: translateY(100%);
    transition: 0.3s;
    display: none;
}

#cat-card-wrapper .cards .card:after {
    content: '';
    z-index: 10;
    width: 200%;
    height: 100%;
    top: -90%;
    left: -20px;
    opacity: 0.1;
    transform: rotate(45deg);
    background: linear-gradient(to top, transparent, #fff 15%, rgba(255, 255, 255, 0.5));
    transition: 0.3s;
}

#cat-card-wrapper .cards .card:hover,
#cat-card-wrapper .cards .card:focus,
#cat-card-wrapper .cards .card:active {
    box-shadow: 0 8px 16px 3px rgba(0, 0, 0, 0.6);
    transform: translateY(-3px) scale(1.05) rotateX(15deg);
}

#cat-card-wrapper .cards .card:hover figcaption,
#cat-card-wrapper .cards .card:focus figcaption,
#cat-card-wrapper .cards .card:active figcaption {
    transform: none;
}

#cat-card-wrapper .cards .card:hover:after,
#cat-card-wrapper .cards .card:focus:after,
#cat-card-wrapper .cards .card:active:after {
    transform: rotate(25deg);
    top: -40%;
    opacity: 0.15;
}

.grid-cols-6 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

@media (max-width: 1200px) {
    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid-cols-6 a:nth-last-child(1),
    .grid-cols-6 a:nth-last-child(2),
    .grid-cols-6 a:nth-last-child(3) {
        display: none;
    }
}

@media (max-width: 1020px) {
    .grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid-cols-6 a:nth-last-child(4),
    .grid-cols-6 a:nth-last-child(5),
    .grid-cols-6 a:nth-last-child(6) {
        display: none;
    }
}

@media (max-width: 780px) {
    .grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-6 a:nth-last-child(7),
    .grid-cols-6 a:nth-last-child(8),
    .grid-cols-6 a:nth-last-child(9) {
        display: none;
    }
}

@media (max-width: 680px) {
    .grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-6 a:nth-last-child(10),
    .grid-cols-6 a:nth-last-child(11),
    .grid-cols-6 a:nth-last-child(12) {
        display: none;
    }
}

@media (max-width: 500px) {
    .grid-cols-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-6 a:nth-last-child(13),
    .grid-cols-6 a:nth-last-child(14),
    .grid-cols-6 a:nth-last-child(15) {
        display: none;
    }
}

.gap-2 {
    gap: 0.5rem;
}

.max-h-232 {
    max-height: 232px;
}

.object-cover {
    object-fit: cover;
}

.hover-scale-105:hover {
    -webkit-transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05);
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05);
}

@media (max-width: 768px) {
    #cat-card-wrapper .cards {
        justify-content: center;
    }
    #cat-card-wrapper {
        padding: 5px;
    }
    #cat-card-wrapper .cards .card {
        margin: 5px;
        max-width: 170px;
        min-width: 170px;
        height: 170px;
    }
}

/*METIN2 PVP SERVERS PAGE*/

.pvp-server-card img {
    width: 100%;
}

.pvp-server-card p {
    padding: 0;
    margin: 0;
    color: #f0f0f0;
}

.pvp-server-card-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
}

.pvp-server-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #101213;
    border-radius: 5px;
    padding: 1rem;
    height: 100px;
    flex: 1 1 20%;
    max-width: 20%;
    margin: 1.5rem;
    box-shadow: 0 8px 16px 3px rgb(0 0 0 / 60%);
    border: 1px solid var(--mpy-dark-blue)
}

.pvp-server-card:hover {
    background: #000;
    border-color: var(--mpy-danger);
    transition: .5s;
    cursor: pointer;
}

.pvpAdvertRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #101112;
}

.pvpAdvert {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 30%;
    border: 10px solid #101112;
}

.mpy__all-pvp-servers-top {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.mpy__all-pvp-servers-title {
    font-size: 24px;
}

.mpy__all-pvp-servers-title div {
    width: 100%;
    height: 5px;
    background: var(--mpy-primary);
}

@media (max-width: 768px) {
    .pvpAdvertRow {
        flex-direction: column;
    }
    .pvpAdvert {
        flex: 1;
    }
    .pvp-server-card {
        flex: 1;
        max-width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .pvpAdvertRow {
        flex-direction: column;
    }
    .pvpAdvert {
        flex: 1;
    }
    .pvp-server-card {
        flex: 1 1 35%;
        max-width: 35%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .pvp-server-card {
        flex: 1 1 25%;
        max-width: 25%;
    }
}

/*CHECKOUT PAGE*/

/*-----------------------------
** Check Out Area Start
------------------------------*/

.mpy_chart-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 5px;
    padding: 0 1rem;
    margin-bottom: 1rem;
    background: #2f3144;
}

.mpy_chart-box-one {
    flex: 0 1 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.mpy_chart-box-two {
    flex: 0 1 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.mpy-errors {
    width: 100%;
    z-index: 1;
    font-weight: 100;
    background-color: rgba(229, 220, 73, 0.15);
    padding: 10px;
    border-radius: 5px;
    color: var(--mpy-warning);
    border: 1px solid var(--mpy-warning);
}

.mpy-errors button {
    color: var(--mpy-warning);
}

.mpy__checkout_title {
    flex: 1;
    max-width: 16rem;
}

.mpy__checkout-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.mpy__checkout_title div {
    width: 100%;
    height: 5px;
    background: var(--mpy-primary);
}

.mpy__checkout_title h4 {
    text-transform: uppercase;
    color: #fff;
}

.btn-remove-from-cart:hover,
.btn-continue:hover {
    color: #fff;
}

.card-footer input:focus {
    border-color: var(--mpy-primary);
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

#tblCheckout th,
#tblCheckout td {
    text-transform: uppercase;
}

#tblCheckout {
    border-radius: 5px;
}

#checkoutSection .card {
    border-radius: 0;
    border: none;
}

#tblCheckout .fa-trash {
    font-size: 20px;
    color: var(--mpy-secondary);
}

#tblCheckout .fa-trash:hover {
    /* color: var(--mpy-orange);*/
    transition: 0.5s;
    cursor: pointer;
}

#tblOrderSummary .tdPrice {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: var(--mpy-primary);
}

#checkoutSection .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px;
}

#checkoutSection .img-md {
    width: 120px;
    height: 120px
}

#checkoutSection .itemside .info {
    padding-left: 15px;
    padding-right: 7px
}

#checkoutSection .table-shopping-cart .price-wrap {
    line-height: 1.7;
    font-size: 1.2rem;
}

#checkoutSection .table-shopping-cart .price {
    font-weight: bold;
    margin-right: 5px;
    display: block
}

#checkoutSection .text-muted {
    color: #969696 !important
}

#checkoutSection a {
    text-decoration: none !important
}

#checkoutSection .card-footer,
#checkoutSection .card-header {
    background-color: #2f3144;
    border-bottom: none;
}

#checkoutSection .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #2f3144;
    background-clip: border-box;
    border-radius: 0px
}

#checkoutSection .itemside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#checkoutSection .dlist-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[class*="dlist-"] {
    margin-bottom: 5px
}

#checkoutSection .coupon {
    border-radius: 1px
}

#checkoutSection .price {
    font-weight: 600;
    color: #212529
}

#checkoutSection .btn.btn-out {
    outline: 1px solid #fff;
    outline-offset: -5px
}

#checkoutSection .btn-main {
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 15px;
    padding: 10px 19px;
    cursor: pointer;
    color: #fff;
    width: 100%
}

#checkoutSection .btn-light {
    color: #ffffff;
    background-color: #F44336;
    border-color: #f8f9fa;
    font-size: 12px
}

#checkoutSection .btn-light:hover {
    color: #ffffff;
    background-color: #F44336;
    border-color: #F44336
}

#checkoutSection .btn-apply {
    font-size: 11px
}

.mpy__checkout-summary-card dt,
.mpy__checkout-summary-card dd,
.mpy__checkout-summary-card .text-gray {
    color: var(--mpy-white);
    font-weight: normal;
}

.mpy__checkout-summary-card i {
    color: var(--mpy-white);
}

@media (max-width: 768px) {
    .mpy_home-title {
        font-size: 16px;
    }
    .btn-remove-from-cart span {
        display: none;
    }
    .tbl-checkout-delete {
        display: none;
    }
    .mpy_chart-container {
        flex-direction: column;
    }
    .mpy_chart-box-one,
    .mpy_chart-box-two {
        flex: 0 1 100%;
    }
    .mpy_chart-box-one,
    .mpy_chart-box-two {
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .mpy_chart-box-one a {
        margin-left: 0.5rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .btn-remove-from-cart span {
        display: none;
    }
    .mpy_chart-box-one a {
        margin-left: 1rem;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .btn-remove-from-cart span {
        display: none;
    }
    .mpy_chart-container {
        padding: 0 1rem;
    }
    .mpy_chart-box-one {
        flex: 0 1 65%;
    }
    .mpy_chart-box-two {
        flex: 0 1 35%;
    }
}

/*MPY-MODAL STYLES*/

#mpy-modal .modal-header {
    background: #00ad0d;
    border: none;
}

#mpy-modal h6 {
    color: var(--mpy-white);
}

#mpy-modal .modal-body {
    overflow: auto;
    background: #2f3144;
    color: var(--mpy-white);
}

#ai-images-modal .modal-header {
    background: #00ad0d;
    border: none;
}

#ai-images-modal h6 {
    color: var(--mpy-white);
}

#ai-images-modal .modal-body {
    overflow: auto;
    background: #2f3144;
    color: var(--mpy-white);
}

#btnMpyModalClose {
    opacity: 1;
}

#btnMpyModalClose:focus {
    outline: none;
    box-shadow: none;
}

/*Login OTP*/

.mpy_register-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.mpy_register-checkbox span,
.mpy_register-checkbox input {
    display: flex;
    flex: 1;
    justify-content: flex-start;
}

.mpy_register-checkbox input {
    flex: 0 0 10%;
    max-width: 10%;
    justify-content: flex-start;
}

.mpy_register-checkbox span {
    color: #fff;
}

.mpy_register-checkbox a {
    color: var(--mpy-primary) !important;
    text-decoration: underline !important;
}

.mpy_register-checkbox a:hover {
    color: var(--mpy-orange) !important;
    transition: .5s ease-in-out !important;
    cursor: pointer;
}

#modalKvkk .modal-header {
    background: #00ad0d;
    border: none;
    padding: 4px 15px !important;
    justify-content: space-between !important;
    align-items: center;
    text-align: center;
}

#modalKvkk .modal-body {
    overflow: auto;
    background: #2f3144;
    color: var(--mpy-white);
    max-height: 500px;
    overflow-y: scroll;
    padding: 1rem 2rem !important;
}

#modalKvkk .modal-footer {
    background: #2f3144;
    color: var(--mpy-white);
}

#btnMpyModalClose {
    opacity: 1;
    background: #101213;
    color: #f0f0f0;
    border-radius: 5px;
    margin: 0;
    padding: 0 5px;
    text-shadow: none;
}

.login-signup {
    background: #101213;
}

.login-signup .card {
    background: var(--mpy-color-bg);
    border-color: var(--mpy-primary);
    padding: 2rem 0;
}

.login-signup .card-header {
    border: none;
}

.mpy-otp-title {
    color: var(--mpy-white);
    font-size: 20px;
    position: relative;
    display: inline-block;
}

/*LOGIN / REGISTER PAGE */

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.rotate.spin {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.captcha_gen .fa-sync-alt {
    font-size: 20px;
}

.mpy__login-container {
    background-size: cover;
    object-fit: fill;
}

.mpy__login-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.mpy__login-container .container {
    position: relative;
    width: 700px;
    overflow: hidden;
}

.mpy__login-container .container .user {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: 0.5s;
    overflow: hidden;
}

.mpy__login-container .container .user:nth-child(2) {
    width: 0px;
    height: 0px;
    transition: none;
}

.mpy__login-container .active .user:first-child {
    width: 0px;
    height: 0px;
    transition: none;
}

.mpy__login-container .active .user:nth-child(2) {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.mpy__login-container .container .user .formBx {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    transition: 0.5s;
    background: rgba(14, 14, 14, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
}

.mpy__login-container .container .user .formBx form h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    color: #555;
}

#passwordMessage {
    display: none;
    color: #fff;
    position: relative;
    margin-top: 10px;
}

/* Add a green text color and a checkmark when the requirements are right */

.valid {
    color: green;
}

/*.valid:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
}*/

/* Add a red text color and an "x" icon when the requirements are wrong */

.invalid {
    color: red;
}

/*.invalid:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
}*/

.mpy__login-container .container .user .formBx form input {
    position: relative;
    width: 100%;
    padding: 10px;
    background: var(--mpy-primary);
    color: var(--mpy-white);
    border: none;
    outline: none;
    box-shadow: none;
    margin: 8px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
    border: 2px solid #ccc;
}

.mpy__login-container .container .user .formBx form input[type='button'] {
    border: none !important
}

.mpy__login-container .container .user .formBx form input[type='submit'] {
    max-width: 100px;
    background: var(--mpy-primary);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.5s;
}

.mpy__login-container .container .user .formBx form .signup {
    position: relative;
    margin-top: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #555;
    text-transform: uppercase;
    font-weight: 300;
}

.mpy__login-container .container .user .formBx form .signup a {
    font-weight: 600;
    text-decoration: none;
    color: var(--mpy-primary);
}

.mpy__login-container .container .signupBx {
    pointer-events: none;
}

.mpy__login-container .container.active .signupBx {
    pointer-events: initial;
}

@media (max-width: 991px) {
    .mpy__login-container .container {
        max-width: 400px;
    }
    .mpy__login-container .container .user .formBx {
        width: 100%;
    }
}

/*Marketplace*/

.mpy__marketplace-filter-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 1rem;
}

.mpy__marketplace-banner-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
}

.mpy__marketplace-banner-three {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
}

.col-xmd-10 .col-md-3.AdvertBox-1 {
    width: 20%;
    padding: 8px 5px !important;
}

.col-xl-20 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-xl-20 {
    padding-left: 5px;
    padding-right: 5px;
}

.AdvertBox-1 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 15px
}

.AdvertBox-Main {
    background: rgba(241, 241, 241, .32);
    border-radius: 6px;
    position: relative;
    padding-top: 210px;
    padding-bottom: 5px;
    box-shadow: 0 5px 5px 0 rgba(33, 33, 33, .09)
}

.AdvertBox-Image-1 {
    width: 100%;
    height: 210px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-size: cover !important;
    position: absolute;
    top: 0;
    left: 0
}

.btn.btn-primary {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 1.571429;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #005899;
    background-color: #005899;
    box-shadow: none
}

.btn-product:hover {
    border-color: 2px solid var(--mpy-primary);
    color: var(--mpy-primary);
    background: #005899;
}

.darkmode .btn.btn-primary {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 1.571429;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #353552;
    background-color: linear-gradient(45deg, #3203ab, #980ed5);
    box-shadow: none
}

img.AdvertBox-Image-1 {
    object-fit: cover !important
}

img.ProductBox-Image-1 {
    object-fit: cover !important
}

.mpy__market-products-point-badge {
    display: inline;
    background: var(--mpy-color-bg);
    position: absolute;
    left: 5px;
    top: 110px;
    padding: 3px 9px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06);
    font-weight: 900;
    font-size: 13px;
    color: var(--mpy-warning);
    z-index: 2;
}

.mpy__market-products-point-badge p,
.mpy__market-products-point-badge span {
    font-size: 12px;
}

.AdvertBox-Price {
    display: inline;
    background: var(--mpy-color-bg);
    position: absolute;
    right: 5px;
    top: 180px;
    padding: 3px 9px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06);
    font-weight: 900;
    font-size: 13px;
    color: var(--mpy-primary)
}

.showFullAdvert .AdvertBox-Main {
    height: 183px
}

.showFullAdvert .AdvertBox-Main i {
    font-size: 40px;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(65px - 20px)
}

.showFullAdvert .AdvertBox-Main span {
    position: absolute;
    top: calc(95px);
    width: 70%;
    left: 15%;
    text-align: center;
    font-size: 15px
}

.showFullAdvert {
    cursor: pointer;
    transition: .5s linear
}

.showFullAdvert .AdvertBox-Main:hover {
    background: rgba(241, 241, 241, .65);
    border: 1px solid #d2d2d2
}

.mpy__marketplace-products-card_seller-info {
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mpy-white);
    font-weight: normal;
}

.AdvertBox-Publisher {
    padding: 6px 10px;
    background: linear-gradient(6deg, #505860, #363b43 70%);
    margin-bottom: -5px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer
}

.AdvertBox-Publisher:hover {
    background: linear-gradient(6deg, #747d86, #4f555e 70%);
}

.AdvertBox-Publisher img {
    width: 25px;
    border-radius: 4px;
    height: 25px
}

.AdvertBox-Publisher span.PublisherName {
    display: inline-block;
    width: calc(100% - 20px - 25px);
    padding-left: 5px;
    color: var(--mpy-white);
    font-size: 13px;
    height: 24px;
    top: 2.93px;
    position: relative
}

.AdvertBox-Publisher span.PublisherName small {
    display: block;
    font-size: 9px;
    line-height: 6px;
    letter-spacing: 1px;
    color: var(--mpy-dark-white)
}

.postImageBox {
    display: block;
    overflow: hidden;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: inset 0 -10px 10px -13px #bdbdbd
}

.postImageBox img {
    transition: .3s linear;
    width: 100%;
    height: 100%;
}

.AdvertBox-1 .AdvertBox-Main:hover {
    cursor: pointer
}

@media (max-width: 768px) {
    .mpy__login-container .container .user {
        height: auto;
    }
    .mpy__login-container .container.active {
        overflow: auto;
    }
    .mpy__login-container .container .user .formBx form .signup a {
        display: block;
    }
    .mpy__login-container .container .user .formBx form .signup {
        text-align: center;
    }
    .mpy__marketplace-filter-container {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0.5rem;
    }
    .mpy__marketplace-filter-container {
        margin: 0 auto;
    }
    .mpy__marketplace-filter-container .form-group,
    .mpy__marketplace-filter-container .filter-add-advert-btn {
        margin-bottom: 0;
    }
    .mpy__marketplace-banner-container {
        padding: 0 0.25rem;
    }
    .mpy__products {
        padding: 0;
    }
    .filter-add-advert-btn {
        margin-top: 1rem;
    }
    .col-30 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .col-60 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .three-banner {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .AdvertBox-1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5px
    }
    .AdvertBox-Publisher .mpy_btn-outline {
        padding: 0.25rem 0.5rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .mpy__login-container .container.active .user {
        height: auto;
    }
    .mpy__login-container .container.active {
        overflow: auto;
    }
    .mpy__marketplace-filter-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .filter-add-advert-btn {
        margin-top: 1rem;
    }
    .col-30 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .col-60 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .three-banner {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .AdvertBox-1 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding: 15px
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .mpy__marketplace-filter-container {
        padding: 0 1rem;
    }
    .AdvertBox-1 {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {
    .mpy__marketplace-filter-container {
        padding: 0 1rem;
    }
}

/*Add advert wizard start*/

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.item {
    border: 1px solid rgba(0, 0, 0, 0) !important;
}

.ui.menu:first-child {
    margin-top: 0;
}

.ui.menu:last-child {
    margin-bottom: 0;
}

.ui.menu .item>img:not(.ui) {
    vertical-align: middle;
    margin: -0.3em 0;
}

.ui.vertical.menu .item {
    border-top: none;
    border-right: none;
}

.ui.vertical.menu .item>img:not(.ui):only-child {
    display: block;
    max-width: 100%;
    width: auto;
    border-top: none;
    border-right: none;
}

.ui.menu:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui.icon.input>i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 2.67142857em;
    opacity: .5;
    border-radius: 0 0.28571429rem 0.28571429rem 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.ui.icon.input>i.icon:not(.link) {
    pointer-events: none;
}

.ui.input>input {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: 'Poppins', sans-serif;
    padding: 0.67857143em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: 0.28571429rem;
    -webkit-transition: border-color .1s ease, -webkit-box-shadow .1s ease;
    transition: border-color .1s ease, -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease, border-color .1s ease;
    transition: box-shadow .1s ease, border-color .1s ease, -webkit-box-shadow .1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.icon.input>input {
    padding-right: 2.67142857em !important;
}

.ui.form input[type=text] {
    vertical-align: top;
}

.ui.form input[type=text] {
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
}

.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input {
    width: auto;
}

.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    border-radius: 0.28571429rem;
    min-height: 2.85714286em;
}

.ui.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
}

.ui.card,
.ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: none;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    -webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5;
}

.ui.form {
    position: relative;
    max-width: 100%;
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}

section.add-post {
    padding-top: 30px
}

section.add-post .no-border {
    border: none !important
}

section.add-post .ui.four.top.attached.steps {
    border-top: 1px solid rgba(34, 36, 38, .15) !important
}

.category-selector .ui.vertical.menu {
    width: 100%;
    display: inline-block
}

.item.search-category {
    padding: 0 !important;
    margin: 0
}

.item.search-category input.prompt {
    border: none
}

.category-selector {
    float: left;
    width: calc(20% - 20px);
    margin-right: 20px !important;
    clear: none !important
}

.list-categories-scroll {
    background: var(--mpy-color-bg);
    height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
    border-top: 1px solid #e8e9e9
}

.category-selector .item img {
    height: 25px;
    display: inline-block !important;
    position: absolute;
    left: 12.5px;
    top: 12.5px;
    width: 25px !important;
    object-fit: cover !important;
    border-radius: 5px
}

.category-selector div.item {
    padding-left: 50px !important;
    cursor: pointer
}

.category-selector div.item.active {
    background: #edf7ff !important
}

.ui.vertical.menu .ui.mini.icon.input {
    width: 100%;
    padding: 5px;
    background: var(--mpy-color-bg);
}

div#IlanIcerigi {
    position: relative;
    min-height: 200px
}

.ilan-kurallari-text p {
    margin: 0
}

button.btn.step-btn {
    font-size: 15px
}

div#IlanIcerigi .ql-editor {
    position: absolute;
    width: 100%
}

.finish-btn {
    font-size: 15px !important
}

div#IlanIcerigi .ql-toolbar.ql-snow {
    border: 1px solid rgba(34, 36, 38, .15)
}

div#IlanIcerigi.ql-container.ql-snow {
    border: 1px solid rgba(34, 36, 38, .15);
    border-top: 0
}

.image-post-detail img {
    width: 130px;
    height: 130px;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
    z-index: 3;
    background: #fff
}

.image-post-detail {
    width: 130px;
    height: 130px;
    position: relative;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px
}

.image-post-detail input[type=file] {
    width: 130px !important;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0
}

span.image-post-delete {
    position: absolute;
    z-index: 5;
    background: #b53131;
    height: 27px;
    width: 27px;
    text-align: center !important;
    padding: 0;
    line-height: 23px;
    top: -10px;
    font-size: 15px;
    right: -10px;
    display: inline;
    border-radius: 5px;
    border: 2px solid #fff
}

span.image-post-delete i {
    padding: 0;
    margin: 0;
    color: #fff;
    text-shadow: none;
    display: contents;
    opacity: 1
}

span.image-post-delete i:hover {
    color: #fff;
    opacity: 1
}

span.image-post-delete:hover {
    background: #e02e2e
}

.images-post {
    padding: 10px 0
}

input.post-file-upload {
    width: 130px !important;
    height: 130px;
    position: relative;
    float: left;
    margin: 0 !important;
    top: -10px
}

input.post-file-upload::before {
    content: "\f382";
    color: #5d5d5d;
    display: inline-block;
    background: -webkit-linear-gradient(70deg, #f9f9f9, #e3e3e3);
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    width: 130px;
    height: 130px;
    top: 0;
    left: 0;
    position: absolute;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 35px;
    line-height: 110px
}

.image-post-detail.active input.post-file-upload {
    z-index: 55
}

.image-post-detail.active span {
    display: none
}

.image-post-detail img:hover {
    filter: brightness(1.1)
}

.image-post-detail input[type=radio] {
    position: absolute;
    right: 0;
    top: 0
}

.image-post-detail.active input[type=radio] {
    display: none
}

.ui.four.top.attached.steps {
    width: calc(100% - 24px) !important;
    margin-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px
}

.ilan-kurallari-text {
    background: #f5f3f0;
    padding: 25px;
    height: 300px;
    overflow-x: auto;
    border-radius: 5px;
    margin-bottom: 15px
}

.step-area-3 .well img {
    height: 135px;
    width: 70px;
    float: left;
    position: absolute;
    top: 20px;
    left: 20px
}

.step-area-3 .well h3 {
    margin-top: 0
}

.step-area-3 .well {
    position: relative;
    padding-left: 130px
}

.step-area-3 .well.bg-success-well img {
    height: 50px !important
}

.well .ui.dropdown.selection {
    background: #fff;
    padding: 9px 30px;
    min-height: 20px;
    min-width: 240px;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(85, 85, 85, .06) !important
}

.stockPhotoSelect {
    position: relative;
    z-index: 235;
    cursor: pointer;
    background: #d09a74;
    display: inline-block;
    padding: 7px 14px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    float: right;
    top: -20px;
    height: 33px;
    margin-bottom: -10px
}

.stockPhotoSelect i {
    margin-right: 5px
}

button.resimYukleBtnNew {
    width: 100%;
    padding: 20px 30px;
    background: #e0e0e0;
    border: none;
    border-radius: 4px
}

button.resimYukleBtnNew i {
    font-size: 30px;
    margin-bottom: 10px
}

.login-special-container .input-hidden {
    position: absolute;
    left: -9999px
}

.login-special-container input[type=radio]:checked+label>img {
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px #5ebfb2
}

.activeImage img {
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px #5ebfb2
}

.login-special-container input[type=radio]+label>img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin: 3px;
    border: 1px solid #fff;
    cursor: pointer
}

.login-special-container input[type=radio]:checked+label>img {}

.stokluIlan {
    display: none
}

.divGoster {
    display: block
}

.postStockElement {
    position: relative;
    margin: 10px 0
}

button.stockDelete {
    position: absolute;
    right: 5px;
    top: 5px
}

.postStockElement textarea {
    background: #fff !important;
    border: 1px solid #e3e3e3 !important;
    box-shadow: 0 3px 3px 0 #c5c5c5 !important
}

.btn {
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255/15%), 0 1px 1px rgb(0 0 0/8%) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255/15%), 0 1px 1px rgb(0 0 0/8%) !important
}

.ui.segment {
    background: #323448;
    border: 1px solid rgba(34, 36, 38, .15)
}

.ui.steps .step.active {
    background: #383b50;
    color: #d7d8e6
}

.ui.steps .step {
    background: #3f4257;
    color: #d7d8e6
}

.ui.steps .step .description {
    color: #979aae
}

.ui.steps .step.active:after {
    background: #383b50
}

.ui.steps .step:after {
    background-color: #3f4257
}

.ui.vertical.menu {
    background: #25273a
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: 0.92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0, 0, 0, .87);
    font-weight: 400;
    -webkit-transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
    transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
}

.list-categories-scroll {
    border-top: 1px solid #25273a
}

.ui.vertical.menu .active.item {
    background: #3f4257 !important;
    color: #d7d8e6 !important
}

.ui.checkbox label,
.ui.checkbox+label {
    color: #d7d8e6 !important
}

/*----------------------------------
Breadcrumb Area Start
------------------------------------*/

.breadcrumb {
    background-color: #e4eaef;
}

.darkmode .breadcrumb {
    background-color: #2f3144;
}

 

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-area {
    padding: 18px 0;
    background: #fff;
}
.darkmode .breadcrumb-area {
    padding: 18px 0;
    background: #25273a;
}

.breadcrumb-area .pages li {
    display: inline-block;
}

.breadcrumb-area .pages li a {
    color: var(--mpy-white);
    font-weight: normal;
    position: relative;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mpy-link-active {
    font-weight: normal;
    color: var(--mpy-primary) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "→";
}

.breadcrumb-item {
    color: var(--mpy-white);
}

.sw-theme-dots>.nav .nav-link.active,
.nav-link .inactive .active {
    color: var(--mpy-white) !important;
}

.section {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid gray;
    border-radius: 5px;
}

.section:nth-of-type(odd) {
    background-color: gray;
}

.breadcrumb-area .pages li a:hover {
    color: #ff5500;
}

.breadcrumb-area .pages li:last-child a::after {
    display: none;
}

.ui.breadcrumb a {
    color: #979aae
}

.ui.breadcrumb a:hover {
    color: #d7d8e6
}

.ui.button {
    background: #3f4257;
    color: #d7d8e6
}

.ui.button:hover {
    background: #575b77;
    color: #d7d8e6
}

div#IlanIcerigi.ql-container.ql-snow {
    border: 1px solid #3f4257;
    background: #3f4257;
    color: #d7d8e6
}

.ql-toolbar.ql-snow {
    border: 1px solid #3f4257;
    background: #373a4e;
    position: relative;
    z-index: 1
}

span.ql-formats svg {
    filter: brightness(100)
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background: #373a4e;
    border-color: #676a84 !important
}

.ui.input {
    color: #d7d8e6 !important
}

input.post-file-upload::before {
    color: #d7d8e6;
    background: #3f4257;
    text-shadow: 1px 1px #d7d8e6
}

.ilan-kurallari-text {
    background: #3f4257;
    color: #979aae
}

.well {
    background-color: #383b50;
    border: 1px solid #383b50;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form textarea {
    background: #3f4257 !important;
    color: #d7d8e6 !important;
    box-shadow: none !important;
    border-color: #383b50 !important
}

.ozel-kural-text {
    background: #fbefef;
    padding: 25px;
    height: auto;
    overflow-x: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    border-top: 2px solid #f7cccc
}

button.resimYukleBtnNew {
    background: #323448
}

.login-special-container input[type=radio]+label>img {
    border: 1px solid #5a5e86
}

.ozel-kural-text {
    background: #4e3f57;
    border-top: 2px solid #ff8cfc;
    color: #dac2ec
}

.well.pinned-well {
    background: linear-gradient(45deg, #00c4ff24, transparent);
    border: 1px solid #96d5e6;
    color: #306b7b
}

.well.boost-well {
    background: linear-gradient(45deg, #3300ff24, transparent);
    border: 1px solid #b9a8ff;
    color: #48339e
}

.well.onecikan-well {
    background: linear-gradient(45deg, #ff8d0024, transparent);
    border: 1px solid #dcbd95;
    color: #7f541d
}

.radio-boost-btns {
    margin-top: 20px
}

.radio-boost-btns label input[type=radio] {
    display: none
}

.radio-boost-btns label span {
    font-weight: 400;
    background: rgb(205 223 241/25%);
    padding: 5px 10px;
    border-radius: 4px;
    border: 2px solid #85a5c369;
    color: #44627d;
    margin-right: 5px;
    cursor: pointer
}

.radio-boost-btns input:checked~span {
    background: rgb(179 218 255);
    border: 2px solid #62a6e4;
    color: #005db5;
    box-shadow: 0 0 9px rgb(134 182 226/56%)
}

.radio-boost-btns input:checked~span::before {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px
}

.boost-well .radio-boost-btns span {
    filter: hue-rotate(40deg)
}

.onecikan-well .radio-boost-btns span {
    filter: hue-rotate(180deg)
}

.pinned-well .radio-boost-btns label span {
    filter: hue-rotate(-10deg)
}

.well.pinned-well {
    color: #a4d8e6
}

.well.boost-well {
    color: #cdc0ff
}

.well.onecikan-well {
    color: #ffeacf
}

.radio-boost-btns label span {
    color: #d0e9ff
}

.radio-boost-btns input:checked~span {
    color: #054986
}

.well.boost-well .red.label {
    filter: hue-rotate(216deg) !important;
    opacity: .8
}

.well.boost-well .red.label {
    background: #ec6b6b !important
}

.category-selector.category-first {
    width: calc(50% - 20px)
}

.category-selector.category-first .item.category-item {
    display: inline-block;
    width: calc(32% - 4px)
}

@media (max-width: 768px) {
    .category-selector.category-first {
        width: 100%;
    }
    .category-selector.category-first .item.category-item {
        width: calc(100% - 4px)
    }
    .category-selector {
        width: 100%;
    }
    .mpy_add-advert-wizard-btn {
        display: flex;
        flex-direction: column;
    }
    .mpy_add-advert-wizard-btn button {
        margin-bottom: 0.5rem;
    }
    #editor1 {
        width: 18em;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .category-selector.category-first {
        width: 100%;
    }
    .category-selector.category-first .item.category-item {
        width: calc(32% - 4px)
    }
    .category-selector {
        width: 100%;
    }
}

@media (min-width: 1201px) and (max-width: 1600px) {
    .category-selector.category-first .item.category-item {
        width: calc(32% - 4px)
    }
}

.category-selector .item.category-item {
    background: #171925 !important;
    color: var(--mpy-white);
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px;
    border-radius: 4px
}

.category-selector .item.category-item::before {
    display: none
}

.category-selector:not(.category-first) .item.category-item {
    overflow: unset;
    white-space: pre-line
}

.full-width {
    width: 100% !important;
}

.sw-theme-progress>.nav .nav-link.active::after {
    background-color: var(--mpy-primary) !important;
}

/*
.sw.sw-justified > .nav .nav-link, .sw.sw-justified > .nav > li {
    border-radius: 5px;
}*/

.sw-theme-progress {
    border: none !important;
}

.sw-theme-progress .toolbar>.btn {
    background-color: var(--mpy-primary) !important;
    border: 1px solid var(--mpy-primary) !important;
}

/*Add advert wizard end*/

/*OTHER PAGES*/

/*Privacy & Policy*/

/*-----------------------------
** About Area Start
------------------------------*/

.about .about-info .title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.about .about-info p {
    font-size: 14px;
}

.about .about-info .readmore-link {
    text-align: center;
    margin-top: 22px;
}

#otherPagesBanner {
    height: 170px;
    position: relative;
    overflow: hidden;
}

#otherPagesBanner .container-fluid {
    position: relative;
    height: 100%;
}

#otherPagesBanner .advert-filter-bg {
    filter: brightness(.35);
    background-image: linear-gradient(110.3deg, rgba(73, 93, 109, 1) 4.3%, rgba(49, 55, 82, 1) 96.7%);
    height: 200px;
    background-size: cover;
    position: absolute;
    top: -10px;
    left: -30px;
    width: 110%;
}

#otherPagesBanner .advert-filter-banner-text {
    position: absolute;
    z-index: 5;
    left: 0;
    color: #fff;
    bottom: 30px;
    text-align: center;
    width: 100%;
}

#otherPagesBanner .advert-filter-banner-text h1 {
    color: var(--mpy-dark-white);
}

.advert-filter-banner-text h1 {
    color: var(--mpy-dark-white);
}

.paragraph-box-container {
    padding: 2rem 4rem;
}

.paragraph-box-title {
    font-size: 22px;
}

.paragraph-box {
    margin-bottom: 1rem;
}

.paragraph-box h4 {
    font-size: 16px;
    color: var(--mpy-white);
    margin-bottom: 0.5rem;
}

.paragraph-box p {
    font-weight: normal;
    font-size: 16px;
    color: var(--mpy-dark-white);
}

/*Checkout finish message*/

.wrapperAlert {
    width: 100%;
    overflow: hidden;
}

.topHalf {
    width: 100%;
    color: white;
    overflow: hidden;
    min-height: 250px;
    position: relative;
    padding: 40px 0;
    background: rgb(0, 0, 0);
    background: var(--mpy-primary);
}

.topHalf p {
    color: var(--mpy-white);
    margin-bottom: 30px;
}

.topHalf svg {
    fill: white;
}

.topHalf h1 {
    font-size: 2.25rem;
    display: block;
    font-weight: 500;
    letter-spacing: 0.15rem;
    text-shadow: 0 2px rgba(128, 128, 128, 0.6);
}

.bg-bubbles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bg-bubbles li {
    position: absolute;
    list-style: none;
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.15);
    bottom: -160px;
    -webkit-animation: square 20s infinite;
    animation: square 20s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.bg-bubbles li:nth-child(1) {
    left: 10%;
}

.bg-bubbles li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    animation-delay: 2s;
    animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
    left: 25%;
    animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-duration: 22s;
    background-color: rgba(white, 0.3);
}

.bg-bubbles li:nth-child(5) {
    left: 70%;
}

.bg-bubbles li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    animation-delay: 3s;
    background-color: rgba(white, 0.2);
}

.bg-bubbles li:nth-child(7) {
    left: 32%;
    width: 160px;
    height: 160px;
    animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    animation-delay: 15s;
    animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    animation-delay: 2s;
    animation-duration: 40s;
    background-color: rgba(white, 0.3);
}

.bg-bubbles li:nth-child(10) {
    left: 90%;
    width: 160px;
    height: 160px;
    animation-delay: 11s;
}

@-webkit-keyframes square {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-500px) rotate(600deg);
    }
}

@keyframes square {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-500px) rotate(600deg);
    }
}

.bottomHalf {
    align-items: center;
    padding: 35px;
}

.bottomHalf p {
    font-weight: 500;
    font-size: 1.05rem;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .paragraph-box-container {
        padding: 2rem;
    }
}

/*Checkout finish message end*/

/*====================
 404 Area Start
 =====================*/

.fourzerofour {
    min-height: 500px;
    background-color: #101112;
    background-image: url(../../../assets/images/404_1.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.fourzerofour .content {
    text-align: center;
}

.fourzerofour .content .heading {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--mpy-dark-white);
    margin: 40px 0 25px;
}

.fourzerofour .content .text {
    max-width: 450px;
    display: block;
    margin: 0 auto;
    color: var(--mpy-white);
}

.fourzerofour .content .mybtn1 {
    margin-top: 28px;
    height: 50px;
    width: 180px;
    font-size: 16px;
    line-height: 50px;
}

/*CATEGORY CIRCLE AREA*/

/* #Navigation
   ================================================== */

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 20px 0;
    box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    height: 24px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#menu-header-section {
    border: 1px solid rgba(35, 35, 35, 0.17);
    background: #fff;
}

.menu-nav {
    padding: 0;
}

.menu-navbar-toggle {
    float: right;
    border: none;
    padding-right: 0;
}

.menu-navbar-toggle:active,
.menu-navbar-toggle:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.menu-navbar-toggle[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.menu-navbar-toggle[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.menu-navbar-toggle[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.menu-nav-link {
    color: #212121 !important;
    font-weight: 500;
    transition: all 200ms linear;
}

#menu-header-section .nav-item:hover .nav-link {
    color: var(--mpy-primary) !important;
}

#menu-header-section .nav-item.active .nav-link {
    color: #777 !important;
}

#menu-header-section .nav-link {
    position: relative;
    padding: 10px 10px !important;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

#menu-header-section .nav-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: var(--mpy-primary);
    opacity: 0;
    transition: all 200ms linear;
}

#menu-header-section .nav-item:hover:after {
    bottom: 0;
    opacity: 1;
}

#menu-header-section .nav-item.active:hover:after {
    opacity: 0;
}

#menu-header-section .nav-item {
    position: relative;
    transition: all 200ms linear;
}

/*Back to top*/

.go-top {
    z-index: 99999999;
    position: fixed;
    bottom: 20%;
    right: 3%;
    border-radius: 5px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background-color: var(--mpy-primary);
    padding: 10px 15px;
    color: #f0f0f0;
}

.go-top-text {
    position: absolute;
    width: 60px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 3px;
    font-size: 12px;
    margin: 20px 0 0 -4px;
}

.go-top:hover {
    transition: all .4s linear;
    transform: scale(1.1);
}