/* ===== fonts ===== */
@font-face{font-family:'Proxima Nova';src:url('/assets/font/proximaregular.woff2') format('woff2'),url('/assets/font/proximaregular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Proxima Nova';src:url('/assets/font/proximabold.woff2') format('woff2'),url('/assets/font/proximabold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'rouble';src:url('/assets/font/rouble.woff2') format('woff2'),url('/assets/font/rouble.otf') format('opentype');font-display:swap}

/* ===== base ===== */
*{box-sizing:border-box}
html{font-family:'Proxima Nova',sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:#0c0e0d;font-family:'Proxima Nova',sans-serif;margin:0;padding-top:80px;text-decoration:none}
img{vertical-align:middle;max-width:100%}
a{text-decoration:none;color:#ffb50e}
:focus{outline:none}
label{font-size:12px}
xmp{margin:0;font-family:'Proxima Nova',sans-serif}

/* ===== containers ===== */
.content{display:block;padding:10px 10px 0;text-align:center}
.wrapp{margin:0 auto;max-width:1600px;text-align:center}
.games-content{margin:0 auto;display:inline-block;max-width:1600px;width:100%}
.inline-block{display:inline-block}
.clearfix{width:100%;display:inline-block}

/* ===== header PC ===== */
.header-games{height:80px;position:fixed;top:0;width:100%;background:#050a10;box-shadow:0 2px 22px rgba(0,0,0,.52);z-index:99}
.header-games .wrapp{width:100%;transition:.3s;border-radius:4px}
.header-games .games-logo{margin:0 auto;line-height:80px;height:80px;padding:0 15px;text-align:center;align-items:center}
.header-games .games-logo img{position:relative;top:0;z-index:2;transition:.3s;height:80px;margin:10px 0;border-radius:15px}
.navigation{width:100%;height:80px;text-align:center;display:inline-block;margin:0 auto}
.flex-nav{display:inline-block;flex:1}
.navigation .flex-nav{float:left}
.pc-menu{display:inline-block;flex:1;height:100%;text-align:center;position:relative}
.pc-menu a{font-size:18px;color:#e8e8e8;text-decoration:none;width:100%;display:block;height:80px;line-height:80px;margin:0 10px;transition:.3s;text-transform:uppercase;position:relative}
.link-txt{vertical-align:middle;display:inline-block}
.pc-menu a:after{content:'';height:2px;width:0;transition:all .3s ease;position:absolute;bottom:0;left:50%;background:#e69f00}
.pc-menu a:hover{color:#fff}
.pc-menu a:hover:after{width:100%;left:0}

/* ===== header mobile ===== */
.gaming{display:none;z-index:99999999;text-align:center}
header{width:100%;background:#050a10;height:70px;line-height:70px}
.game{width:70px;height:100%;padding:10px;display:inline-block;float:right;z-index:99;position:relative}
.gaming .games-logo{display:list-item;text-align:left;position:absolute;top:0;left:0;padding:0 10px 0 15px}
.games-logo img{position:relative;z-index:2;transition:.3s;height:50px;margin:0 auto;border-radius:15px}
.top-tit{display:block;float:left;color:#feab02;font-size:16px;padding:15px 0 0 10px;line-height:1;margin:0 0 0 70px;text-align:left}
.top-tit span{display:block;color:#d9d9d8;font-size:14px;line-height:1}

/* ===== burger ===== */
#showLeft{width:50px;height:50px;position:relative;margin:0 auto;cursor:pointer;top:2px}
#showLeft span{display:block;position:absolute;height:2px;width:30px;background:#ffb400;border-radius:8px;left:0;margin:6px 0 0 6px;transition:.25s ease-in-out}
#showLeft span:nth-child(1){top:0}
#showLeft span:nth-child(2){top:10px}
#showLeft span:nth-child(3){top:20px}

/* ===== slide menu ===== */
.cbp-spmenu-left{position:fixed;right:-260px;top:60px;background:rgba(0,0,0,.9);display:block;transition:.5s;z-index:999;overflow:auto;border-bottom:1px solid #fdcc5a}
.cbp-spmenu-vertical a{padding:1em 50px 1em 1em}
.cbp-spmenu a{display:block;position:relative;text-align:right;color:#e4e4e4;font-size:1.1em;font-weight:300;border:1px solid #fdcc5a;border-bottom:0;transition:.3s}
.cbp-spmenu a:hover{background:#252525;color:#fff}
.cbp-spmenu-vertical a:before{content:'';display:inline-block;position:absolute;background-repeat:no-repeat;background-size:contain;top:0;right:0;width:22px;height:22px;margin:10px 12px}
.cbp-spmenu-vertical .menu_home:before{background-image:url(/assets/img/menu/home.webp)}
.cbp-spmenu-vertical .menu_games:before{background-image:url(/assets/img/menu/key.webp)}
.cbp-spmenu-vertical .menu_steam:before{background-image:url(/assets/img/menu/steam.webp)}
.cbp-spmenu-vertical .menu_news:before{background-image:url(/assets/img/menu/news.webp)}
.cbp-spmenu-vertical .menu_guarantee:before{background-image:url(/assets/img/menu/guarantee.webp)}
.cbp-spmenu-vertical .menu_reviews:before{background-image:url(/assets/img/menu/reviews.webp)}
#bg_spmenu{display:none;position:fixed;width:100%;height:100%;top:0;left:0;transition:.3s;z-index:998}
#bg_spmenu.active{display:block}

/* ===== footer ===== */
.footer_block{background:linear-gradient(to bottom,#2f2f2f 40%,#1d1d1d);padding:10px 0 0;margin-top:10px}
.footer_line{line-height:40px;text-align:center;margin:10px 5px 0}
.footer_center{display:inline-block;font-weight:700}
.footer_center a{margin:0 10px;font-size:14px;color:#cecece}
.footer_hd{border-radius:15px;width:80px;height:40px;background:#ffb50e url(/assets/img/up.webp) center/50% no-repeat;transform:scale(.85);opacity:.8;float:right;transition:.5s;cursor:pointer;z-index:9}
.footer_hd:hover{opacity:1;transform:scale(1)}
.footer_info{width:100%;max-width:600px;display:inline-block;float:left;text-align:left;color:#cecece;font-size:14px;line-height:22px;font-weight:700;margin:20px 0}
.copyright{display:inline-block;padding:10px;min-height:58px;width:100%;background:#1d1d1d}
.disclaimer{font-size:11px;line-height:16px;color:#cacaca;display:inline-block;min-height:72px;float:left;text-align:left;width:100%;margin-left:-100px;padding-left:120px}

/* ===== generic ===== */
.h1_page{margin:10px 0;width:100%;font-size:25px;color:#f7f7f7;text-transform:uppercase;text-align:center;letter-spacing:2px;display:inline-block}
.text-center{text-align:center}
.col-md-12{padding:0}
.container{padding:0 15px;margin:0 auto}
.rouble{font-family:'rouble'!important;text-transform:none!important;font-weight:lighter!important}
#top{top:0;background:url(/assets/img/banner.webp) no-repeat center/cover;position:absolute;width:100%;height:100%;z-index:-1}

/* ===== item page: top block ===== */
@keyframes opc{50%{opacity:.4;transform:scale(.85)}}
.app-background-l{display:block}
.gamecols{display:flex;text-align:left}
.gamecols__info{width:30%;max-width:380px;display:inline-block;background:linear-gradient(0deg,#1c1e23,#363a4457);position:relative;float:left;text-align:center;border:1px solid #373b46}
.top-discount-wr{position:absolute;top:10px;right:10px;width:140px;padding:5px;text-align:center;line-height:20px;color:#ffb50e;font-size:20px;display:block;z-index:9;transition:.3s;background-color:#1c1c1c;border:2px solid;animation:opc 1.5s ease-in-out infinite both}
.last-price{font-size:14px;width:100%;display:inline-block;color:#fff;font-weight:700}
.crossout{position:relative;display:inline-block}
.price_discount{color:#ffb50e;font-size:18px;display:inline-block;font-weight:700}
.img-app_tab{margin:10px;text-align:center;display:block;transition:.5s;position:relative;background-size:cover;background-repeat:no-repeat;background-position:bottom;overflow:hidden;max-height:240px}
.img-app_tab.outfits{margin:0;max-height:340px}
.img-app_tab img{max-height:240px;transition:.5s}
.img-app_tab.outfits img{max-height:340px}
.img-app_tab:hover img{transform:scale(1.3)}
.new10us{color:#fff}
.gamedeal{padding:14px 5px 10px}
.gamedeal__buy{display:inline-block;align-items:center;width:100%}
.gamedeal__buy .price-wr{padding-right:0;width:100%;text-align:center;color:#ffb50e}
.price{font-weight:400;white-space:nowrap;font-size:38px;line-height:32px}
.price-wr__main-str .price{display:inline-block;text-align:center}
.price_cur{font-size:14px}
.btn_pay{display:inline-block;margin-top:12px;width:90%;max-width:190px;height:50px;color:#0b0819;background:#ffb50e;border:0;line-height:50px;font-size:20px;outline:none;transition:all .3s;cursor:pointer}
.gamecols__img{width:75%;padding:5px;margin-left:1%;display:inline-block;float:left;background:linear-gradient(0deg,#1c1e23,#363a4457);border:1px solid #373b46}
.icon-in_order-lvl{display:inline-block;background:url(/assets/img/stattrack.webp);width:18px;height:18px;float:left}
.rarity_pre-item.lvlNon{display:none}
.title-lvl7,.title-lvl5,.title-lvl3{display:inline-block;background:url(/assets/img/stattrack.webp);width:18px;height:18px;float:left;margin:5px}
.open_mail{cursor:pointer}
.open_mail .selectCheck{display:block;width:100%;height:0;background:url(/assets/img/banner1.webp) no-repeat;background-size:contain;transition:.5s}
.open_mail.selected .selectCheck{height:300px}
.gameposter.Tournament h4,.gameposter.Tournament .vppa{display:none}
.tourn{display:none}
.tourn.Tournament{display:block}
.tabs-tab-block{color:#fff}
.tabs-tab-block strong{color:#ffb50e;line-height:27px}
.tabs-tab-block a{text-decoration:underline}
.ul-arrows{color:#fff}
.price-wr .status{display:inline-block;align-items:center;color:#5dba02;font-size:18px;margin-top:10px}
.icon-in_order{display:inline-block;background:url(/assets/img/sprite.webp) -108px -98px;width:19px;height:19px;float:left}
.status span{padding-bottom:1px;text-align:left}
.price-wr .status i{flex-shrink:0;margin-right:8px}
.gameposter .inline-rules{color:#fff;font-size:15px}
.float{position:relative;margin:10px 0}
.float.rarAccount{display:none}
.float.discount_tab{margin:10px}
.float.p193,.float.t194,.float.t8377{display:none}

/* ===== rarity (pre) ===== */
.rarity_pre-item{display:inline-block;float:left;font-size:15px;padding:5px 10px;border:1px solid #e6e6e6}
.rarity_pre-item.Mythical{color:#8847ff}
.rarity_pre-item.Immortal{color:#b37a00}
.rarity_pre-item.Arcana{color:#6db900}
.rarity_pre-item.Common{color:#6b8ab1}
.rarity_pre-item.Rare{color:#4b69ff}
.rarity_pre-item.Legendary{color:#8b1d98}
.rarity_pre-item.NO{opacity:0}
.gameposter .rarity_pre-item.NO{display:none}

/* ===== rarity (item) ===== */
.rarity-item{line-height:14px;height:14px;font-size:14px;padding-top:5px}
.rarity-item.NO{opacity:0}
.rarity-item.Mythical{color:#8847ff}
.rarity-item.Immortal{color:#b37a00}
.rarity-item.Arcana{color:#6db900}
.rarity-item.Common{color:#6b8ab1}
.rarity-item.Rare{color:#4b69ff}
.rarity-item.Legendary{color:#8b1d98}

.product-rating{display:inline-block;width:100%;max-width:100px;height:29px;margin-left:10px;background-size:contain;background-position:center;background-repeat:no-repeat!important}
.product-rating.star-5{background-image:url(/assets/img/rating.webp)}

/* ===== seller card ===== */
.seller-card{margin:25px 0;padding:16px;border:1px solid #373b46;border-radius:10px;background:#1c1e23;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.seller-card:hover{background:#2e3037;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}
.seller-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.seller-avatar{position:relative;flex-shrink:0}
.seller-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #4a5568}
.seller-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10b981;border-radius:50%;border:2px solid #1a202c;box-shadow:0 0 0 1px #4a5568}
.seller-info{flex:1;min-width:0}
.seller-name{font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.seller-badge{color:#3b82f6;margin-left:5px;font-size:14px}
.seller-title{font-size:13px;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.seller-time{font-size:12px;color:#a0aec0;white-space:nowrap;background:#2d3748;padding:4px 8px;border-radius:12px;border:1px solid #4a5568}
.seller-stats{display:flex;flex-direction:column;gap:10px;font-size:14px}
.seller-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.seller-stat:not(:last-child){border-bottom:1px solid #373b46}
.seller-stat-label{color:#a0aec0;display:flex;align-items:center;gap:8px;font-size:14px}
.seller-stat-label i{width:16px;text-align:center;color:#718096}
.seller-stat-value{font-weight:600;color:#e2e8f0;font-size:14px}

/* ===== seller popup ===== */
.seller-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;align-items:center;justify-content:center;animation:sellerFadeIn .2s ease}
@keyframes sellerFadeIn{from{opacity:0}to{opacity:1}}
.seller-popup{background:#1c1e23;border-radius:12px;padding:24px;max-width:420px;width:90%;margin:0 20px;box-shadow:0 20px 40px rgba(0,0,0,.4);border:1px solid #373b46;animation:sellerSlideUp .3s ease}
@keyframes sellerSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.seller-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #2d3748}
.seller-popup-title{font-size:18px;font-weight:700;color:#e2e8f0;margin:0}
.seller-popup-close{color:#a0aec0;border:none;background:none;cursor:pointer;padding:4px;font-size:20px;line-height:1;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}
.seller-popup-close:hover{color:#fff;background:#2d3748}
.seller-popup-body{text-align:center}
.seller-popup-icon{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3d3d3d 0%,#3d3d3d 100%);border-radius:50%;box-shadow:0 8px 20px rgba(223,223,223,.3)}
.seller-popup-icon i{font-size:28px;color:#fff}
.seller-popup-message{color:#cbd5e0;margin-bottom:24px;line-height:1.6;font-size:15px;padding:0 10px}
.seller-popup-button{width:100%;padding:14px;background:#373b46;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:15px;letter-spacing:.3px;text-transform:uppercase}
.seller-popup-button:hover{background:#424753;transform:translateY(-1px);box-shadow:0 6px 12px rgba(223,223,223,.3)}

/* ===== items grid (похожие) ===== */
.items_page{padding:6px}
.items_page .games-content{display:flex}
.item-list{width:20%;color:#252525;float:left;text-align:center;position:relative;transition:.3s}
.price_htb{display:inline-block;padding:6px;margin:6px;color:#fff;border:1px solid #ffb50e}
.item-preview{display:block;margin:5px;padding:20px;overflow:hidden;transition:.3s;position:relative;border:1px solid #3c3c3c;background:rgb(92 99 106 / 29%) url(/assets/img/item.webp) top/cover no-repeat}
.item-preview:hover{position:relative;z-index:1;border-color:#ffcc57}
.item-img{overflow:hidden;position:relative;height:140px;background-position:center;background-repeat:no-repeat;background-size:cover;transition:.3s}
.item-img.outfits{background-size:contain}
.item-img.c2{background-color:#dedede}
.item-top{position:relative;text-align:center}
.item-top.lvl7:before,.item-top.lvl5:before,.item-top.lvl3:before{content:'';background:url(/assets/img/stattrack.webp) no-repeat;background-size:contain;display:inline-block;position:absolute;top:0;right:0;width:18px;height:18px;transition:.3s}
.item-name{display:flex;padding:0 1%;height:44px;line-height:40px;text-align:center;align-items:center;transition:.3s;z-index:3;border:1px solid #ffb50e}
.item-name-title{color:#feab02;font-size:15px;line-height:15px;font-weight:700;margin:0 auto}
.bottom-item{position:relative;transition:.3s;z-index:2}
.item-discount{display:inline-block;float:left;width:25%;height:30px;font-size:16px;color:#fff;border:1px solid #a2a2a2;line-height:30px;transition:.5s}
.price-cont{height:40px;padding-top:10px}
.item-price-cont{display:inline-block;float:left;width:48%;font-size:21px;height:30px;line-height:30px;font-weight:700;color:#fff;text-align:left}
.item-old_tab{display:inline-block;float:left;width:27%;font-size:14px;line-height:30px;font-weight:700;padding-right:7px;color:#b3b3b3;text-align:right;text-decoration:line-through}
.item-old_tab-skin{display:inline-block;font-size:13px;line-height:30px;font-weight:700;padding-right:4px;color:#b3b3b3;text-align:right;text-decoration:line-through}
.item-price-skin{display:inline-block;font-size:20px;height:30px;line-height:30px;font-weight:700;color:#fff;text-align:center}
.item-preview:hover .item-discount{background:#f2a900;border-color:#ffcc57;color:#000}
.items_page .item-price-cont{float:none;line-height:7px;font-size:20px;width:75%;text-align:right}
.items_page .item-old_tab{float:none;line-height:20px;font-size:12px;width:75%;margin-top:-4px}

/* ===== badges ===== */
.item-badges{display:flex;gap:10px;margin:15px 0;flex-wrap:nowrap}
.item-badge{flex:1;min-width:0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px 12px;text-align:center;transition:border-color .3s,background .3s}
.item-badge:hover{border-color:#ffb50e;background:#222}
.item-badge-label{display:block;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.item-badge-value{display:block;font-size:16px;font-weight:700;color:#fff}

/* ===== video ===== */
.item-video{margin:20px 0}
.item-video h3{font-size:16px;color:#ffb50e;margin:0 0 10px}
.item-video .gp-video{border-radius:8px;overflow:hidden;border:1px solid #2a2a2a;background:#000}
.item-video .gp-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

/* ===== inline gallery ===== */
.item-gallery-inline{margin:20px 0}
.gallery-inline-main{border-radius:8px;overflow:hidden;margin-bottom:8px}
.gallery-inline-main img{width:100%;max-height:400px;object-fit:contain;display:block;background:#111;cursor:zoom-in}
.gallery-inline-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.gallery-inline-thumb{border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.6;transition:opacity .2s,border-color .2s}
.gallery-inline-thumb.active{border-color:#ffb50e;opacity:1}
.gallery-inline-thumb:hover{opacity:1}
.gallery-inline-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}

/* ===== responsive ===== */
@media (min-width:1450px){.item-list{width:16.66%}}
@media (max-width:1400px){.items_page .item-img{height:110px}}
@media (max-width:1220px){.item-list{width:25%}.items_page .item-img{height:100px}.items_page .item-preview{padding:10px}}
@media (min-width:800px) and (max-width:1160px){.items_page .item-img{height:90px}}
@media (min-width:800px) and (max-width:1100px){.items_page .games-content{display:inline-block}.items_page .item-preview{padding:20px}.items_page .item-img{height:120px}}
@media (max-width:1000px){.pc-menu a{font-size:16px}.footer_info{margin:0}.footer_line{width:100%;display:inline-block;margin:0;padding:0 5px}.item-list{width:33.33%}}
@media (max-width:800px){
  body{padding-top:60px}
  .gaming{display:block;position:fixed;width:100%;top:0}
  .header-games{display:none}
  div.gaming header{height:60px;line-height:60px}
  nav.cbp-spmenu-vertical{width:200px;font-size:13px}
  .cbp-spmenu-left.cbp-spmenu-open{right:10px;display:block}
  .footer_center{width:100%}
  .footer_hd{width:40px;position:fixed;bottom:10px;right:10px;border-radius:40px}
  .items_page .games-content{display:inline-block}
  .item-img{height:130px}
  .item-name-title{font-size:15px;line-height:14px}
  .item-preview{padding:10px}
  .item-old_tab{float:none;line-height:20px;font-size:12px;width:75%;margin-top:-4px}
  .item-price-cont{float:none;line-height:7px;font-size:22px;width:75%;text-align:right}
  .gamecols__info{width:40%}
  .gamecols__img{width:59%}
}
@media screen and (max-width:650px){.item-list{width:50%}}
@media screen and (max-width:600px){
  .item-badges{gap:6px}
  .item-badge{padding:8px 6px;border-radius:8px}
  .item-badge-label{font-size:10px}
  .item-badge-value{font-size:14px}
  .gallery-inline-thumbs{grid-template-columns:repeat(4,1fr);gap:4px}
}
@media screen and (max-width:550px){
  .gamecols{display:inline-block}
  .gamecols__info{width:100%;max-width:550px;margin-bottom:10px}
  .gamecols__img{width:100%;margin:0}
}
@media (max-width:500px){.item-img{height:120px}.item-discount{font-size:14px}.item-name-title{font-size:13px;line-height:12px}}
@media (max-width:480px){
  .seller-card{margin:20px 0;padding:14px}
  .seller-avatar img{width:40px;height:40px}
  .seller-name{font-size:14px}
  .seller-time{font-size:11px;padding:3px 6px}
  .seller-popup{padding:20px;width:95%}
  .seller-popup-title{font-size:16px}
  .seller-popup-message{font-size:14px}
}
@media (max-width:420px){.item-img{height:110px}.item-price-skin{font-size:16px}.item-discount{font-size:13px}}