::-webkit-input-placeholder { /* WebKit browsers */
    color: #636363;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #636363;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #636363;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #636363;
}

input {
    padding-left: 5px;
}

.container {
    padding-top: 105px;
    min-height: 660px;
}

a:hover {
    color: #f3b300;
    outline: none !important;
}

.text-blue {
    color: #4C8ED9;
}

.text-gray {
    color: #666;
}

.text-hover:hover {
    color: #e4b35a;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-normal {
    color: #B2B2B2
}
.text-unusual_strange{
    color:rgb(134, 80, 172)
}

.text-genuine {
    color: #4d7455
}

.text-vintage {
    color: #476291
}

.text-unusual {
    color: #8650AC
}

.text-unique {
    color: #d2d2d2
}

.text-community {
    color: #70B04A
}

.text-developer {
    color: #A50F79
}

.text-selfmade {
    color: #70B04A
}

.text-customized {
    color: #476291
}

.text-strange {
    color: #cf6a32
}

.text-completed {
    color: #b2b2b2
}

.text-haunted {
    color: rgb(134, 80, 172)
}

.text-tournament {
    color: rgb(255, 215, 0)
}

.text-favored {
    color: #FF0
}

.text-ascendant {
    color: #EB4B4B
}

.text-autographed {
    color: #ADE55C
}

.text-legacy {
    color: #fff
}

.text-exalted {
    color: #d1d1d1
}

.text-frozen {
    color: #4682b4
}

.text-corrupted {
    color: #A32C2E
}

.text-lucky {
    color: #32cd32
} 

.text-infused{
    color: rgb(136, 71, 255)
}

.text-normal.active, .border-normal {
    border: 1px solid #b2b2b2 !important;
}
.text-unusual_strange.active{
    border: 1px solid rgb(134, 80, 172) !important;
}
.text-genuine.active, .border-genuine {
    border: 1px solid #4d7455 !important;
}

.text-vintage.active, .border-vintage {
    border: 1px solid #476291 !important;
}

.text-unusual.active, .border-unusual {
    border: 1px solid #8650AC !important;
}

.text-unique.active, .border-unique {
    border: 1px solid #d2d2d2 !important;
}

.text-community.active, .border-community {
    border: 1px solid #70B04A !important;
}

.text-developer.active, .border-developer {
    border: 1px solid #A50F79 !important;
}

.text-selfmade.active, .border-selfmade {
    border: 1px solid #70B04A !important;
}

.text-customized.active, .border-customized {
    border: 1px solid #476291 !important;
}

.text-strange.active, .border-strange {
    border: 1px solid #cf6a32 !important;
}

.text-completed.active, .border-completed {
    border: 1px solid #b2b2b2 !important;
}

.text-haunted.active, .border-haunted {
    border: 1px solid rgb(134, 80, 172) !important;
}

.text-tournament.active, .border-tournament {
    border: 1px solid rgb(255, 215, 0) !important;
}

.text-favored.active, .border-favored {
    border: 1px solid #FF0 !important;
}

.text-ascendant.active, .border-ascendant {
    border: 1px solid #EB4B4B !important;
}

.text-autographed.active, .border-autographed {
    border: 1px solid #ADE55C !important;
}

.text-legacy.active, .border-legacy {
    border: 1px solid #fff !important;
}

.text-exalted.active, .border-exalted {
    border: 1px solid #d1d1d1 !important;
}

.text-frozen.active, .border-frozen {
    border: 1px solid #4682b4 !important;
}

.text-corrupted.active, .border-corrupted {
    border: 1px solid #A32C2E !important;
}

.text-lucky.active, .border-lucky {
    border: 1px solid #32cd32 !important;
}

.text-infused.active, .border-infused {
    border: 1px solid rgb(136, 71, 255) !important;
}

.border-none {
    border: 1px solid transparent !important;
}

.rarity-common {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(176, 195, 217)
    ;
}

.rarity-common.active {

    border: 1px solid rgb(176, 195, 217)

}

.rarity-uncommon_weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #5e98d9;
}

.rarity-uncommon_weapon.active {

    border: 1px solid #5e98d9
}

.rarity-rare_weapon  {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(75, 105, 255);
}

.rarity-rare_weapon.active {

    border: 1px solid rgb(75, 105, 255)
}

.rarity-rare{
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(75, 105, 255);
}

.rarity-rare.active{
    border: 1px solid rgb(75, 105, 255)
}

.rarity-ancient{
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(235, 75, 75);
}

.rarity-ancient.active{
    border: 1px solid rgb(235, 75, 75)
}

.rarity-common_weapon{
    color: rgb(176, 195, 217);
}

.rarity-common_weapon.active{
    border: 1px solid rgb(176, 195, 217)
}

.rarity-mythical_weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(136, 71, 255)
    ;
}

.rarity-mythical_weapon.active {

    border: 1px solid rgb(136, 71, 255)
}

.rarity-immortal {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #e4ae39;
}

.rarity-immortal.active {

    border: 1px solid #e4ae39;
}

.rarity-legendary_weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color:rgb(211, 44, 230);
}

.rarity-legendary_weapon.active {

    border: 1px solid rgb(211, 44, 230);
}

.rarity-arcana {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #ADE55C;
}

.rarity-arcana.active {
    padding-right: 2px;
    border: 1px solid #ADE55C;
}

.rarity-legendary  {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(211, 44, 230);
}

.rarity-legendary.active {
    padding-right: 2px;
    border: 1px solid rgb(211, 44, 230);
}

.rarity-mythical {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(136, 71, 255);
}

.rarity-mythical.active {
    padding-right: 2px;
    border: 1px solid rgb(136, 71, 255);
}

.rarity-contraband {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(228, 174, 57);
}

.rarity-contraband.active {
    padding-right: 2px;
    border: 1px solid rgb(228, 174, 57);
}

.rarity-ancient_weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color:rgb(235, 75, 75);
}

.rarity-ancient_weapon.active {

    border: 1px solid #ade55c;
}

.rarity-contraband.active,
.rarity-rare_character.active,
.rarity-mythical_character.active,
.rarity-legendary_character.active,
.rarity-ancient_character.active {
    border: 1px solid #afb0b2;
}


.Rarity_Common {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(176, 195, 217)
    ;
}

.Rarity_Common.active {

    border: 1px solid rgb(176, 195, 217)

}

.Rarity_Uncommon_Weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #5e98d9;
}

.Rarity_Uncommon_Weapon.active {

    border: 1px solid #5e98d9
}

.Rarity_Rare_Weapon  {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(75, 105, 255);
}

.Rarity_Rare_Weapon.active {

    border: 1px solid rgb(75, 105, 255)
}

.Rarity_Rare{
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(75, 105, 255);
}

.Rarity_Rare.active{
    border: 1px solid rgb(75, 105, 255)
}

.Rarity_Ancient{
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(235, 75, 75);
}

.Rarity_Ancient.active{
    border: 1px solid rgb(235, 75, 75)
}

.Rarity_Common_Weapon{
    color: rgb(176, 195, 217);
}

.Rarity_Common_Weapon.active{
    border: 1px solid rgb(176, 195, 217)
}

.Rarity_Mythical_Weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(136, 71, 255)
    ;
}

.Rarity_Mythical_Weapon.active {

    border: 1px solid rgb(136, 71, 255)
}

.Rarity_Immortal {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #e4ae39;
}

.Rarity_Immortal.active {

    border: 1px solid #e4ae39;
}

.Rarity_Legendary_Weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color:rgb(211, 44, 230);
}

.Rarity_Legendary_Weapon.active {

    border: 1px solid rgb(211, 44, 230);
}

.Rarity_Arcana {
    padding-left: 2px;
    padding-bottom: 2px;
    color: #ADE55C;
}

.Rarity_Arcana.active {
    padding-right: 2px;
    border: 1px solid #ADE55C;
}

.Rarity_Legendary  {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(211, 44, 230);
}

.Rarity_Legendary.active {
    padding-right: 2px;
    border: 1px solid rgb(211, 44, 230);
}

.Rarity_Mythical {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(136, 71, 255);
}

.Rarity_Mythical.active {
    padding-right: 2px;
    border: 1px solid rgb(136, 71, 255);
}

.Rarity_Contraband {
    padding-left: 2px;
    padding-bottom: 2px;
    color: rgb(228, 174, 57);
}

.Rarity_Contraband.active {
    padding-right: 2px;
    border: 1px solid rgb(228, 174, 57);
}

.Rarity_Ancient_Weapon {
    padding-left: 2px;
    padding-bottom: 2px;
    color:rgb(235, 75, 75);
}

.Rarity_Ancient_Weapon.active {

    border: 1px solid #ade55c;
}

.Rarity_Contraband.active {

    border: 1px solid #afb0b2;
}


.op-3 {
    opacity: 0.3;
}

.ft-weight {
    font-weight: 900;
}

.ft-white {
    color: #fff !important;
    text-shadow: -1px -2px 3px #000000, 1px -2px 9px #ffa500, 1px 2px 3px #007eff, 1px 2px 9px #000;
}

.ft-ddd {
    color: #ddd !important;
}
.ft-inter{
    color: #75849b !important;
}
.ft-lowwhite {
    color: #B9B9BB;
}

.ft-ccc {
    color: #ccc !important;
}

.ft-pink {
    color: #b4bcc5;
    text-shadow: -1px -2px 3px #ffffff45, 1px -2px 9px #81fffe54, 1px 2px 3px #00000073, 1px 2px 9px #000;
    transparent;font-size:8px; 

}

.ft-gray {
    color: #999999 !important;
}

.ft-blue {
    color: #0088C3;
}

.ft-orange {
    color: #e46409;
}

.ft-green {
    color: #5ba919;
}

.ft-red {
    color: #d85653;
}

.ft-darkRed {
    color: #aa4547;
}

.ft-gold {
    color: #e4b35a;
}

.ft-white {
    color: #ffffff;
}

.ft-color {
    color: #c5cde7;
}

.ft-base {
    color: #75849b;
}

.ft-12 {
    font-size: 12px;
}

.ft-14 {
    font-size: 14px;
}

.ft-16 {
    font-size: 16px !important;
}

.ft-18 {
    font-size: 18px;
}

.ft-20 {
    font-size: 20px;
}

.ft-22 {
    font-size: 22px;
}

.ft-24 {
    font-size: 24px;
}

.ft-26 {
    font-size: 26px;
}

.ft-27 {
    font-size: 27px;
}

.ft-28 {
    font-size: 28px;
}

.ft-30 {
    font-size: 30px;
}

.ft-34 {
    font-size: 34px;
}

.ft-36 {
    font-size: 36px;
}


.ft-40 {
    font-size: 40px;
}

.ft-50 {
    font-size: 50px;
}

.ft-emphasize {
    color: #09fe99;
    font-weight: 900;
}

.top-0 {
    position: relative;
    top: 0px;
}

.top-1 {
    position: relative;
    top: 1px;
}

.top-2 {
    position: relative;
    top: 2px;
}

.top-3 {
    position: relative;
    top: 3px;
}

.top-4 {
    position: relative;
    top: 5px;
}

.top-5 {
    position: relative;
    top: 5px;
}

.top-6 {
    position: relative;
    top: 6px;
}

.top-7 {
    position: relative;
    top: 7px;
}

.top-8 {
    position: relative;
    top: 8px;
}

.top-9 {
    position: relative;
    top: 9px;
}

.top-10 {
    position: relative;
    top: 18px;
}

.bottom-1 {
    position: relative;
    bottom: 1px;
}

.bottom-2 {
    position: relative;
    bottom: 2px;
}

.bottom-3 {
    position: relative;
    bottom: 3px;
}

.bottom-5 {
    position: relative;
    bottom: 5px;
}

.bottom-12 {
    position: relative;
    bottom: 12px;
}

.bottom-15 {
    position: relative;
    bottom: 15px;
}

.bottom-20 {
    position: relative;
    bottom: 20px;
}

.bottom-60 {
    position: relative;
    bottom: 60px;
}

.left-10 {
    position: relative;
    left: 10px;
}

.right-2 {
    position: relative;
    right: 2px;
}

.right-10 {
    position: relative;
    right: 10px;
}

.left-13 {
    position: relative;
    left: 13px;
}

.pd-0 {
    padding: 0 !important;
}

.pd-5 {
    padding: 5px !important;
}

.pd-10 {
    padding: 10px !important;
}

.pd-20 {
    padding: 20px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-7 {
    padding-right: 7px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-5 {
    margin-top: 2.5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-24 {
    margin-left: 24px;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-115 {
    margin-top: 115px !important;
}

.mt-200 {
    margin-top: 200px;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-2 {
    margin-left: 3px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-25 {
    margin-left: 100px;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-13 {
    margin-left: 13px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-82 {
    margin-left: 82px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-122 {
    margin-left: 122px;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-17 {
    margin-right: 17px;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-50 {
    margin-right: 50px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.wd-100 {
    width: 100px;
}

.wd-102 {
    width: 102px;
}

.ls-10 {
    letter-spacing: 10px;
}

.h-30 {
    height: 30px;
}

.br-0 {
    border-right: 0 !important;
}

.b-2 {
    bottom: 2px;
    position: relative;
}

.bt-0 {
    border-top: 0 !important;
}

.bb-0 {
    border-bottom: 0 !important;
}

.max-w854 {
    max-width: 854px;
}

.of-hide {
    display: inline-block;
    overflow: hidden;
}

.ui-input {
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
    width: 100px;
    border: 1px solid #667485;
    background: #475063;
}

.btn-blue,.btn-red,.btn-inventory,.btn-yellow,.btn-orange,.btn-grey,.btn-green,.btn-gold,.btn-dark,
#content .btn {
    padding: 0 15px;
    line-height: 28px;
    height: 30px;
    font-size: 12px;
    border-radius: 3px;
    outline: none !important;
}
.btn:focus {
    color: #fff;
}

.btn-blue {
    color: #fff;
    background: #4d567f;
}
.btn-blue:hover {
    background: #6d7ab3 !important;
    color: #fff !important;
}

.btn-red {
    color: #fff;
    background: #CC0011;
}
.btn-red:hover {
    background: #B6000E !important;
    color: #fff !important;
}

.btn-inventory {
    color: #fff;
    background: #2C3040;
    border: 1px solid #667485;
}
.btn-inventory:hover {
    background: #33384c !important;
    color: #fff !important;
}

.btn-yellow {
    color: #fff;
    background: #ff9400;
}
.btn-yellow:hover {
    color: #fff !important;
    background: #b78730 !important;
}

.btn-orange {
    color: #fff;
    background: #f86b00;
}
.btn-orange:hover {
    color: #fff;
    background: #f78731;
}

.btn-grey {
    color: #fff;
    background: #999999;
}
.btn-grey:hover {
    color: #fff;
    background: #999999;
}

.btn-green {
    color: #fff;
    background: #5ba919;
}
.btn-green:hover {
    background: #449d44;
    color: #fff;
}

.btn-gold {
    background: #f3ae30;
    color: #fff !important;
    border-radius: 0;
}
.btn-gold:hover {
    background: #e4b35a;
}

.btn-dark {
    background: #1B1F2B;
    color: #fff !important;
}
.btn-dark:hover {
    background: #1B1F2B;
}

.btn-large {
    display: inline-block;
    width: 150px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
}

.btn-table {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    background: #4d567f;
    color: #fff;
    padding: 0 10px;
    float: right;
    margin-right: 10px;
    min-width:72px;
}

.btn-table-green {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    background: #5ba919;
    color: #fff;
    padding: 0 10px;
    float: right;
    margin-right: 10px;
}

.btn-table-submit {
    display: inline-block;
    text-align: center;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    background: #f78731;
    color: #fff;
    width: 72px;
    float: right;
    margin-right: 10px;
}

.btn-forget {
    width: 100%;
    height: 40px;
    color: white;
    font-weight: normal;
    border-radius: 1px;
    background: rgba(248, 107, 0, 0.3);
    border: 1px solid #f86b00;
}

.btn-forget:hover {
    color: #f86b00;
}

.icon-csgo, .icon-730, .icon-money, .icon-ok, .icon-phone, .icon-email, .icon-big-right {
    background: url("../images/icons.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.icon-qqun, .icon-570 {
    background: url("../images/qqun-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}
.icon-yykf {
    background: url("../fonts/yykf-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}
.icon-qqkf {
    background: url("../fonts/qqkf-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}
.icon-ggtcqqkf {
    background: url("../fonts/qqkf-icon.svg") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: 1px;
}
.icon-FHdb {
    background: url("../fonts/fhdb-icon.svg") no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: -8px;
}
.icon-GB {
    background: url("../fonts/gb-icon.svg") no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: -2px;
}
.icon-csgo, .icon-730 {
    background-position: -30px -314px;
    margin-bottom: -2px;
}
.icon-csgo, .icon-730{
    background: url("../fonts/csgo-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.icon-steam {
    background: url("../fonts/steam-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-pubg {
    background: url("../fonts/pubg-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-Artifact {
    background: url("../images/artifact.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-tf2 {
    background: url("../images/tf2-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-kotk {
    background: url("../fonts/kotk-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-js {
    background: url("../images/js-icon.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
    background-size: 100%;
}

.icon-753 {
    background: url("../images/yqun-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-578080 {
    background: url("../fonts/pubg-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-433850 {
    background: url("../fonts/kotk-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-440 {
    background: url("../fonts/tf2-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-218620 {
    background: url("../fonts/payday2-icon.svg") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-252490 {
    background: url("../images/252490.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}


.icon-360930 {
    background: url("../images/360930.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-304930 {
    background: url("../images/304930.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
}

.icon-295110 {
    background: url("../images/js-icon.svg") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

.icon-money {
    background-position: -59px -314px;
}

.icon-ok {
    background-position: -6px -448px;
    width: 52px;
    height: 52px;
}

.icon-phone {
    background-position: -1064px -440px;
    width: 32px;
    height: 35px;
}

.icon-email {
    background-position: -1068px -387px;
    width: 32px;
    height: 35px;
}

.selected-right-icon {
    background: url(../images/selected-green.png) no-repeat;
    display: inline-block;
}

.selected-right-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px;
    display: none;
    z-index: 99999;
}

.small-right {
    background-position: 0px -75px;
    height: 25px;
    width: 25px;
}

.icon-big-right {
    width: 65px;
    height: 65px;
    background-position: -861px -440px;
}

.icon-dota2-big, .icon-csgo-big {
    width: 82px;
    height: 110px;
    display: inline-block;
    background: url("../images/dota-csgo.png") no-repeat;
}

.icon-dota2-big {
    background-position: -158px -142px;
}

.icon-csgo-big {
    background-position: -5px -142px;
}

.icon-dota2-big:hover {
    background-position: -159px -1px;
}

.icon-csgo-big:hover {
    background-position: -6px -1px;
}

.selected .selected-right-icon {
    display: block;
}

.input-sm {
    background: #2C3040;
    border: 1px solid #667485;
}

.input-long {
    width: 380px;
}

.bg-lightblue {
    background-color: #27314C !important;
}

.login-reg-content {
    min-height: 500px;
}

.login-reg-content #content {
    margin-top: 0;
    position: relative;
    min-height: 500px;
}

.login-reg-content .login-reg-form, .login-reg-content .login-reg-form2 {
    position: absolute;
    right: 100px;
    top: 50px;
}

.form-text {
    padding-top: 7px;
}

.img {
    position: relative;
}

.head-img {
    position: relative;
    float: left;
    width: 70px;
    height: 50px;
    margin-right: 10px;
}

.form-group select {
    border: 1px solid #667485;
    background: #475063;
    height: 28px;
    line-height: 28px;
    border-radius: 0;
}

body .well {
    background-color: #2c3040;
    border-color: #2c3040;
}



#side-guide {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 12;
}
#affix-nav {
    position: fixed;
    left: 50%;
    bottom: 100px;
    margin-left: 590px;
    z-index: 10;
}