@charset "utf-8";

@font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url("//themes.googleusercontent.com/static/fonts/ptsans/v6/oOt0DNfso2UXZt7DYCiN2gLUuEpTyoUstqEm5AMlJo4.woff") format("woff"); }

@font-face { font-family: "PT Sans"; font-style: normal; font-weight: 700; src: local("PT Sans Bold"), local("PTSans-Bold"), url("//themes.googleusercontent.com/static/fonts/ptsans/v6/g46X4VH_KHOWAAa-HpnGPr3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff"); }

html, body { color: rgb(57, 40, 57); }

html { margin: 0px; padding: 0px; }

#content-container { z-index: 1; }

#content { position: relative; }

body { padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; margin: auto; }

.full_width { min-width: 710px; width: 100%; }

div { display: block; padding: 0px; width: auto; height: auto; }

.price { font-size: 16px; color: rgb(0, 102, 0); overflow: hidden; }

.price.small_price { text-overflow: ellipsis; font-size: 12px !important; white-space: nowrap !important; }

h1 .price { text-align: center; float: right; }

a { text-decoration: underline; color: rgb(108, 91, 108); }

a:hover { color: rgb(165, 81, 51); }

.err { border: 1px solid rgb(255, 0, 0); background-color: rgb(255, 204, 204); color: rgb(0, 0, 51); padding: 3px; width: 95%; text-align: center; margin: 10px; }

.msg { border: 1px solid rgb(0, 255, 0); background-color: rgb(204, 255, 204); color: rgb(0, 0, 51); padding: 3px; width: 95%; text-align: center; margin: 10px; }

.image-grid { padding-left: 2px; }

.image-grid li { width: 92px; height: 94px; margin: 0px 3px 3px 4px; text-align: center; font-family: "Helvetica Neue", sans-serif; color: rgb(104, 111, 116); overflow: hidden; display: inline-block; vertical-align: top; position: relative; transition: 0.5s linear; }

.image-grid li:hover { opacity: 0.8; }

.image-grid a { text-decoration: none; }

.hid { display: none; }

#topbar { width: 960px; padding-top: 10px; height: 38px; position: fixed; top: 0px; z-index: 10; box-sizing: border-box; }

#topbar a:hover { color: rgb(165, 81, 51); }

#footerbar { font-size: 12px; padding: 5px 10px 5px 7px; }

#footerbar a { font-weight: bold; }

#footerbar a:hover { color: rgb(165, 81, 51); }

#footerbar2 { padding-top: 0px; margin-bottom: 5px; padding-right: 10px; padding-left: 7px; height: 5px; }

#userbar { float: right; margin-right: 10px; }

.menuicon { display: inline-block; width: 16px; height: 16px; margin-top: -2px; margin-bottom: -2px; }

#steamloginicon { background: url("../images/common/sits_small.png"); display: inline-block; width: 154px; height: 23px; margin-top: -4px; margin-bottom: -2px; }

#userminiava { width: 24px; margin-bottom: -8px; margin-top: -7px; border-radius: 3px; border: 1px solid rgb(85, 85, 85); }

.money { color: rgb(63, 147, 24); }

#footer { float: right; padding-right: 10px; text-align: right; color: rgb(218, 218, 218); font-size: 10px; }

#footer a { color: rgb(218, 218, 218); }

.myitem { width: 150px; height: 100px; display: inline-block; margin: 4px; padding: 4px; position: relative; }

.myitemrecom { position: absolute; bottom: 10px; right: 10px; color: rgb(149, 255, 217); }

.myitem a { float: right; display: inline-block; width: 16px; height: 16px; margin-left: 3px; }

.myitem .infotext { float: left; font-weight: bold; color: rgb(252, 255, 149); text-shadow: rgb(9, 6, 6) 1px 1px 2px; clear: left; }

.myitem_main { width: 92px; height: 61px; position: relative; border: 1px solid black; box-sizing: border-box; border-radius: 5px; box-shadow: rgb(206, 206, 206) 0px 4px 4px 0px; }

.myitem_main .hot { position: absolute; bottom: 1px; right: 1px; display: block; width: 32px; height: 32px; background: url("../images/hot_icon.png"); }

.myitem_main span { font-size: 11px; float: left; padding-left: 2px; color: rgb(252, 255, 149); text-shadow: rgb(9, 6, 6) 1px 1px 2px; text-align: left; }

#loading_img { display: none; position: fixed; top: 10px; left: 100%; margin-left: -100px; border: 2px solid rgb(102, 102, 102); border-radius: 4px; padding: 5px; z-index: 10000; background: url("../images/common/loading1.gif") 10px 10px / 60px no-repeat rgb(204, 204, 204); width: 84px; height: 84px; }

#logo { width: 175px; height: 50px; display: inline-block; background: url("../images/logo_new.png") 50% 50% / 140px no-repeat; margin: -12px 2px -9px 7px; border-radius: 2px; }

#logo2 { display: inline-block; width: 30px; height: 30px; background: url("../images/logo_ico.png") 0% 0% / 100%; margin: -12px 2px -9px 7px; border-radius: 2px; }

#footer_logos { float: left; }

#footer_logos img { opacity: 0.6; }

#footer_logos img:hover { opacity: 1; }

.expansible { overflow: hidden; }

.funcimg { float: right; display: inline-block; width: 16px; height: 16px; margin-left: 3px; }

.myitemsnumber { width: 100px; display: inline-block; text-align: right; padding-right: 20px; }

pre { width: 100%; overflow: hidden; }

.chat_frame { border-top: 1px solid rgb(187, 170, 187); border-bottom: 1px solid rgb(187, 170, 187); border-image: initial; border-left: none; border-right: none; overflow: auto; padding: 5px; overflow-wrap: break-word; text-align: left; width: 100%; height: 207px; font-size: 11px; line-height: 1.5; box-sizing: border-box; }

#chat_text { width: 100%; box-sizing: border-box; }

.item_bot { bottom: 3px; position: absolute; left: 3px; }

.styled-select select { background: transparent; width: 100%; border: 0px; margin: 0px; padding: 5px 5px 5px 0px; }

.styled-select { width: 100%; position: relative; text-align: center; border-top: 1px solid rgb(206, 206, 206); }

.styled-select a { text-decoration: none; }

.check-icon { margin: 0px 3px -3px 0px; float: left; opacity: 0.5; }

.check_lable:hover .check-icon { opacity: 1; }

.check_lable { display: block; margin: 2px; cursor: pointer; }

.discount { padding: 10px; color: rgb(171, 22, 24); font-size: 18px; box-shadow: rgba(150, 150, 0, 0.5) 0px 0px 4px 4px; margin-top: 15px; margin-right: 4px; text-decoration: none; display: block; margin-bottom: 10px; }

.search { width: 128px; color: rgb(204, 204, 204); padding: 5px 5px 5px 23px; font-size: 12px; background: url("../images/common/Search-icon.png") 5px 5.5px / 14px no-repeat white; border: 1px solid rgb(211, 211, 211); border-radius: 3px; display: inline-block; }

.citem { font-weight: bold; }

[name="chat-header"] { cursor: pointer; }

#chat-container { position: fixed; visibility: hidden; width: 300px; z-index: 1000; height: 30px; background: none; bottom: 0px; right: 5px; opacity: 0.95; }

#chat-button-open { position: absolute; right: 25px; top: 5px; }

#chat-button-detach { cursor: pointer; position: absolute; right: 5px; top: 5px; }

.aNorm, .aNorm:active { color: rgb(70, 70, 70); }

.aNorm:hover { color: rgb(136, 60, 60); }

#chat-body { box-sizing: border-box; border-right: 1px solid rgb(187, 170, 187); border-bottom: 1px solid rgb(187, 170, 187); border-left: 1px solid rgb(187, 170, 187); border-image: initial; position: relative; border-top: none; background: white; }

.inactive:hover { background: rgb(247, 247, 247); cursor: default; }

.noscroll { overflow: hidden; }

.page-switcher-left, .page-switcher-right { display: none; cursor: pointer; position: absolute; background: rgb(247, 247, 247); width: 40px; height: 100%; }

.page-switcher-left:hover, .page-switcher-right:hover { background: rgb(240, 240, 240); }

.page-switcher-left { left: 3px; }

.page-switcher-right { right: 3px; border-radius: 2px; }

.page-container { margin-left: 170px; margin-bottom: 10px; padding: 0px 46px; position: relative; min-height: 600px; }

.page-switcher-icon { margin: -8px auto 0px -9px; position: absolute; top: 50%; left: 50%; }

#page-message { display: none; text-align: center; padding-top: 15px; height: 30px; position: relative; }

#chat-rules-link { text-align: center; display: block; font-weight: normal; text-transform: capitalize; text-decoration: underline; }

#chat-rules-link-container { width: 80px; position: absolute; top: 5px; background: rgb(236, 236, 236); line-height: 20px; z-index: 10; right: 19px; border-radius: 2px; border: 1px solid rgb(179, 179, 179); }

#chat-rules-link-container2 { width: 80px; position: absolute; top: 30px; background: rgb(236, 236, 236); line-height: 20px; right: 19px; z-index: 10; border-radius: 2px; border: 1px solid rgb(179, 179, 179); }

#filter { text-align: center; }

#qadio { text-align: left; padding: 0% 5%; width: 90%; border-top: 1px solid rgb(206, 206, 206); margin-bottom: 10px; }

.label-styled { font-weight: bolder; font-family: Arial, sans-serif; width: 100%; margin-top: 10px; display: block; }

.search:focus, .search:active { outline: rgb(134, 202, 255) solid thin; }

.info_dialog_screen { display: block; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 200; background: rgba(0, 0, 0, 0.8); height: 100% !important; }

.info_dialog_outer { width: 600px; margin: 0px auto; height: 100%; position: relative; }

.info_dialog_inner { height: 570px; background: white; top: 50%; position: relative; margin-top: -265px; border-radius: 4px; }

.info_dialog_close { position: absolute; right: 15px; top: 10px; text-decoration: underline; color: rgb(160, 160, 160); cursor: pointer; display: block; text-align: center; }

.info_dialog_close:hover { color: rgb(179, 110, 110); }

.info_dialog_content { padding: 50px 20px 0px; }

.info_dialog_method { margin-top: 10px; }

.info_dialog_or { margin: 20px 0px; text-align: center; color: rgb(165, 165, 165); width: 100%; }

.info_dialog_url { width: 200px; line-height: 20px; padding: 15px; display: block; cursor: pointer; margin-top: 20px; text-align: center; background: rgb(221, 221, 221); border: 1px solid rgb(187, 187, 187); border-radius: 3px; }

#info_dialog_steam_screenshot { width: 200px; height: 200px; margin: 20px auto 0px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; border: 1px solid gray; border-radius: 5px; box-shadow: gray 0px 10px 20px -10px; }

#info_dialog_description { font-weight: bold; }

#dialog { display: none; }

.info_dialog_url:hover { opacity: 0.8; }

.info_dialog_warning { margin-top: 20px; color: rgb(187, 102, 102); width: 100%; text-align: center; }

.chat-message { position: relative; z-index: 1; }

.chat-message:hover { background: rgb(253, 221, 221); }

.chat-message-complain { position: absolute; z-index: 1; background: rgb(219, 57, 57); border-radius: 3px; padding: 0px 5px; color: rgb(255, 255, 255); top: 50%; right: 0px; cursor: pointer; height: 16px; margin-top: -8px; }

.chat-message-complain:hover { background: rgb(165, 38, 38); }

.chat-message-complained { position: absolute; width: 5px; right: -5px; top: 0px; height: 100%; background: rgb(119, 0, 0); }

.email-page-content { margin: 0px auto; padding-top: 10px; padding-bottom: 10px; }

#mail-change-email-input { margin: 0px; outline: none; width: 150px; padding: 2px 6px; box-sizing: border-box; height: 100%; line-height: 20px; float: left; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(199, 199, 199); border-bottom-color: rgb(199, 199, 199); border-left-color: rgb(199, 199, 199); border-image: initial; border-right-style: initial; border-right-color: initial; }

#lnk { display: inline-block; margin-right: 20px; float: left; }

#email-page-content-but { display: inline-block; }

#mail-change-email { display: inline-block; float: left; }

#mail-changers { display: none; height: 28px; }

#mail-change-email-input:focus, #mail-change-email-input:active { outline: rgb(219, 219, 219) solid 1px; outline-offset: -2px; border-right: 1px solid rgb(219, 219, 219); }

#mail-change-email-confirm { float: left; }

#mail-change-email-input { }

.cf::before, .cf::after { content: " "; display: table; }

.cf::after { clear: both; }

.cf { }

div#real-footer { width: 950px; padding: 10px; background: rgb(49, 16, 11); margin-left: -10px; }

.image-grid li strong { background: white; width: 100%; display: inline-block; }

.image-grid li:hover { z-index: 90; overflow: visible; }