/*
CSS Reset
Snippets

Layout
Typo

Bottom menu
Entry
Entry > Game search
Entry > Home
Footer

Items
Items > Buttons
Items > Modal
Items > Store notice
Items > Other

Store
Store > Header
Store > Filters
Store > Filters > List filter

Store > Offers list
Store > Offer

Store > Account
Store > Account > Login
Store > Account > Cart
Store > Account > Checkout
Store > Account > Thx you
Store > Other
    
Adaptation devices
*/

@font-face {font-family: 'Fontawesome Brands';font-weight: normal;src: url("/directory/fonts/awesomefonts_6.0/fa-brands-400.woff2") format("woff2")}
@font-face {font-family: 'Fontawesome';font-weight: 300;src: url("/directory/fonts/awesomefonts_6.0/fa-light-300.woff2") format("woff2")}
@font-face {font-family: 'Fontawesome';font-weight: 400;src: url("/directory/fonts/awesomefonts_6.0/fa-regular-400.woff2") format("woff2")}
@font-face {font-family: 'Fontawesome';font-weight: 900;src: url("/directory/fonts/awesomefonts_6.0/fa-solid-900.woff2") format("woff2")}

/* CSS Reset */
*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box}
:active,:hover,:focus {outline:0;outline-offset:0}
html,body,div,li,ul,p,ol,dl,dt,dd {margin:0;padding:0}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}
body {margin:0;min-height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
form {margin:0;padding:0}
textarea {resize:vertical}
pre,textarea {overflow:auto}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0;margin-right: 10px}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;-webkit-appearance:none;-moz-appearance:none}
input[type="checkbox"] {-webkit-appearance: checkbox;-moz-appearance: checkbox}
input[type="radio"] {-webkit-appearance: radio;-moz-appearance: radio}
button {overflow:visible}
button,select,input[type=button],input[type=reset],input[type=submit],input[type=file] {text-transform:none;cursor:pointer}
button[disabled],html input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner,legend {border:0;padding:0}
ol,ul {list-style: none}
dt {float:left;margin-right:2px}
small {font-size:80%}
i {font-style:normal}
b,strong,optgroup {font-weight:500}
del {color: #f66261}
img {border:0}
table {border-collapse:collapse;border-spacing:0}
td,th {padding:0;font-weight:normal}
[hidden],template {display:none}

/* Snippets */
.clearfix:before, .clearfix:after {display:table;content:''}
.clearfix:after {clear:both}
.hidden { visibility:hidden}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right}
.bold {font-weight:500}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ellipsis_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ellipsis_3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.faw:before, .faw:after {font-family: 'Fontawesome', 'Fontawesome brands';font-weight:100;}
.faw-light:before, .faw-light:after {font-weight:100}
.faw-normal:before, .faw-normal:after {font-weight:400}
.faw-bold:before, .faw-bold:after {font-weight:600;}
.faw-vk:before {content:'\f189'}
.faw-telegram:before {content:'\f3fe'}
.faw-mail:before {content:'\f0e0'}
.faw-link:before {content:'\f176';display:inline-block;transform: rotate(-45deg)}
.faw-like:before {content:'\f164'}
.faw-review:before {content:'\f075'}
.faw-star:before {content:'\f005';}
.emoji {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.emoji_18 {width:18px;height:18px}
.emoji_24 {width:24px;height:24px}
.emoji_36 {width:36px;height:36px}
.emoji_48 {width:48px;height:48px}
.emoji_80 {width:80px;height:80px}
.handsign_40 {background-image: url(/directory/images/emoji/handsign_40.png)}
.handsign_120 {background-image: url(/directory/images/emoji/handsign_120.png)}
.okhandsign_120 {background-image: url(/directory/images/emoji/okhandsign_120.png)}
.callmehand_120 {background-image: url(/directory/images/emoji/callmehand_120.png)}
.eyes_120 {background-image: url(/directory/images/emoji/eyes_120.png)}
.moneybag_120 {background-image: url(/directory/images/emoji/moneybag_120.png)}
.moneyface_120 {background-image: url(/directory/images/emoji/moneyface_120.png)}
.moneywings_120 {background-image: url(/directory/images/emoji/moneywings_120.png)}
.banknote_120 {background-image: url(/directory/images/emoji/banknote_120.png)}
.upsign_120 {background-image: url(/directory/images/emoji/upsign_120.png)}
.writinghand_120 {background-image: url(/directory/images/emoji/writinghand_120.png)}
.womencat_120 {background-image: url(/directory/images/emoji/womencat_120.png)}
.catface_120 {background-image: url(/directory/images/emoji/catface_120.png)}
.smilingcat_120 {background-image: url(/directory/images/emoji/smilingcat_120.png)}
.dancer_120 {background-image: url(/directory/images/emoji/dancer_120.png)}
.handshake_120 {background-image: url(/directory/images/emoji/handshake_120.png)}
.octopus_120 {background-image: url(/directory/images/emoji/octopus_120.png)}
.pawprints_120 {background-image: url(/directory/images/emoji/pawprints_120.png)}
.downface_120 {background-image: url(/directory/images/emoji/downface_120.png)}
.loveletter_120 {background-image: url(/directory/images/emoji/loveletter_120.png)}
.whiteface_120 {background-image: url(/directory/images/emoji/whiteface_120.png)}
.skull_120 {background-image: url(/directory/images/emoji/skull_120.png)}
.shopping_120 {background-image: url(/directory/images/emoji/shopping_120.png)}
.speak-monkey_120 {background-image: url(/directory/images/emoji/speak-monkey_120.png)}
.smiling-halo_120 {background-image: url(/directory/images/emoji/smiling-halo_120.png)}
.smiling-with-hearts_120 {background-image: url(/directory/images/emoji/smiling-with-hearts_120.png)}
.face-winking-eye_120 {background-image: url(/directory/images/emoji/face-winking-eye_120.png)}
.smiling-sunglasses_120 {background-image: url(/directory/images/emoji/smiling-sunglasses_120.png)}
.love-hand-sign_120 {background-image: url(/directory/images/emoji/love-hand-sign_120.png)}
.woman-fairy_120 {background-image: url(/directory/images/emoji/woman-fairy_120.png)}
.moon-face_120 {background-image: url(/directory/images/emoji/moon-face_120.png)}
.present_120 {background-image: url(/directory/images/emoji/present_120.png)}
.lemon_120 {background-image: url(/directory/images/emoji/lemon_120.png)}
.moai_120 {background-image: url(/directory/images/emoji/moai_120.png)}
.orangutan_120 {background-image: url(/directory/images/emoji/orangutan_120.png)}
.person-climbing_120 {background-image: url(/directory/images/emoji/person-climbing_120.png)}
.robot_120 {background-image: url(/directory/images/emoji/robot_120.png)}
.unicorn_120 {background-image: url(/directory/images/emoji/unicorn_120.png)}
.ghost_120 {background-image: url(/directory/images/emoji/ghost_120.png)}
.monkey_120 {background-image: url(/directory/images/emoji/monkey_120.png)}
.ogre_120 {background-image: url(/directory/images/emoji/ogre_120.png)}
.panda_120 {background-image: url(/directory/images/emoji/panda_120.png)}
.pig_120 {background-image: url(/directory/images/emoji/pig_120.png)}
.tiger_120 {background-image: url(/directory/images/emoji/tiger_120.png)}
.fox_120 {background-image: url(/directory/images/emoji/fox_120.png)}
.thinkingface_120 {background-image: url(/directory/images/emoji/thinkingface_120.png)}
.hamster_120 {background-image: url(/directory/images/emoji/hamster_120.png)}
.lion_120 {background-image: url(/directory/images/emoji/lion_120.png)}

/* Layout */
body {
    position: relative;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #272e40;
    background: #fafafa;
    overflow: overlay;
}
a {
    text-decoration: none;
    color: #69adfa;
}
a:hover {
    color: #85beff;
}

::-webkit-input-placeholder       {opacity: 1; transition: opacity .2s ease; color:#AFBBC5}
::-moz-placeholder                {opacity: 1; transition: opacity .2s ease; color:#AFBBC5}
:-moz-placeholder                 {opacity: 1; transition: opacity .2s ease; color:#AFBBC5}
:-ms-input-placeholder            {opacity: 1; transition: opacity .2s ease; color:#AFBBC5}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity .2s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity .2s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity .2s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity .2s ease;}

input[type='number'] {
    -moz-appearance:textfield;
}

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

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgb(0 0 0 / 50%);
}
.input-text, select, textarea {
    width: 100%;
    margin: 10px 0;
    padding: 13px 20px;
    background: #fff;
    border: 1px solid #DCE5EC;
    border-radius: 7px;
}
textarea {
    line-height: 1.5;
    max-height: 300px;
}
div[id^="item"] {
    transition: .2s opacity;
    opacity: 0;
    width:100%;
    height:0px;
    visibility: hidden;
}
div.form-spoiler {
    height: 100%;
    opacity: 1;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    visibility: visible;
}

/* Typo */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #272e40;
    font-weight: normal;
    line-height: normal;
}
h1 {font-size: 60px;font-weight: 700;}
h2 {font-size:40px;font-weight:600}
h3 {font-size:30px;}
h4 {font-size:20px}
.page-title {margin-bottom: 60px}

/* Bottom menu */
#bottom-menu {
    display: flex;
    flex-wrap: nowrap;
    position: fixed;
    justify-content: center;
    left: 20px;
    right: 20px;
    bottom: calc( 20px + env(safe-area-inset-bottom));
    margin-bottom: 15px;
    z-index: 99;
    transition: bottom .6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#bottom-menu .bottom-menu {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    height: 66px;
    justify-content: space-evenly;
    max-width: 440px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
#bottom-menu .bottom-menu-item {
    width: 100%;
    text-align: center;
}
#bottom-menu .bottom-menu-link {
    display: block;
    position: relative;
    font-size: 22px;
    color: #8a8f9c;
}
#bottom-menu .bottom-menu-icon {
    line-height: 66px;
}
#bottom-menu .bottom-menu-icon:before {position: relative;top: -9px;}
#bottom-menu .bottom-menu-label {
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    font-size: 11px;
    color: #AFBBC5;
}
#bottom-menu .bottom-menu-link:hover,
#bottom-menu .bottom-menu-link:focus,
#bottom-menu .bottom-menu-link:active,
body.home #bottom-menu .bottom-menu-item-home .bottom-menu-icon:before,
body.archive #bottom-menu .bottom-menu-item-home .bottom-menu-icon:before,
body.single-product #bottom-menu .bottom-menu-item-home .bottom-menu-icon:before,
body.page-template-new #bottom-menu .bottom-menu-item-add .bottom-menu-icon:before,
body.woocommerce-cart #bottom-menu .bottom-menu-item-cart .bottom-menu-icon:before,
body.woocommerce-account #bottom-menu .bottom-menu-item-user .bottom-menu-icon:before,
#bottom-menu .bottom-menu-item-more.open .bottom-menu-icon:before {
     font-weight: 400;
     color: #85beff;
}
#bottom-menu .bottom-menu-item-home .bottom-menu-icon:before {content: '\f8bc'}
#bottom-menu .bottom-menu-item-add .bottom-menu-icon:before {content: '\f055'}
#bottom-menu .bottom-menu-item-cart .bottom-menu-icon:before {content: '\f07a'}
#bottom-menu .bottom-menu-item-user .bottom-menu-icon:before {content: '\f2bd'}
#bottom-menu .bottom-menu-item-more .bottom-menu-icon:before {content: '\e196'}
.bottom-menu-cart-counter {
     display: block;
     position: absolute;
     top: 50%;
     right: 50%;
     margin-right: -22px;
     margin-top: -25px;
     height: 18px;
     width: 18px;
     border-radius: 20px;
     background: #eceff3;
     text-align: center;
     line-height: 18px;
     font-size: 10px;
     color: #8a8f9c;
}
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    bottom: 106px;
    min-width: 200px;max-width: 260px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    transition: .3s ease;text-align: left;
    z-index: 90;
}
.open .dropdown-menu {
    bottom: 86px;
    opacity: 1;
    visibility: visible;
}
.bottom-menu-hide .open .dropdown-menu {
    opacity: 0;
    visibility: hidden;
}
.dropdown-menu > a {
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
    color: #000;
}
.dropdown-menu > a:not(:last-child) {
    margin-bottom: 5px;
}
.dropdown-menu > a.dropdown-user {
    background: #eceff3;
}
.dropdown-menu > a:before {
    margin-right: 10px;
    color: #8a8f9c;
}
.dropdown-menu > a[href*="account"]:before { content: '\f2bd'}
.dropdown-menu > a[href*="edit"]:before { content: '\f7d9'}
.dropdown-menu > a[href*="about"]:before { content: '\f05a'}
.dropdown-menu > a[href*="reviews"]:before { content: '\f075'}
.dropdown-menu > a[href*="faq"]:before { content: '\f059'}
.dropdown-user:after {
    margin-left: 10px;
}
.dropdown-menu > a:hover {
    background-color: #69adfa;
    color: #fff;
}
.dropdown-menu > a:hover:before {
    color: #fff;
}
.bottom-menu-limeside {
    display: block;
    flex-shrink: 0;
    width: 66px;
    margin-right: 20px;
    border-radius: 25%;
    background-image: url(/directory/images/source/limeside_50.png);
    background-color: #2f2f2f;
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}
.dropdown-menu .ban-notice {
    margin: 15px;
    color: #f66261;
}
.dropdown-menu .ban-notice > p {
    margin-top: 5px;
    font-weight: 500;
}

/* Entry */
#wrapper {
    position: relative;
    min-height: 100vh;
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: calc(140px + env(safe-area-inset-bottom));
}
@media screen and (max-width: 1330px) {#wrapper {padding-top: 50px;}}
.content-wrapper {
    position: relative;
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 50px;
}
.text-wrapper {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Entry > Game search */
.ajax-search {
    width: 100%;
    height: 50px;
    line-height: 100%;
    padding: 0 65px;
    font-size: 18px;
    margin-bottom: 20px;
    border: 0;
    border-radius: 10px;
    background: #eceff3;
}
.add-search-area {
    margin-top: 20px;
}
.ajax-search-area:before {
    position: absolute;
    top: 0px;
    left: 25px;
    content: '\f002';
    font-weight: 400;
    line-height: 50px;
    color: #AFBBC5;
}
.ajax-search-area {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
.s-counter,
.s-counter-nr {
    display: block;
    color: #AFBBC5;
}
.si[visible='false'],
.nr {
    display:none;
}
div.si[visible='true'] {
    display:inline-block!important;
}
tr.si[visible='true'] {
    display:table-row;
}

/* Entry > Home */
.video-header {
    position: relative;
    height: 700px;
    margin: -100px 0 60px;
    overflow: hidden;
}
#bgvid {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-area-wrapper {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 1;
}
.header-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    max-width: 1330px;
    width: 100%;
    height: 100%;
    padding: 50px;
}
.header-area-title {
    align-self: center;
    margin-top: 90px;
}
.header-area-title h1 {
    font-size: 100px;
    font-weight: 700;
    color: #fff;
}
.header-area-items {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.header-area-item {
    background: rgb(255 255 255 / 20%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    padding: 10px;
    color: #fff!important;
    font-weight: 500;
    border-radius: 8px;
}
a.header-area-item:hover {
    background: rgb(255 255 255 / 30%)
}
.trustpilot .trustpilot-stars {
    display: flex;
    margin: 10px 0 0 0;
    gap: 10px;
}
.trustpilot .trustpilot-stars > div {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #00b67a;
    border-radius: 5px;
}
.trustpilot .trustpilot-stars > div:last-child {
    background: linear-gradient(90deg, #00b67a 50%, rgb(236 239 243 / 50%) 50%);
}
.trustpilot .trustpilot-stars > div:after {
    font-family: 'Fontawesome';
    content: '\f005';
    font-weight: 600;
    color: #fff;
}
.wgc {
    display: flex;
    flex-wrap: wrap;
    gap: 75px 80px;
}
.wgc-item {
    position: relative;
    top: 0;
    display: block;
    flex-basis: calc(25% - 60px);
    transition: top .2s;
}
@media screen and (max-width: 1300px) {.wgc-item {flex-basis: calc(33.3% - 55px);}}
@media screen and (max-width: 900px) {.wgc-item {flex-basis: calc(50% - 40px);}}
.wgc-item > a {
    display: flex;
    gap: 30px;
}
.wgc-item-img {
    position: relative;
    background-position: center;
    background-size: 100%;
    height: 64px;
    width: 64px;
    border-radius: 25%;
    vertical-align: top;
    flex-shrink: 0;
}
.wgc-item:hover {
    top: -5px
}

.rq .wgc-item-img, .term-rq .store-header-img, .category-links a[href$="rq"]:before {background-image: url("/directory/images/game/logo/rq.png")}
.bdo .wgc-item-img, .term-bdo .store-header-img, .category-links a[href$="bdo"]:before {background-image: url("/directory/images/game/logo/bdo.png")}
.warface .wgc-item-img, .term-warface .store-header-img, .category-links a[href$="warface"]:before {background-image: url("/directory/images/game/logo/warface.png")}
.lol .wgc-item-img, .term-lol .store-header-img, .category-links a[href$="lol"]:before {background-image: url("/directory/images/game/logo/lol.png")}
.battlenet .wgc-item-img, .term-battlenet .store-header-img, .category-links a[href$="battlenet"]:before {background-image: url("/directory/images/game/logo/battlenet.png")}
.wow .wgc-item-img, .term-wow .store-header-img, .category-links a[href$="wow"]:before {background-image: url("/directory/images/game/logo/wow.png")}
.war-thunder .wgc-item-img, .term-war-thunder .store-header-img, .category-links a[href$="war-thunder"]:before {background-image: url("/directory/images/game/logo/war-thunder.png")}
.warframe .wgc-item-img, .term-warframe .store-header-img, .category-links a[href$="warframe"]:before {background-image: url("/directory/images/game/logo/warframe.png")}
.crossout .wgc-item-img, .term-crossout .store-header-img, .category-links a[href$="crossout"]:before {background-image: url("/directory/images/game/logo/crossout.png")}
.overwatch .wgc-item-img, .term-overwatch .store-header-img, .category-links a[href$="overwatch"]:before {background-image: url("/directory/images/game/logo/overwatch.png")}
.hearthstone .wgc-item-img, .term-hearthstone .store-header-img, .category-links a[href$="hearthstone"]:before {background-image: url("/directory/images/game/logo/hearthstone.png")}
.csgo .wgc-item-img, .term-csgo .store-header-img, .category-links a[href$="csgo"]:before {background-image: url("/directory/images/game/logo/csgo.png")}
.dota2 .wgc-item-img, .term-dota2 .store-header-img, .category-links a[href$="dota2"]:before {background-image: url("/directory/images/game/logo/dota2.png")}
.wot .wgc-item-img, .term-wot .store-header-img, .category-links a[href$="wot"]:before {background-image: url("/directory/images/game/logo/wot.png")}
.wows .wgc-item-img, .term-wows .store-header-img, .category-links a[href$="wows"]:before {background-image: url("/directory/images/game/logo/wows.png")}
.wowp .wgc-item-img, .term-wowp .store-header-img, .category-links a[href$="wowp"]:before {background-image: url("/directory/images/game/logo/wowp.png")}
.wot-blitz .wgc-item-img, .term-wot-blitz .store-header-img, .category-links a[href$="wot-blitz"]:before {background-image: url("/directory/images/game/logo/wot-blitz.png")}
.clash-royale .wgc-item-img, .term-clash-royale .store-header-img, .category-links a[href$="clash-royale"]:before {background-image: url("/directory/images/game/logo/clash-royale.png")}
.clash-of-clans .wgc-item-img, .term-clash-of-clans .store-header-img, .category-links a[href$="clash-of-clans"]:before {background-image: url("/directory/images/game/logo/clash-of-clans.png")}
.brawl-stars .wgc-item-img, .term-brawl-stars .store-header-img, .category-links a[href$="brawl-stars"]:before {background-image: url("/directory/images/game/logo/brawl-stars.png")}
.fortnite .wgc-item-img, .term-fortnite .store-header-img, .category-links a[href$="fortnite"]:before {background-image: url("/directory/images/game/logo/fortnite.png")}
.pubg-mobile .wgc-item-img, .term-pubg-mobile .store-header-img, .category-links a[href$="pubg-mobile"]:before {background-image: url("/directory/images/game/logo/pubg-mobile.png")}
.pubg-newstate .wgc-item-img, .term-pubg-newstate .store-header-img, .category-links a[href$="pubg-newstate"]:before {background-image: url("/directory/images/game/logo/pubg-newstate.png")}
.tanki-online .wgc-item-img, .term-tanki-online .store-header-img, .category-links a[href$="tanki-online"]:before {background-image: url("/directory/images/game/logo/tanki-online.png")}
.destiny2 .wgc-item-img, .term-destiny2 .store-header-img, .category-links a[href$="destiny2"]:before {background-image: url("/directory/images/game/logo/destiny2.png")}
.lostark .wgc-item-img, .term-lostark .store-header-img, .category-links a[href$="lostark"]:before {background-image: url("/directory/images/game/logo/lostark.png")}
.freefire .wgc-item-img, .term-freefire .store-header-img, .category-links a[href$="freefire"]:before {background-image: url("/directory/images/game/logo/freefire.png")}
.escapefromtarkov .wgc-item-img, .term-escapefromtarkov .store-header-img, .category-links a[href$="escapefromtarkov"]:before {background-image: url("/directory/images/game/logo/escapefromtarkov.png")}
.hots .wgc-item-img, .term-hots .store-header-img, .category-links a[href$="hots"]:before {background-image: url("/directory/images/game/logo/hots.png")}
.pokemongo .wgc-item-img, .term-pokemongo .store-header-img, .category-links a[href$="pokemongo"]:before {background-image: url("/directory/images/game/logo/pokemongo.png")}
.minecraft .wgc-item-img, .term-minecraft .store-header-img, .category-links a[href$="minecraft"]:before {background-image: url("/directory/images/game/logo/minecraft.png")}
.cod-mobile .wgc-item-img, .term-cod-mobile .store-header-img, .category-links a[href$="cod-mobile"]:before {background-image: url("/directory/images/game/logo/cod-mobile.png")}
.valorant .wgc-item-img, .term-valorant .store-header-img, .category-links a[href$="valorant"]:before {background-image: url("/directory/images/game/logo/valorant.png")}
.psn .wgc-item-img, .term-psn .store-header-img, .category-links a[href$="psn"]:before {background-image: url("/directory/images/game/logo/psn.png")}
.genshin-impact .wgc-item-img, .term-genshin-impact .store-header-img, .category-links a[href$="genshin-impact"]:before {background-image: url("/directory/images/game/logo/genshin-impact.png")}
.pw-mobile .wgc-item-img, .term-pw-mobile .store-header-img, .category-links a[href$="pw-mobile"]:before {background-image: url("/directory/images/game/logo/pw-mobile.png")}
.bdm .wgc-item-img, .term-bdm .store-header-img, .category-links a[href$="bdm"]:before {background-image: url("/directory/images/game/logo/bdm.png")}
.mlbb .wgc-item-img, .term-mlbb .store-header-img, .category-links a[href$="mlbb"]:before {background-image: url("/directory/images/game/logo/mlbb.png")}
.lol-wild-rift .wgc-item-img, .term-lol-wild-rift .store-header-img, .category-links a[href$="lol-wild-rift"]:before {background-image: url("/directory/images/game/logo/lol-wild-rift.png")}
.another-games .wgc-item-img, .term-another-games .store-header-img, .category-links a[href$="another-games"]:before {background-image: url("/directory/images/game/logo/another-games.png")}

.wgc-item h2 {
    font-size: 20px;
}
.wgc-item .wgc-item-cnt {
    flex-grow: 1;
}
.deal-count {
    display: inline-block;
    margin-top: 5px;
    color: #AFBBC5;
    font-weight: 500;
}
.wgc .bdo-mobile .wgc-item-img:after,
.wgc .pw-mobile .wgc-item-img:after,
.wgc .psn .wgc-item-img:after,
.wgc .pubg-newstate .wgc-item-img:after{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 80%;
    background: #f66261;
    box-shadow: -2px 3px 10px rgba(255,0,0,.2);
    z-index: 1;
    padding: 1px 4px;
    border-radius: 3px;
    content: 'new!';
    color: #fff;
}
.home-banners {
    display: flex;
    padding: 0 20px 20px;
    gap: 20px;
}
.home-banners > * {
    flex-grow: 1;
}
.home-banners .about {
    background: linear-gradient(45deg, rgb(105 151 201) 0%, rgb(222 209 201) 100%);
    border-radius: 10px;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.home-banners > .trustpilot,
.home-banners > .vk {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 2px 20px 0px;
    color: #272e40;
    padding: 10px;
    font-weight: 500;
}
.home-banners .trustpilot .trustpilot-stars {
    gap: 5px;
}
.home-banners  .trustpilot .trustpilot-stars > div {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
}
.home-banners .vk:before {
    font-size: 30px;
    color: #69adfa;
}
.home-banners .faw.subscribers:after {
    display: inline-block;
    margin-left: 8px;
    color: #AFBBC5;
}
.home-banners .faw.subscribers:after {content:'\f007'}

/* Items */

/* Items > Buttons */
.button {
    position: relative;
    display: inline-block;
    padding: 10px 16px;
    background: #95aac1;
    border: 0;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.button:before {margin-right: 10px}
.button:after {margin-left: 10px}

.button:hover {color:#fff}
.button:hover:not(:active) {background-color: #a9bcd2}

.button_green {background-color: #77c026}
.button_green:hover:not(:active) {background-color: #81c537}
.button_lime {background-color: #fcd878;color:#000!important;width:100%;}
.button_lime:hover:not(:active) {background-color: #fcdf92;}
.button_blue {background-color: #69adfa}
.button_blue:hover:not(:active) {background-color: #85beff;color: #fff;}
.button_red {background-color: #f66261}
.button_red:hover:not(:active) {background-color: #ff807f}
.button_dark {background-color: #3b3b3c;}
.button_dark:hover:not(:active) {background-color: #444546;}
.button > small {
    color: rgba(238,243,255,.8);
    font-size: 80%;
    margin: 0 5px;
}
.button_text {
    position:relative;
    display: inline-block;
    line-height: 19px;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.button_text_lime {color: #FFC500;}
.button_text_lime:hover {color: #fdd045}

.button_comeback {
    padding-left: 10px;
}
.button_comeback:before {
    position: relative;
    font-family: 'Fontawesome';
    content: '\f0a5';
    font-weight: 100;
    left: -10px;
    -webkit-transition: inherit;
    transition: inherit;
}
.button_comeback:hover:before {
    left: -15px;
}
.button_slide:after {
    position: absolute;
    right: 0;
    font-family: 'Fontawesome';
    content: "\f105";
    font-weight: 100;
    line-height: inherit;
    opacity: 0;
    -webkit-transition: inherit;
    transition: inherit;
}
.button_slide:hover:after {
    opacity: 1;
}
.button_slide:hover {
    padding-right: 20px;
}
.button.button_slide:after {
    right: 20px;
}
.button.button_slide:hover {
    padding-left: 20px;
    padding-right: 40px;
}

/* Items > Modal */
.modal,
.store-notice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 100002;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none;
}
.modal:target,
.store-notice {
    opacity: 1!important;
    pointer-events: auto;
}
.modal .modal-wrapper,
.store-notice-wrapper {
    position: relative;
    top: 20px;
    max-width: 500px;
    margin: 5% auto;
    transition: top .3s cubic-bezier(.4,0,.2,1);
}
.modal-wrapper-area {
    max-height: 85vh;
    overflow-y: scroll;
    background: #fff;
    padding: 30px 40px 40px;
    border-radius: 10px;
}
.modal:target .modal-wrapper {
    top:0;
}
.modal .modal-close {top: 0;left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Items > Store notice */
.store-notice-wrapper {
    max-width: 610px;
    top: 0;
}
.store-notice-wrapper h3 {
    margin-bottom: 20px;
}
.notice-stage-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}
.notice-stage-area > div {
    position: relative;
    width: calc(50% - 5px);
    padding: 10px 10px 10px 15px;
    background: #eceff3;
    border-radius: 10px;
    font-weight: 500;
}
.notice-stage-area > div .emoji {
    position: absolute;
    right: -10px;
    bottom: -5px;
}
.notice-guard-area {
    margin-top: 30px;
}
.notice-aboutalex {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.notice-aboutalex-messenger {
    width: 100%;
    display: flex;
    gap: 20px;
}
.notice-aboutalex-messenger a {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    background: #eceff3;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.notice-aboutalex-messenger a:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 25px;
    vertical-align: top;
}
.notice-aboutalex-messenger a.faw-vk {
    background: #2787F5;
}
.notice-aboutalex-messenger a.faw-telegram {
    background: #2EA3DD;
}
.notice-aboutalex-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.notice-aboutalex .alex-avatar {
    height: 100px;
    width: 100px;
    margin-left: 20px;
    background-image: url(/directory/images/source/alex_1.png);
    background-color: #eceff3;
    background-size: 75%;
    background-position: 60% 40%;
    background-repeat: no-repeat;
    border-radius: 100%;
    flex-shrink: 0;
    align-self: flex-end;
}
.notice-info {
    margin: 30px 0 30px;
}
.notice-info-area {
    margin-top: 20px;
    font-size: 18px;
    line-height:1.7;
}
.notice-info-area .important-note {
    background: #f4e8ea;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px 20px;
    color: #f66261;
    font-weight: 500;
}
/* Items > Other */
.spoiler_area {
    display: none;
    width: 100%!important;
    margin: 0 auto;
}
.hint {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    margin-right: 5px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-weight: 600;
    line-height: 17px;
    color: #dce5ec;
    cursor: pointer;
}
.hint:hover {
    color: #AFBBC5;
}
[data-hint]:after {
    position: absolute;
    content: attr(data-hint);
    background: rgba(0,0,0,.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    bottom: 40px;
    left: 50%;
    margin-left: -125px;
    width: 270px;
    padding: 20px;
    border-radius: 10px;
    text-align: left;
    font: normal 16px -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    color: #fff;
    box-shadow: 0 1px 25px rgba(0,0,0,.1);
    -webkit-transition: opacity.3s,bottom .2s,top .4s, z-index 1s;
    -moz-transition: opacity.3s,bottom .2s,top .4s, z-index 1s;
    -o-transition: opacity.3s,bottom .2s,top .4s, z-index 1s;
    transition: opacity.3s,bottom .2s,top .4s, z-index 1s;
    transition-delay: .2s;
    cursor: default;
    opacity: 0;
    z-index: -1;
}
[data-hint]:hover:after {
    bottom: 30px;
    opacity: 1;
    z-index: 100;
}

/* Store  */

/* Store > Header */
.tax-product_cat:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 420px;
    content: '';
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    filter: brightness(.8);
}

.term-rq:before {background-image: url(/directory/images/game/background/rq.png)}
.term-bdo:before {background-image: url(/directory/images/game/background/bdo.png)}
.term-wot:before {background-image: url(/directory/images/game/background/wot.png)}
.term-wows:before {background-image: url(/directory/images/game/background/wows.png)}
.term-wowp:before {background-image: url(/directory/images/game/background/wowp.png)}
.term-warface:before {background-image: url(/directory/images/game/background/warface.png)}
.term-lol:before {background-image: url(/directory/images/game/background/lol_2.png)}
.term-csgo:before {background-image: url(/directory/images/game/background/csgo.png)}
.term-dota2:before {background-image: url(/directory/images/game/background/dota2.png)}
.term-battlenet:before {background-image: url(/directory/images/game/background/battlenet.png)}
.term-overwatch:before {background-image: url(/directory/images/game/background/overwatch.png)}
.term-wow:before {background-image: url(/directory/images/game/background/wow.png)}
.term-hearthstone:before {background-image: url(/directory/images/game/background/hearthstone.png)}
.term-war-thunder:before {background-image: url(/directory/images/game/background/war-thunder.png)}
.term-warframe:before {background-image: url(/directory/images/game/background/warframe.png)}
.term-crossout:before {background-image: url(/directory/images/game/background/crossout.png)}
.term-clash-of-clans:before {background-image: url(/directory/images/game/background/clash-of-clans.png)}
.term-clash-royale:before {background-image: url(/directory/images/game/background/clash-royale.png)}
.term-brawl-stars:before {background-image: url(/directory/images/game/background/brawl-stars.png)}
.term-wot-blitz:before {background-image: url(/directory/images/game/background/wot-blitz_2.png)}
.term-fortnite:before {background-image: url(/directory/images/game/background/fortnite_2.png)}
.term-pubg-mobile:before {background-image: url(/directory/images/game/background/pubg-mobile_2big.png)}
.term-pubg-newstate:before {background-image: url(/directory/images/game/background/pubg-newstate.png)}
.term-war-thunder:before {background-image: url(/directory/images/game/background/war-thunder.png)}
.term-tanki-online:before {background-image: url(/directory/images/game/background/tanki-online.png)}
.term-destiny2:before {background-image: url(/directory/images/game/background/destiny2.png)}
.term-lostark:before {background-image: url(/directory/images/game/background/lostark.png)}
.term-freefire:before {background-image: url(/directory/images/game/background/freefire.png);}
.term-escapefromtarkov:before {background-image: url(/directory/images/game/background/escapefromtarkov.png)}
.term-hots:before {background-image: url(/directory/images/game/background/hots.png)}
.term-minecraft:before {background-image: url(/directory/images/game/background/minecraft.png)}
.term-pokemongo:before {background-image: url(/directory/images/game/background/pokemongo.png)}
.term-cod-mobile:before {background-image: url(/directory/images/game/background/cod-mobile_2.png)}
.term-valorant:before {background-image: url(/directory/images/game/background/valorant.png)}
.term-genshin-impact:before {background-image: url(/directory/images/game/background/genshin-impact_5.png);}
.term-lol-wild-rift:before {background-image: url(/directory/images/game/background/lol-wild-rift_2.png)}
.term-mlbb:before {background-image: url(/directory/images/game/background/mlbb_2.png)}
.term-bdm:before {background-image: url(/directory/images/game/background/bdm.png)}
.term-pw-mobile:before {background-image: url(/directory/images/game/background/pw-mobile.png)}
.term-psn:before {background-image: url(/directory/images/game/background/psn.png)}
.term-another-games:before {background-image: url(/directory/images/game/background/another-games.png)}

body.tax-product_cat .store-header {
    display: flex;
    height: 320px;
}
@media screen and (max-width: 1330px) and (min-width: 560px) {body.tax-product_cat #wrapper, body.home #wrapper {padding-top: 100px;} }
.store-header-img {
    height: 160px;
    width: 160px;
    margin-right: 80px;
    background-size: cover;
    border-radius: 25%;
    flex-shrink: 0;
}
.store-title-column {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 160px;
     margin-right: 30px;
}
.store-title-column > a {
     width: max-content;
}
.store-title-column > a:before {
     content: '\f067';
}
.store-title {
    margin-bottom: 30px;
    font-size: 70px;
    color: #fff;
    text-shadow: 0 0 60px rgb(0 0 0 / 70%);
    line-height: 1em;
    font-weight: 700;
}
.tax-product_tag .store-title,
.search .store-title {
    color: #272e40;
}
.store-description {
    margin-left: auto;
    max-width: 500px;
}
.store-header-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px;
}
.store-header-tabs a {
    display: flex;
    background: rgb(255 255 255 / 20%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    padding: 0 15px 0 7px;
    line-height: 45px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    align-items: center;
    gap: 10px;
}
.store-header-tabs a:hover {
    background: rgb(255 255 255 / 30%);
}
.store-description p { display: none; }

/* Store > Filters */
#filter {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 60px 0;
}
body.tax-product_tag #filter,
body.search-results #filter {
    display: none!important;
}
.yith-woo-ajax-navigation {
    position: relative;
    min-width: 220px;
    max-width: 300px;
    height: 40px;
    vertical-align: top;
    background: #eceff3;
    border-radius: 7px;
}
.widget-title {
    position: absolute;
    top: 0px;
    left: 22px;
    line-height: 40px;
    font-weight: 500;color: #272e40;
    z-index: 0;
}
.yit-wcan-select-open {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 100px;
    font-weight: 500;
    line-height: 40px;
    text-align: right;
}
.yit-wcan-select-open:after {
    font-family: 'Fontawesome', 'Fontawesome brands';
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 16px;
    content: '\f107';
    font-size: 20px;
    color: #AFBBC5;
    transition: .2s top;
}
.yit-wcan-select-open:hover:after,
.yit-wcan-select-open.active:after {
    top: 2px;
}
.yit-wcan-select-open.active:after {
    content: '\f106';
    top: 0;
}
.yith-wcan-select-wrapper {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 7px 7px;
    max-height: 465px;
    overflow-y: auto;
    background: rgb(255 255 255 / 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    z-index: 2!important;
}
.yith-wcan-select {
    position: relative;
    margin-bottom: -7px;
}
.yith-wcan-select li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 30px 7px 15px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
    border-radius: 5px;
}
.yith-wcan-select li a:hover {
    background-color: #69adfa;
    color: #fff;
}
.yith-wcan-select li.chosen a:hover {
    background: #f66261;
}
.yith-wcan-select li.chosen a:hover:before {
    color: #fff;
    content: '\f00d';
}
.chosen a:before,
.yith-wcan-list-price-filter > ul li a.active:before {
    font-family: 'Fontawesome';
    content: '\f00d';
    font-weight: 300;
    color: inherit;
}
.yith-wcan-select li.chosen a:before {
    content: '\f00c';
    position: absolute;
    top: 0;
    right: 15px;
    color: #AFBBC5;
    line-height: 33px;
}
.yith-woo-ajax-reset-navigation {
    min-width: unset;
    overflow: hidden;
    background: unset;
}
.yith-wcan-reset-navigation {
    display: block;
    height: 100%;
    padding: 0 22px;
    background: #eceff3;
    line-height: 40px;
    color: #f66261;
    font-weight: 600;
}
.yith-wcan-reset-navigation:hover {
    background: #f66261;
    color: #fff;
}
.yith-wcan-select span {
    display: none;
}

/* Store > Filters > List filter */
@media (min-width: 560px) { #filter #yith-woo-ajax-navigation-2 ul, #filter .yith-wcan-list-price-filter ul {display: block!important;margin: 0 -30px -15px 0;} 
#filter #yith-woo-ajax-navigation-2 .widget-title, #filter .yith-wcan-list-price-filter .widget-title {display: none}}

#filter #yith-woo-ajax-navigation-2,
.widget.yith-wcan-list-price-filter {
    max-width: unset;
    height: unset;
    width: 100%;
    margin: 0;
    background: none;
    cursor: default;
}
#filter #yith-woo-ajax-navigation-2 {
    margin: 20px 0;
}
.widget_layered_nav > ul li,
.yith-wcan-list-price-filter > ul li {
    display: inline-block;
    margin: 0 30px 15px 0;
}
.widget_layered_nav > ul li a,
.yith-wcan-list-price-filter > ul li a {
    display: inline-block;
    line-height: 27px;
}
.yith-wcan-list-price-filter > ul li a {
    font-weight: 500;
}
#filter #yith-woo-ajax-navigation-2 a {
    color: #8a8f9c;
}
#filter #yith-woo-ajax-navigation-2 a:hover {
    color: #85beff;
}
.widget_layered_nav > ul li small {
    margin-left: 5px;
    font-size: 12px;
    color: #AFBBC5;
}
.widget_layered_nav > ul li.chosen small {
    display: none;
}
.widget_layered_nav > ul li.chosen a,
.yith-wcan-list-price-filter > ul li a.active {
    position: relative;
    border-radius: 20px;
    background: #69adfa;
    padding: 0 17px;
    color: #fff!important;
    transition: .2s;
}
.widget_layered_nav > ul li.chosen a:hover,
.yith-wcan-list-price-filter > ul li a.active:hover {
    background:#f66261;
    padding: 0 12px 0 22px;
}
.widget_layered_nav > ul li.chosen a:before,
.yith-wcan-list-price-filter > ul li a.active:before {
    vertical-align: top;
    position: absolute;
    left: 4px;
    font-size: 13px;
    opacity:0;
    transition: inherit;
}
.widget_layered_nav > ul li.chosen a:hover:before,
.yith-wcan-list-price-filter > ul li a.active:hover:before {
    opacity:1;  
    left: 8px;
}
.yith-wcan-list-price-filter > ul li span:first-child .currency-symbol,
.yith-wcan-list-price-filter > ul li:first-child .from,
.yith-wcan-list-price-filter > ul li:last-child a .to,
.yith-wcan-list-price-filter > ul li:last-child a > .price-amount {
    display: none;
}
.yith-wcan-list-price-filter > ul li:last-child a .currency-symbol {
   display: inline-block; 
}

/* Store > Offers list */
.result-count-area {
    position: relative;
}
.result-count-area p {
    position: absolute;
    color: #AFBBC5;
    bottom: 65px;
    right: 0;
}
.offers-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px;
}
@-webkit-keyframes fade-in { 0% { opacity: 0; }   100% { opacity: 1; }}
@-moz-keyframes    fade-in { 0% { opacity: 0; }   100% { opacity: 1; }}
@-o-keyframes      fade-in { 0% { opacity: 0; }   100% { opacity: 1; }}
@keyframes         fade-in { 0% { opacity: 0; }   100% { opacity: 1; }}

.yit-wcan-container .offers-list,
.yith-infs-animated {
    -webkit-animation: fade-in .3s linear;
    -moz-animation: fade-in .3s linear;
    -o-animation: fade-in .3s linear;
    animation: fade-in .3s linear;
}
.yith-wcan-loading,
.yith-infs-loader {
    background-image: url('/directory/images/source/loader_1.gif')!important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 60px;
    margin: 20px 0 0!important;
}
.yith-infs-loader img {
    display: none;
}
.offer {
    position: relative;
    background: #fff;
    width: 275px;
    box-shadow: rgb(0 0 0 / 5%) 0px 2px 20px 0px;
    border-radius: 10px;
    transition: box-shadow 0.2s ease-in-out 0s;
    overflow: hidden;
    cursor: default;
}
.offer > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.offer:hover {
    box-shadow: rgba(0,0,0,.08) 0px 8px 16px 0px;
}
.offer-img,
.offer .sources {
    height: 120px;
}
.offer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    transition: filter,-webkit-filter  .2s;
}
.offer:hover .offer-img img {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}
.offer .sources {
    display: flex;
    flex-wrap: wrap-reverse;
    align-content: flex-start;
    gap: 5px;
    width: 100%;
    padding: 10px;
}
.sources {
    position: absolute;
    top: 0;
    z-index: 1;
}
.sources-tab {
    background: rgb(0 0 0 / 20%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    padding: 3px 6px;
    border-radius: 5px;
    color: #fff;
}
.sources-tab.meta-tab {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.sources .sources-tab:before,
.sources .meta-tab > span:before {
    font-family: 'Fontawesome';
    margin-right: 5px;
}
.onsale-tab:before {
    color: #0bca00;    
    content: '\f02b';    
}
.outofstock-tab:before {
    color: #f66261;
    content: '\f0e3';
}
.own-tab:before {
    content: '\f4a4';
    color: #ffc500;
}
.offer-time:before {
    content: '\f017';
}
.offer-views:before {
    content: '\f06e ';
}
.summary-user.rating5 .user-login:after,
.offer-user-login.rating5:after,
.dropdown-user.rating5:after,
.comment-author.rating5:after,
.account-user-header.rating5 h1:after {
    content: '\f00c';
    color: #FFC500;
    font-weight: 600;
}
.comment-author.rating5:after {
    color: #ffe699;
}
.summary-user.rating0 .user-login:after,
.offer-user-login.rating0:after,
.dropdown-user.rating0:after,
.comment-author.rating0:after,
.account-user-header.rating0 h1:after {
    content: '\f714';
    color: #f66261;
    font-weight: 100;
}
.offer-price {
    margin: 20px 25px 0;
    font-size: 20px;
    font-weight: 500;
}
div.price {
    display: flex;
    flex-wrap: wrap-reverse;
    color: #272e40;
    align-items: baseline;
}
.price > .price-sale,
.price > .price-amount {
    white-space: nowrap;
}
.price .price-sale {
    font-size: 70%;
    margin-left: 10px;
    order: 1;
}
.price-sale .amount {
    display: inline-block;
    color: #AFBBC5;
    text-decoration: line-through;
}
.cart-list .amount {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.offer-title {
    margin: 10px 25px 0;
    font-size: 20px;
    position: relative;
    word-break: break-word;
}
.offer-attributes {
    margin: 15px 25px 20px;
}
.offer-attributes .attributes {
    width: 100%;
    text-align: left;
}
.offer-attributes .attributes td,
.offer-attributes .attributes th {
   padding: 6px 0;
   vertical-align: top;
}
.offer-attributes .attributes th {
    min-width: 70px;
    max-width: 100px;
    color: #AFBBC5;
}
.offer-attributes .attributes td {
    padding-left: 10px;
}
.offer-user {
    margin: auto 20px 0;
    padding: 10px 0 15px;
}
.offer-user-login {
    display: flex;
    gap: 10px;
    font-weight: 500;
    line-height: 26px;
}
.offer-user-login:before {
    display: inline-block;
    content: '';
    width: 26px;
    height: 26px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    flex-shrink: 0;
}
.user-avatar[avatar$="0"]:before, .summary-user[avatar$="0"] .summary-user-avatar {background-image: url(/directory/images/emoji/catface_120.png)}
.user-avatar[avatar$="1"]:before, .summary-user[avatar$="1"] .summary-user-avatar {background-image: url(/directory/images/emoji/tiger_120.png)}
.user-avatar[avatar$="2"]:before, .summary-user[avatar$="2"] .summary-user-avatar {background-image: url(/directory/images/emoji/octopus_120.png)}
.user-avatar[avatar$="3"]:before, .summary-user[avatar$="3"] .summary-user-avatar {background-image: url(/directory/images/emoji/orangutan_120.png)}
.user-avatar[avatar$="4"]:before, .summary-user[avatar$="4"] .summary-user-avatar {background-image: url(/directory/images/emoji/monkey_120.png)}
.user-avatar[avatar$="5"]:before, .summary-user[avatar$="5"] .summary-user-avatar {background-image: url(/directory/images/emoji/panda_120.png)}
.user-avatar[avatar$="6"]:before, .summary-user[avatar$="6"] .summary-user-avatar {background-image: url(/directory/images/emoji/ghost_120.png)}
.user-avatar[avatar$="7"]:before, .summary-user[avatar$="7"] .summary-user-avatar {background-image: url(/directory/images/emoji/lion_120.png)}
.user-avatar[avatar$="8"]:before, .summary-user[avatar$="8"] .summary-user-avatar {background-image: url(/directory/images/emoji/unicorn_120.png)}
.user-avatar[avatar$="9"]:before, .summary-user[avatar$="9"] .summary-user-avatar {background-image: url(/directory/images/emoji/fox_120.png)}
.user-avatar[avatar="1"]:before, .summary-user[avatar="1"] .summary-user-avatar {background-image: url(/directory/images/source/alex_1.png)}

/* Store > Offer */
.single .offer-content,
.account-user-content {
    display: flex;
    justify-content: space-between;
}
.single-content-area,
.account-content-area {
    width: calc(75% - 70px);
}
.single-sidebar-area,
.account-sidebar-area {
    position: sticky;
    width: 25%;
    height: min-content;
    top: 40px;
}
.single-content-area > div, .single-sidebar-area > div,
.account-content-area > div, .account-sidebar-area > div {
    width: 100%;
    position: relative;
    margin-bottom: 70px;
}
.summary-price + .summary-info {
    margin-top: -40px;
}
.single-content-area > .summary-description,
.account-content-area > .account-content {
    padding: 50px 60px;
    background: #fff;
    box-shadow: rgba(0,0,0,.05) 0px 2px 20px 0px;
    border-radius: 15px;
}
a.woocommerce-main-image {
    position: relative;
    display: block;
    border-radius: 15px;
    overflow: hidden;
    cursor: zoom-in;
}
a.woocommerce-main-image:hover:before,
.thumb:hover:before {
    position: absolute;
    display: block;
    bottom: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-bottom: -25px;
    background: rgb(255 255 255 / 20%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 50%;
    text-align: center;
    content: '\f002';
    font-family: 'Fontawesome';
    color: #fff;
    line-height: 50px;
    z-index: 1;
}
.attachment-shop_single {
    height: 100%;
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
    display: block;
}
.summary-images .sources {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    top: 10px;
    left: 10px;
}
.summary-images .sources-tab {
    padding: 10px 15px;
    font-size: 100%;
    border-radius: 8px;
}
.summary-images .sources .sources-tab:before {
    margin-right: 10px;
}
.edit-area {
    display: flex;
    width: 100%;
    gap: 5px;
    justify-content: space-between;
}
.edit-area > a {
    display: inline-block;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    border-radius: 8px;
}
.edit-area > a:before {
    display: block;
    font-family: 'Fontawesome';
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 10px;
}
.edit-area > a:hover {
    background: #eceff3;
}
.cart-list .remove,
.mini_cart_item .remove {
    display: block;
    background: rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 30px;
}
.cart-list .remove:before,
.mini_cart_item .remove:before {
    font-family: 'Fontawesome';
    font-weight: 100;
    line-height: 30px;
}
.cart-list .remove:before, .mini_cart_item .remove:before {content: '\f00d'}
.post-sku-link:before {content:'\f0e0'}
.edit-tab:before, .post-edit-link:before {content: '\f044'}
.up-tab:before {content: '\f021'}
.post-del-link:before, .delete-tab:before {content: '\f2ed'}

.cart-list .remove:hover,
.mini_cart_item .remove:hover {
    background: #69adfa;
}
.edit-area > .post-del-link:hover,
.edit-area > .delete-tab:hover {
    color: #f66261;
}
.cart-list .remove:hover,
.mini_cart_item .remove:hover {
    background: #f66261;
}
.description-header {
    margin-bottom: 40px;
}
.description-title,
.summary-price .price,
.single-related-area > h3 {
    font-size: 40px;
    font-weight: normal;
}
.description-title {
    word-break: break-word;
}
.offer-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 25px;
    margin-bottom: 30px;
    color: #AFBBC5;
    align-items: center;
}
.offer-meta span:before  {
    margin-right: 10px;
}
.offer-meta span:before,
.summary-user-notice-contacts:before {
    color: #dce5ec;
}
.offer-category a {
    display: flex;
    color: #272E40;
    font-weight: 500;
    align-items: center;
    gap: 15px;
}
.offer-category a:before,
.store-header-tabs a:before,
.related-blacklink a:before {
    display:inline-block;
    content: '';
    height: 32px;
    width: 32px;
    background-size: 100%;
    background-position: center;
    border-radius: 5px;
}
.description-tags a {
    display: inline-block;
    margin: 0 25px 15px 0;
    font-weight: 600;
    color: #272E40;
    cursor: default;
}
.description-attributes {
    margin-bottom: 40px;
}
.description-tags {
    margin-bottom: 30px;
}
.description-attributes tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.description-attributes tr {
    display: block;
    padding: 10px 20px;
    border-radius: 10px;
    background: rgb(236 239 243 / 50%);
    text-align: left;
}
.description-attributes th,
.description-attributes td {
    display: block;
    white-space: nowrap;
}
.description-attributes th {
    margin-bottom: 5px;
    color: #8a8f9c;
}
.description-attributes td {
    font-weight: 500;
}
.summary-description .spoiler-attributes .spoiler_button {
    margin: -10px 0 30px;
}
.spoiler-attributes .spoiler_button {
    display: flex;
    width: max-content;
    color: #272E40;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
    /* background: rgb(236 239 243 / 50%); */
    /* border-radius: 8px; */
    /* padding: 10px 20px; */
}
.spoiler-attributes .spoiler_button:after,
.spoiler-attributes .spoiler_button:before {
    font-family: 'Fontawesome', 'Fontawesome brands';
    font-weight: 100;
}
.spoiler-attributes .spoiler_button:after {
    content: '\f107';
    color: #AFBBC5;
    font-size: 24px;
    padding-left: 15px;
    margin-left: auto;
}
.spoiler-attributes .spoiler_button:before {
    content: '\f05a';
    color: #f66261;
    font-size: 18px;
    margin-right: 8px;
}
.summary-description .spoiler_button:before {
    color: #69adfa;
}
.summary-description .spoiler-attributes .spoiler_area {
    margin-top: -20px;
    padding: 0 0 30px;
}
.spoiler-attributes .spoiler_area {
    margin-top: 10px;
    line-height: 1.7;
}
.spoiler-attributes .spoiler_area b {
    background: #eceff3;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}
.summary-description .description {
    font-size: 20px;
    line-height: 1.7;
    word-break: break-word;
}
.summary-description .description b {
    float: left;
    margin-right: 10px;
}
.summary-description .description iframe {
    width: 100%;
    margin: 10px 0;
}
.summary-description .description-emtpy {
    color: #AFBBC5;
}
.summary-description .description-emtpy:first-letter {
    text-transform: uppercase;
}
.summary-price .price {
    margin-bottom: 30px;
}
.summary-price form button {
    margin: 0;
    padding: 10px 30px;
}
.safe-meta,
.edit-sku {
    margin-top: 20px;
    color: #AFBBC5;
}
.payment-method {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 25px;
    opacity: .4; 
}
.payment-method > div {
    width: 26px;
    height: 26px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; 
}
.payment-method > .visa {background-image: url(/directory/images/source/payment/visa.png)}
.payment-method > .mastercard {background-image: url(/directory/images/source/payment/mastercard.png)}
.payment-method > .sber {background-image: url(/directory/images/source/payment/sber.png)}
.payment-method > .mono {background-image: url(/directory/images/source/payment/mono.png)}
.payment-method > .alfa {background-image: url(/directory/images/source/payment/alfa.png)}
.payment-method > .privat {background-image: url(/directory/images/source/payment/privat.png)}
.payment-method > .qiwi {background-image: url(/directory/images/source/payment/qiwi.png)}
.payment-method > .yoomoney {background-image: url(/directory/images/source/payment/yoomoney.png)}
.payment-method > .megafon {background-image: url(/directory/images/source/payment/megafon.png)}
.payment-method > .bitcoin {background-image: url(/directory/images/source/payment/bitcoin.png)}
.payment-method > .dogecoin {background-image: url(/directory/images/source/payment/dogecoin.png)}
.safe-meta .safe:before {
    content: '\f2f7';
    color: #FFC500;
    margin-right: 10px;
}
.summary-user-wrapper {
    display: flex;
    margin-bottom: 25px;
}
.summary-user-avatar {
    width: 54px;
    height: 54px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 25px;
    flex-shrink: 0;
}
.user-login {
    font-size: 20px;
    margin-bottom: 10px;
    word-break: break-word;
}
.user-login:after {
    margin-left: 10px;
}
.user-info {
    color: #AFBBC5;
}
.user-info a {
    color: #AFBBC5;
    margin-right: 10px;
}
.user-info a:hover {
    color: #8a8f9c;
}
.user-contacts-button,
.user-message-button,
.summary-price .stock.out-of-stock,
.notice-outof,
.notice-ban {
    display: block;
    background: #eceff3;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    text-align: center;
}
.user-message-button > span {
    margin-left: 10px;
    color: #AFBBC5;
    font-size: 80%;
}
.user-contacts-button:before,
.summary-user-notice-contacts:before,
.user-message-button:before,
.summary-price .stock.out-of-stock:before {
    margin-right: 10px;
    color: #8a8f9c;
}
.user-contacts-button:before,
.summary-user-notice-contacts:before {
    content: '\f30d';
}
.user-message-button:before {
    content: '\f27a';
}
.summary-user-notice > span {
    color: #AFBBC5;
}
.notice-outof {
    position: relative;
    background: #f9efc0;
    line-height: 1.5;
}
.notice-ban,
.summary-price .stock.out-of-stock {
    position: relative;
    background: #f4e8ea;
    color: #f66261;
    font-weight: 500;
}
.notice-outof .emoji,
.notice-ban .emoji {
    position: absolute;
    top: -15px;
    right: 5px;
}
.summary-price .stock.out-of-stock:before {
    font-family: 'Fontawesome';
    font-weight: 100;
    content: '\f0e3';
    color: #f66261;
}
.user-contact {
    margin-bottom: 15px;
}
.user-contact-link,
.related-blacklink.category-links a {
    display: flex;
    position: relative;
    padding: 8px;
    border-radius: 10px;
    background: #eceff3;
    color: #272e40;
    font-weight: 500;
    align-items: center;
    gap: 15px;
}
.user-contact-link:hover,
.related-blacklink.category-links a:hover {
    background: #e1e7f1;
    color: #272e40;
}
.user-contact-link:after,
.related-blacklink.category-links a:after {
    font-family: 'Fontawesome';
    content: '\f105';
    color: #AFBBC5;
    font-size: 24px;
    font-weight: 100;
    margin-left: auto;
    margin-right: 8px;
}
.user-contact-link:before,
.related-blacklink a:before {
    height: 36px;
    width: 36px;
    flex-shrink: 0;
}
.user-contact-link:before {
    font-size: 40px;
    line-height: 36px;
}
.user-contact-link[href*="vk.com"]:before {content:'\f189';color:#2787F5}
.user-contact-link[href*="t.me"]:before {content:'\f3fe';color:#2EA3DD}

.single-related-area {
    position: relative;
}
.single-related-user {
    margin-top: 40px;
}
.single-related-area > h3 {
    margin: 0 0 40px;
}
.related-blacklink.category-links {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 310px;
}
.summary-user-notice .spoiler_area {
    padding-top: 10px;
}

/* Store > Account */
.account-user-header {
    position: relative;
    margin-bottom: 70px;
    background: rgb(66,92,117);
    background: linear-gradient(45deg, rgba(66,92,117,1) 0%, rgb(119 154 187) 100%);
    border-radius: 15px;
}
.account-user-header h1 {
    display: flex;
    padding: 60px;
    color: #fff;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.account-user-header h1:after {
    font-size: 65%;
}
.account-user-header h1:before {
    content: '';
    width: 68px;
    height: 68px;
    background-image: url(/directory/images/emoji/catface_120.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    flex-shrink: 0;
}
.user-header-edit-area {
    position: absolute;
    top: 20px;
    right: 20px;
}
.user-header-edit,
.user-header-logout {
    color: rgb(255 255 255 / 70%);
    font-size: 20px;
    margin-left: 15px;
}
.user-header-edit:hover,
.user-header-logout:hover {
    color: #fff
}
.user-header-edit:before {
    content: '\f013';
}
.user-header-logout:before {
    content: '\f2f5';
}
.account-user-tabs {
    margin-bottom: 70px;
    position: relative;
    z-index: 1;
}
.account-user-tabs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 70px;
}
.account-user-tabs a {
    display: flex;
    background: #eceff3;
    padding: 15px 20px;
    border-radius: 15px;
    color: #272e40;
    font-weight: 500;
    align-items: center;
    gap: 10px;
}
.account-user-tabs a:hover {
    background: #e1e7f1;
    color: #272e40;
}
.account-user-tabs a:before {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.account-user-tabs a.new:before {content: '\f067';background: #a28bd6}
.account-user-tabs a.cart:before {content: '\f07a';background: #85daa6}
.account-user-tabs a.about:before {content: '\f129';background: #789bca}
.account-user-tabs a.reviews:before {content: '\f075';background: #d8d483}
.account-user-tabs a.faq:before {content: '\f128';background: #b1b1b1}
.account-user-tabs a.edit-account:before {content: '\f303';background: #c488ca}
.account-user-tabs a.customer-logout:before {content: '\f08b';background: #6fb1a6}

.account-user-content h3,
.account-add h3 {
    margin-bottom: 25px;
}
.account-content > div:not(:last-child) {
    margin-bottom: 50px;
}
.my_account_orders {
    width: 100%;
    white-space: nowrap;
}
.my_account_orders > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background: #eceff3;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-weight: 500;
    flex-wrap: wrap;
}
.my_account_orders .order-date {
    color: #8a8f9c;
}
.my_account_orders .order-actions > a:before {
    content: '\f06e';
    margin-right: 5px;
}
.account-add > h3 a {
    margin-left: 10px;
    font-size: 80%;
}
.account-add > h3 a:before {
    content: '\f319';
}
.mini_cart_item {
    height: 80px;
    margin-bottom: 20px;
    position: relative;
}
.mini_cart_item .quantity {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 500;
}
.mini_cart_link_img {
    display: block;
    height: 80px;
    width: 150px;
}
.mini_cart_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.mini_cart_name {
    position: absolute;
    right: 0;
    top: 0;
    max-width: calc(100% - 160px);
    text-align: right;
    font-weight: 500;
}
.mini_cart_item .remove:before {
    line-height: 30px;
}

/* Store > Account >  Login */
#customer_login {
    width: 400px;
    margin: 0 auto;
}
.login-form {
    background: #fff;
    padding: 30px 40px 40px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,.05) 0px 2px 10px 0px;
}
.submit-area {
    margin: 30px 0 25px;
}
.loginmeta-area {
    margin-top: 25px;
}
.lostpassword-link,
.signup-form .loginmeta-area {
    color: #AFBBC5;
}
.login-form .lostpassword-link {
    float: right;
}
.woocommerce-password-strength {
    margin-top: 10px;
    font-weight: 500;
}
.woocommerce-password-strength.short {
    color: #f66261;
}
.woocommerce-password-strength.bad {
    color: #ffc500;
}
.woocommerce-password-strength.good,
.woocommerce-password-strength.strong {
    color: #0bca00;
}
.woocommerce-password-hint {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #AFBBC5;
}

/* Store > Account > Cart */
.woocommerce-cart > #wrapper,
.error404 > #wrapper {
    display: flex;
    align-items: center;
}
.woocommerce-cart .content-wrapper,
.woocommerce-checkout .content-wrapper,
.woocommerce-view-order .content-wrapper,
.error404 .content-wrapper {
   max-width: 620px;
}
.content-wrapper.sent-wrapper {
   max-width: 700px;
}
form.shop_table_form,
#customer_details {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    box-shadow: rgba(0,0,0,.05) 0px 2px 10px 0px;
    border-radius: 10px;
}
.cart-list li {
    position: relative;
    margin-bottom: 30px;
}
.cart-list .product-remove,
.mini_cart_item .remove {
    position: absolute;
    top: -15px;
    left: -15px;
}
.cart-list .product-thumbnail {
    display: block;
    height: 100px;
    width: 200px;
    overflow: hidden;
    border-radius: 5px;
}
.cart-list .product-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}
.cart-list .product-thumbnail a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-list .product-name {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    max-width: 220px;
}
.product-subtotal {
    position: absolute;
    right: 0;
    bottom: 0;
}
.cart-list .product-name h3 {
    font-size: 25px;
}
.cart-collaterals ul {
    width: 100%;
    color: #AFBBC5;
    text-align: right;
}
.cart-discount > span {
    margin-left: 5px;
}
.cart-discount > .woocommerce-remove-coupon:after {
    font-family: Arial, sans-serif;
    content: '\00D7';
    margin-left: 5px;
    font-size: 21px;
    line-height: 17px;
    vertical-align: top;
}
.wc-proceed-to-checkout a {
    display: block;
    margin-top: 40px;
}

/* Store > Account > Checkout */
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout form.login {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 20px;
}
form.woocommerce-checkout {
    max-width: 600px;
    margin: 0 auto;
}
.woocommerce-billing-fields .woocommerce-input-wrapper {
    margin-bottom: 20px;
    display: block;
}
.woocommerce-account-fields {
    background: #eceff3;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
}
div.create-account {
    margin-top: 20px;
}
#customer_details label .optional {
    color: #AFBBC5;
}
.woocommerce form .form-row .required {
    visibility: hidden;
}

.radio-item {
  display: inline-block;
}
.radio-item  > input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.radio-item  > label {
    display: flex;
    position: relative;
    margin: 0 10px 10px 0;
    background: #e3eaf0;
    border-radius: 5px;
    padding: 5px 18px 5px 5px;
    transition: .2s, background 0s, color 0s;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
}
.radio-item  > label:hover,
.radio-item  > input:checked + label {
    color: #fff;
    background: #69adfa;
}
.radio-item  > input:checked + label {
    padding-right: 23px;
}
.radio-item  > input + label:after {
    position: absolute;
    right: 3px;
    content: '\f00c';
    font-family: 'Fontawesome';
    font-size: 10px;
    transition: inherit;
    opacity: 0;
}
.radio-item  > input:checked + label:after {
    right: 8px;
    opacity: 1;
}
.radio-item  > input:checked + label:before {
    margin-right: 5px;
}
#order_review {
    margin-top: 20px;
}
.radio-item label:before {
    display: inline-block;
    content: '';
    height: 26px;
    width: 26px;
    margin-right: 10px;
    border-radius: 5px;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    transition: .2s;
}

.radio-item-1 label:before {background-image: url(/directory/images/source/pay/sber.png)}
.radio-item-2 label:before {background-image: url(/directory/images/source/pay/alfa.png)}
.radio-item-3 label:before {background-image: url(/directory/images/source/pay/tinkoff.png);background-color:#ffdd2d}
.radio-item-4 label:before {background-image: url(/directory/images/source/pay/mono.png);background-size: 100%}
.radio-item-5 label:before {background-image: url(/directory/images/source/pay/privat.png)}
.radio-item-6 label:before {background-image: url(/directory/images/source/pay/mastercard.png);background-color: #2f2f2f}
.radio-item-7 label:before {background-image: url(/directory/images/source/pay/qiwi.png)}
.radio-item-8 label:before {background-image: url(/directory/images/source/pay/yoomoney.png)}
.radio-item-9 label:before {background-image: url(/directory/images/source/pay/mts.png)}
.radio-item-10 label:before {background-image: url(/directory/images/source/pay/beeline.png)}
.radio-item-11 label:before {background-image: url(/directory/images/source/pay/megafon.png)}
.radio-item-12 label:before {background-image: url(/directory/images/source/pay/tele2.png)}
.radio-item-13 label:before {background-image: url(/directory/images/source/pay/bitcoin.png);background-color: #2f2f2f}
.radio-item-14 label:before {background-image: url(/directory/images/source/pay/dogecoin.png);background-color: #2f2f2f}
.radio-item-15 label:before {background-image: url(/directory/images/source/pay/usdt.png);background-color: #4daa90}

/* Store > Account > Thx you */
.thx-area > .emoji,
.cart-empty > .emoji {
    margin-bottom: 30px;
}
.thx-area .notice-thankyou,
.notice-cart-empty {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 600;
    margin: 30px 0;
}
.woocommerce-thankyou-order-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #DCE5EC;
    color: #8a8f9c;
}
.thx-area .notice-stage-area {
    margin-bottom: 30px;
}
.thx-area .notice-stage-area > div {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-weight: 500;
}
.thx-area .notice-aboutalex {
    margin-top: 30px;
}
.woocommerce-order-details {
    display: flex;
    flex-direction: column;
}
.woocommerce-order-details > div {
    margin-bottom: 30px;
}
.woocommerce-order-details a > span {
    opacity: .5;
    margin-left: 5px;
    white-space: nowrap;
}
.woocommerce-order-details a[href=""] {
    background: #eceff3!important;
}

.thx-area .spoiler_button,
.modal-wrapper .spoiler_button {
    display: flex;
    margin: 0 0 20px;
    color: #272E40;
    font-size: 18px;
    font-weight: 500;
    align-items: center;
    justify-content: space-between;
    background: #eceff3;
    border-radius: 10px;
    padding: 10px 15px;
}
.thx-area .spoiler_button:hover,
.modal-wrapper .spoiler_button:hover {
    background: #e1e7f1;
    color: #272e40;
}
.thx-area .spoiler_button:after,
.modal-wrapper .spoiler_button:after {
    font-family: 'Fontawesome', 'Fontawesome brands';
    content: '\f107';
    color: #AFBBC5;
    font-size: 24px;
    font-weight: 100;
    margin-left: 15px;
}
.thx-area .spoiler_area,
.modal-wrapper .spoiler_area {
    padding: 0 0 40px;
    font-size: 18px;
    line-height: 1.8;
}
.thx-area .spoiler_area .page-list,
.modal-wrapper .spoiler_area .page-list {
    list-style: decimal outside;
    margin-left: 25px;
}
.thx-area .spoiler_area > p + .page-list,
.modal-wrapper .spoiler_area > p + .page-list {
    margin-top: 15px; 
}
.thx-area .spoiler_area > .page-list + p,
.modal-wrapper .spoiler_area > .page-list + p {
    margin-top: 15px; 
}

/* Store > Other */
.notices {
    position: fixed;
    right: 0;
    top: 0;
    max-width: 320px;
    padding: 20px;
    z-index: 99;
}
.notices > div {
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 10px;
    background: rgba(0,0,0,.7);
    -webkit-backdrop-filter: saturate(200%) blur(20px);
    backdrop-filter: saturate(200%) blur(20px);
    border-radius: 7px;
    line-height: 1.5;
}
.notices > div a {
    color: #81c1ff;
}
.notices {
    animation-name: notices;
    animation-iteration-count: 1;
    animation-duration: 7s;
    animation-fill-mode: forwards;
}
@keyframes notices { 0% {top:-100px} 5% {top:0} 90% {opacity:1} 100% {top:0;opacity:0;visibility:hidden;} }

.ban-notice-wrapeer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
}
.ban-notice-wrapeer h1,
.page404 h1 {
    background: -webkit-gradient(linear, left top, right top, from(#f06844), color-stop(25%, #ee4c54), color-stop(50%, #d45e95), color-stop(75%, #9c6ca6), to(#6583c1));
    background: -webkit-linear-gradient(left, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    background: linear-gradient(to right, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}
.ban-notice-wrapeer p {
    font-size: 28px;
    line-height: 1.4em;
    letter-spacing: .007em;
    font-weight: 600;
    margin-bottom: 30px;
}


/* Adaptation devices */
.col-tb-ph, .col-ph {display:none}

/* Tablet Adaptation - wrapper */
@media screen and (max-width: 1250px)
{
    .single-content-area,
    .account-content-area {
        width: calc(70% - 40px);
    }
    .single-sidebar-area, .account-sidebar-area {
        width: 30%;
    }
    .single-content-area > div, .single-sidebar-area > div,
    .account-content-area > div, .account-sidebar-area > div {
        margin-bottom: 40px;
    }
}
/* Tablet Adaptation - tb */
@media screen and (max-width: 900px)
{
    .col-0 {display:none!important;}
    .col-tb-ph {display: inline-block;}
    .col-xxl {width: 100%!important; max-width:100%}

    .single .offer-content,
    .account-user-content {
        display: block;
    }
    .summary-price {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 20px;
    }
    .summary-price .price,
    .summary-price .stock.out-of-stock,
    .summary-price .notice-ban{
        margin-bottom: 0;
    }
    .safe-meta {
        width: 100%;
        margin-top: -10px;
        font-size: 13px;
        text-align: right;
    }
    .summary-info .safe-meta {
        margin-top: 10px;
    }
    .summary-price + .summary-info {
        margin: 0 0 30px;
    }
}

/* Phone Adaptation - ph */
@media screen and (max-width: 560px)
{
    .col-0-th {display:none!important}
    .col-ph {display: inline-block}
    .col-xl {width: 100%!important;max-width:100%}
    #wrapper {
        padding-top: 20px;
        padding-bottom: calc(106px + env(safe-area-inset-bottom));
    }
    .content-wrapper {
        padding: 0 20px;
    }
    #bottom-menu {
        margin: 0;
    }
    #bottom-menu .bottom-menu {
        height: 56px;
        max-width: 340px;
    }
    #bottom-menu .bottom-menu-link {
        font-size: 20px;
    }
    #bottom-menu .bottom-menu-icon {
        line-height: 56px;
    }
    #bottom-menu .bottom-menu-icon:before {
        position: unset;
    }
    #bottom-menu .bottom-menu-label {
        display: none;
    }
    .bottom-menu-cart-counter {
        margin-top: -18px;
    }
    .dropdown-menu {
        bottom: 91px;
    }
    .open .dropdown-menu {
        bottom: 71px;
    }
    .bottom-menu-limeside {
        width: 56px;
        margin-right: 15px;
        background-size: 25px;
    }
    h1 {font-size: 40px}
    .page-title {margin-bottom: 25px}
    .home-search-area,
    .ajax-search-area {
        margin-bottom: 0;
    }
    .ajax-search-area:before {
        left: 15px;
        line-height: 45px;
    }
    .ajax-search {
        margin: 0;
        font-size: 100%;
        height: 45px;
        padding: 0 40px;
    }
    .wgc {
        margin-top: 20px;
        gap: 15px 0;
    }
    .wgc-item {
        position: unset;
        flex-basis: 100%;
    }
    .wgc-item > a {
        gap: 20px;
    }
    .wgc-item-img {
        height: 56px;
        width: 56px;
    }
    .wgc-item .wgc-item-cnt {
        display: flex;
        border-bottom: 1px solid #DCE5EC;
        align-items: center;
        gap: 10px;
    }
    .wgc-item .wgc-item-cnt:after {
        font-family: 'Fontawesome';
        content: '\f105';
        color: #AFBBC5;
        font-size: 24px;
        font-weight: 100;
        margin-left: auto;
    }
    .wgc-item h2 {
        font-size: 17px;
    }
    .deal-count,
    .s-counter-nr {
        margin-top: 0;
        font-size: 17px;
    }
    .tax-product_cat:before {
        height: 200px;
        filter: unset;
    }
    body.tax-product_cat .store-header {
        flex-wrap: wrap;
        height: auto;
        margin-top: 180px;
    }
    .store-header-img {
        height: 100px;
        width: 100px;
        margin-right: 20px;
    }
    .store-title-column {
        height: auto;
        max-width: calc(100% - 120px);
        margin: 0;
    }
    .store-title {
        margin-bottom: 5px;
        font-size: 30px;
        color: #272e40;
        text-shadow: unset;
        font-weight: normal;
        line-height: 1.1em;
    }
    .store-title-area > p {
        color: #AFBBC5;
    }
    .store-title-column > a {
        font-size: 14px;
        padding: 5px 15px;
        margin-top: 10px;
        border-radius: 7px;
    }
    .store-title-column > a:before {
        margin-right: 5px;
    }
    .store-description {
        width: fit-content;
        max-width: unset;
        min-width: 100%;
        height: 55px;
        margin: -55px -20px 30px;
        order: -1;
        overflow-x: scroll;
    }
    .store-header-tabs {
        width: max-content;
        padding: 0 20px;
        flex-wrap: nowrap;
        gap: 10px;
    }
    #filter {
        margin: 30px 0;
        gap: 6px;
    }
    #filter #yith-woo-ajax-navigation-2 .widget-title,
    #filter .yith-wcan-list-price-filter .widget-title {
        position: relative;
        left: unset;
        display: block;
        padding: 0 15px;
        font-weight: 500;
        line-height: 40px;
    }
    #filter #yith-woo-ajax-navigation-2 .widget-title:after,
    #filter .yith-wcan-list-price-filter .widget-title:after {
        position: absolute;
        top: 0;
        font-family: 'Fontawesome';
        content: '\f107';
        color: #AFBBC5;
    }
    .yith-woo-ajax-navigation {
        width: calc(50% - 3px);
        min-width: unset;
    }
    .widget-title {
        left: 15px;
    }
    .yit-wcan-select-open {
        padding: 0 30px 0 70px;
    }
    .yit-wcan-select-open:after,
    #filter #yith-woo-ajax-navigation-2 .widget-title:after,
    #filter .yith-wcan-list-price-filter .widget-title:after {
        right: 15px;
        font-size: 14px;
        font-weight: 500;
    }
    .yith-wcan-select-wrapper {
        top: 45px;
    }
    .yith-wcan-select li a {
        padding-left: 8px;
    }
    .yith-wcan-reset-navigation {
        padding: 0 12px;
    }
    #filter #yith-woo-ajax-navigation-2,
    .widget.yith-wcan-list-price-filter {
        background: #eceff3;
        border-radius: 7px;
    }
    #filter #yith-woo-ajax-navigation-2 {
        margin: 0;
    }
    #filter #yith-woo-ajax-navigation-2 ul,
    .yith-wcan-list-price-filter ul {
        display: none;
        padding: 0px 15px 15px;
        margin: 0 -10px -15px 0;
    }
    .yith-wcan-list-price-filter > ul li a {
        color: #8a8f9c;
        font-weight: normal;
    }
    #filter #yith-woo-ajax-navigation-2 > ul li,
    .yith-wcan-list-price-filter > ul li {
        margin: 0 15px 10px 0;
    }
    #filter #yith-woo-ajax-navigation-2 > ul li small {
        margin-left: 3px;
    }
    .widget_layered_nav > ul li.chosen {
        margin: 5px 10px;
    }
    .offers-list {
        gap: 6px;
        margin: 0 -14px;
    }
    .offer {
        width: 100%;
        max-width: calc(50% - 3px);
    }
    .offer-img, .offer .sources {
        height: 90px;
    }
    .offer .sources {
        padding: 3px;
    }
    .sources-tab {
        font-size: 14px;
    }
    .offer-price {
        margin: 10px 10px 0;
        font-size: 18px;
    }
    .offer-title {
        margin: 10px 10px 0;
        font-size: 16px;
    }
    .offer-attributes {
        margin: 10px;
        font-size: 15px;
    }
    .offer-attributes .attributes td {
        padding-left: 5px;
    }
    .offer-user {
        margin: auto 10px 0;
        padding: 10px 0;
    }
    .offer-user-login:before {
        height: 24px;
        width: 24px;
    }
    .offer-user-login {
        line-height: 24px;
        font-size: 15px;
    }
    .single .offer-content,
    .account-user-content,
    .single-content-area,
    .single-sidebar-area,
    .account-content-area,
    .account-sidebar-area {
        position: unset;
    }
    .single-content-area > div,
    .single-sidebar-area > div,
    .account-content-area > div,
    .account-sidebar-area > div {
        margin-bottom: 30px;
        padding: 0;
    }
    .single-content-area > .summary-images {
        margin: -20px;
        margin-bottom: 30px;
        padding: 0;
        width: auto;
    }
    a.woocommerce-main-image {
        border-radius: 0;
    }
    .attachment-shop_single {
        min-height: 400px;
        max-height: 400px;
    }
    .single-content-area > .summary-description,
    .account-content-area > .account-content {
        padding: 0 0 30px 0;
        box-shadow: unset;
        border-radius: unset;
        background: unset;
        border-bottom: 1px solid #DCE5EC;
    }
    .edit-area {
        margin-bottom: 30px;
        justify-content: space-evenly;
    }
    .edit-area > a {
        font-size: 16px;
    }
    .edit-area > a:before {
        margin-bottom: 5px;
    }
    .description-header {
        margin-bottom: 25px;
    }
    .offer-meta {
        gap: 20px 15px;
        margin-bottom: 30px;
    }
    .description-attributes {
        margin-bottom: 30px;
    }
    .description-tags {
        margin-bottom: 10px;
    }
    .description-attributes .attributes {
        display: block;
    }
    .description-attributes tbody {
        gap: 10px;
    }
    .description-attributes tr
    /*.spoiler-attributes .spoiler_button*/ {
        background: #eceff3;
        flex-grow: 1;
    }
    .description-title,
    .summary-price .price,
    .single-related-area > h3 {
        font-size: 30px;
    }
    .summary-description .description {
        margin: 0;
    }
    .single-related-area > h3 {
        margin: 0 0 30px;
        padding: 20px 0 0;
    }
    .single-related-area {
        border-top: 1px solid #DCE5EC;
    }
    .single-related-user {
        margin-top: 10px;
        border: 0;
    }
    .single-related-area .offers-list-related-wrapper,
    .account-add .offers-list-related-wrapper {
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin: 0 -20px;
    }
    .single-related-area .offers-list,
    .account-add .offers-list {
        flex-wrap: nowrap;
        width: max-content;
        margin: 0 0 20px;
        padding: 0 20px;
    }
    .single-related-area .offer,
    .account-add .offer {
        width: 210px;
        max-width: unset;
    }
    .related-blacklink.category-links {
        position: unset;
    }
    .login-form {
        box-shadow: unset;
        background: unset;
        padding: unset;
    }
    #customer_login {
        width: unset!important;
        padding: 0;
    }
    form.shop_table_form,
    #customer_details {
        padding: 0;
        background: unset;
        box-shadow: unset;
    }
    .cart-list .product-thumbnail {
        width: 150px;
        height: 80px;
    }
    .cart-list .product-name h3 {
        font-size: 1.4em;
    }
    .cart-list .product-name {
        max-width: calc(100% - 160px);
    }
    .account-user-header {
        margin: -20px -20px 20px;
        border-radius: 0;
        padding-bottom: 30px;
    }
    .account-user-header h1 {
        gap: 20px;
        padding: 60px 20px;
    }
    .account-user-header h1:before {
        height: 50px;
        width: 50px;
    }
    .account-user-tabs {
        margin: -50px -20px 0;
        overflow-x: scroll;
    }
    .account-user-tabs-wrapper {
        width: max-content;
        padding: 0 20px;
        flex-wrap: nowrap;
        gap: 10px;
        margin-bottom: 40px;
    }
    .modal .modal-wrapper,
    .store-notice-wrapper {
        position: absolute;
        margin: 0;
        width: 100%;
        max-width: 100%;
        bottom: -500px;
        top: unset;
        transition: bottom .5s cubic-bezier(.4,0,.2,1);
    }
    .modal-wrapper-area {
        padding: 20px;
        padding-bottom: calc( 20px + env(safe-area-inset-bottom));
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .modal:target .modal-wrapper,
    .store-notice-wrapper {
        bottom: 0;
        top: unset;
    }
    .s-counter {display: none!important}
    
    [data-hint]:after {
        position: fixed;
        padding: 10px 20px;
        top: 20px;
        left: 0;
        right: 0;
        bottom: unset!important;
        width: auto;
        margin: 5px;
    }
    [data-hint]:hover:after {
        top: 0;
        z-index: 9999999;
    }
    .notices {
        width: 100%;
        max-width: unset;
    }
    .notices > div {
        padding: 10px 15px;
    }
}

/* Phone Adaptation - mini ph */
@media screen and (max-width: 390px)
{
    .yit-wcan-container .offer {
        max-width: 100%;
        margin: 0 16px 20px;
    }
    .yit-wcan-container .offer-img,
    .yit-wcan-container .offer .sources {
        height: 110px;
    }
    .yit-wcan-container .offer .sources {
        padding: 5px;
    }
    .yit-wcan-container .offer-price {
        margin: 15px 20px 0;
        font-size: 20px;
    }
    .yit-wcan-container .offer-title {
        margin: 10px 20px 0;
        font-size: 18px;
    }
    .yit-wcan-container .offer-attributes {
        margin: 10px 20px 15px;
        font-size: 16px;
    }
    .offer-user {
        margin: auto 20px 0;
        font-size: 16px;
    }
}