#menu-offline{
      width: 260px;
    float: left;
}
#i-content-bxr{
    margin: 20px 0;
    position: relative;
    font-family: 'Open Sans';
}
.gray-bon1{
color: #9d9d9d !important;
}
.gray-bon2{
background: #9d9d9d !important;    color: #fff !important;
}
#content-mn-left{
float: left;
    width: 210px;
    margin-left: 0px;
}
#content-mn-right{
    float: right;
    width: 850px;
    margin-right: 0px;
}
    h1{
text-align: left;
    margin-left: 40px;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 40px;    padding-top: 0;
    line-height: 38px;
    }
    #list-acc {
margin-top: 0px;
    border-radius: 0;
    border: 0;
    overflow: hidden;
    margin-bottom: 20px;
    min-height: auto;
}
#list-acc li a {
    display: block;
    padding: 10px 20px;
    color: #000;
    text-decoration: none;
    
    font-size: 14px;
}
#list-acc li a.actm {
    background: #F5D848;
}
#tab-order{
display: block;
    margin: 0;
    list-style: none;
    line-height: 37px;
    text-align: left;
    margin-right: 0px;
    border-bottom: 1px solid #d0d0d0;
    height: 36px;
    font-size: 16px;
    padding: 0;
}
#tab-order li{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-right: 0;
}

#tab-order li a{
background: #fff;
    height: 35px;
    display: inline-block;
    font-size: 16px;
    border-radius: 0;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    color: #5a5a5a !important;
    text-decoration: none;
    padding: 0 15px;
    font-weight: 400;
}
#tab-order li a.act-tab-order{
         height: 36px;
    color: #000000 !important;
}
#tab-order li a:hover{
    
    color: #000000 !important;
}
.false{
        width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 8px;
    border-radius: 50%;
    background: #e64717;
}
#tab-order li a b{
    color: #1f1f1f !important;
    font-family: 'Open Sans','PT Sans';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    line-height: 22px;
    padding-right: 24px;
    background-size: 17px;
    background-image: url(/images/rbl.png);
    background-repeat: no-repeat;
        background-position: right;
}
#tab-order li a span{
        display: inline-block;
    vertical-align: top;
    font-size: 13px;
    border-radius: 50%;
    margin-left: 1px;
    height: 18px;
    margin-top: 9px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    font-weight: 600;
    border: 1px solid #f5d848;
}
#orders-lists{
    margin: 0 0 30px 0;
}
#orders-lists>li{
    margin-bottom: 5px;
    font-size: 14px;
    padding: 10px;

}
#orders-lists>li .orders-lists-num{
        float: left;
    width: 149px;
}
#orders-lists>li .orders-lists-num b{
    line-height: 28px;
    font-size: 15px;
}
#orders-lists>li .orders-lists-num span{
    display: block;
    color: #8c8c8c;
}
#orders-lists>li .orders-lists-tov{
    width: 145px;
    float: left;
}
#orders-lists>li .orders-lists-tov span.opens{
        position: relative;
    border-color: rgba(22,131,198,.3);
    cursor: pointer;
    border-bottom: 1px dotted;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
}

#orders-lists>li .orders-lists-tov span.closes{
    position: relative;
    border-color: rgba(22,131,198,.3);
    cursor: pointer;
    border-bottom: 1px dotted;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
}
#orders-lists>li .orders-lists-tov span.closes:after{
    content: "";
    position: absolute;
    top: calc(50% - 2.5px);
    right: -15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}
#orders-lists>li .orders-lists-tov span.opens:after{
    content: "";
    position: absolute;
    top: calc(50% - 2.5px);
    right: -15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid;
    border-top: none;
}
#orders-lists>li .orders-lists-tov span:hover{
    color: #d88e06;
}
.orders-lists-deliv-mob{
    display: none;
}
#orders-lists>li .orders-lists-status{
    width: 150px;
    float: left;
    margin-right: 13px;
/*    margin-top: 6px;*/
    color: #777;
}
#orders-lists>li .orders-lists-deliv a{
 
    color: #797979;
    display: block;

}
#orders-lists>li .orders-lists-deliv a:hover{
 
    color: #d88e06;

}
#orders-lists>li .orders-lists-deliv{
       width: 250px;
    float: left;
    margin-right: 0;
/*    margin-top: 6px;*/
    line-height: 17px;
    color: #777;
}
#orders-lists>li .orders-lists-price{
        float: right;
    line-height: 16px;
    font-size: 16px;
    font-family: 'open Sans', 'PT Sans';
    font-weight: bold;
}
#orders-lists>li .detail-orders-tov{
    display:none;  margin: 30px 0 22px 147px;
}
#orders-lists>li .detail-orders-tov ul{
    list-style: disc;
    margin-left: 20px;
}
#orders-lists>li .detail-orders-tov ul li{
line-height: 28px;
}
.detail-orders-tov-name{
        float: left;
    width: 440px;
}
.alr-pay{
    display: inline-block;
    font-family: 'Open Sans', 'PT Sans';
    line-height: 20px;
    padding: 0;
    font-size: 14px;
}
.alr-pay i{
        display: inline-block;
    width: 10px;
    height: 10px;
    background: #1eab04;
    margin-right: 2px;
}
.alr-pay b{
        font-size: 16px;
}
.detail-orders-tov-name span{
        display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-left: 7px;
    border-radius: 3px;
    padding: 0 0px;
    color: #e27607;
    font-weight: 600;
}
.detail-orders-tov-name a{
    color: #111;
}
.detail-orders-tov-name a:visited {
    color: #7c0596;
    border-color: rgba(124,5,150,.3);
}
.detail-orders-tov-name a:hover, #orders-lists>li .orders-lists-status a:hover{
color: #d88e06;
}
.detail-orders-tov-sht{
    float: left;
    width: 58px;
    text-align: right;
}
.detail-orders-tov-price{
    float: right;
    width: 108px;
    text-align: right;
    font-size: 16px;
    font-family: 'open Sans', 'PT Sans';
}
.orders-lists-deliv a{
   display: block;
    color: #109400;

    margin-top: 2px;
}
.action-order{
margin-top: 15px;
         }
         .action-order-left{
             float: left;
    width: 294px;
         }
         .action-order-left a{
             display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
    line-height: 23px;
    padding: 0 7px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 13px;
         }
         .action-order-left span{
         
         }
         .action-order-right{
         float: right;
    width: 315px;
    text-align: right;
         }
         .action-order-right a{
             margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    line-height: 23px;
    padding: 0 7px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 13px;
         }
         .action-order-right a:hover, .action-order-left a:hover{
border: 1px solid #505050;
    color: #111;
         }
         .mg-tel-nw{
                display: inline-block;
    font-size: 13px;
    line-height: 24px;
    vertical-align: top;
    color: #656565;
         }
         .orders-lists-status-im{
                float: left;
    width: 17px;
         }
          .orders-lists-status-im span.nach{
                width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 8px;
    border-radius: 50%;
    background: #4484f9;
         }
         #orders-lists li.open-li-order{
             background: #fafbf7 !important;
         }
         .zaya{
            width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
    background: #e6821c;
    vertical-align: middle;
         }
#orders-lists>li .orders-lists-num i {
    display: none;
}
.br-shop{
    display: none;
}

#tab-order li#menu-current{
    display: none;
}
.arh{
       width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
    background: #1fbd0b; 
    vertical-align: middle;
}
.codess{
    display: none;
}
@media screen and (max-width: 600px){
    #i-content-bxr {
    width: auto;
    position: relative;
    font-family: 'Open Sans';
    margin: 12px;
}
#content-mn-left- {
    display: block;
    margin: 0;
    width: 100%;
    margin-top: 40px;
}
#content-mn-right {
    float: none;
    width: auto;
    margin-right: 0px;
}

h1 {
    text-align: left;
    margin-left: 40px!important;
    font-weight: 700!important;
    font-size: 24px!important;
    margin: 19px 12px 10px!important;
}
#tab-order,.orders-lists-status-im {
    display: none;
}
#orders-lists {
    margin: 15px 0;
}
#orders-lists>li {
    margin-bottom: 10px;
    font-size: 14px;
    padding: 9px 12px;
    position: relative;
}
#orders-lists>li .orders-lists-num b {
    line-height: 28px;
    font-size: 18px;
}
#orders-lists>li .orders-lists-num span {
    display: block;
    color: #8c8c8c;
    font-size: 13px;
}
#orders-lists>li .orders-lists-status, #orders-lists>li .orders-lists-deliv {
    display: none;
}
#orders-lists>li .orders-lists-num i.nach-i {
        font-style: normal;
    display: block;
    margin-top: 5px;
    font-weight: 600;
    color: #2065cc;
    letter-spacing: -0.5px;
}
#orders-lists>li .orders-lists-num strong {
        display: inline-block;
    margin-top: 5px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
}
#orders-lists>li .orders-lists-num i.zaya-i {
font-style: normal;
    display: block;
    margin-top: 5px;
    font-weight: 600;
    color: #e48e0e;
    letter-spacing: -0.5px;
}
#orders-lists>li .orders-lists-num {
    float: left;
    width: 62%;
}
#orders-lists>li .orders-lists-tov {
    float: left;
    position: absolute;
    right: 9px;
    top: 8px;
    height: 23px;
    width: 23px;
    color: inherit;
    overflow: hidden;
}
#orders-lists>li .orders-lists-tov span.opens {
    position: relative;
    border-color: rgba(22,131,198,.3);
    cursor: pointer;
    border-bottom: 1px dotted;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #fafbf7;
    height: 23px;
    width: 23px;
    overflow: hidden;
    display: inline-block;
}
#orders-lists>li .orders-lists-tov span.opens:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 4px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 13px solid;
    border-top: none;
    opacity: 1;
    color: #5f5f5f;
}


#orders-lists>li .orders-lists-tov span.closes:after {

    content: "";
    position: absolute;
    top: 8px;
    right: 4px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: none;
    border-top: 13px solid;
    opacity: 1;
    color: #5f5f5f;
}
#orders-lists>li .orders-lists-tov span.closes {
    position: relative;
    border-color: rgba(22,131,198,.3);
    cursor: pointer;
    border-bottom: 1px dotted;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #ffffff;
    height: 23px;
    width: 23px;
    overflow: hidden;
    display: inline-block;
}
.orders-lists-status-im {

    display: none;
}
.orders-lists-deliv-mob{
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #828282;
    letter-spacing: 0px;
    margin-top: 0;
}
#orders-lists>li .detail-orders-tov {
    margin: 17px 0 4px 0px;
}
#orders-lists>li .detail-orders-tov ul {
    list-style: none;
    margin-left: 0;
}
#orders-lists>li .detail-orders-tov ul li {
    line-height: 28px;
    margin-bottom: 8px;
}
.detail-orders-tov-name {
    float: none;
    width: auto;
    line-height: 19px;
}
.detail-orders-tov-sht {
    float: left;
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    color: #838383;
}
.detail-orders-tov-price {
    float: none;
    width: auto;
    text-align: left;
    font-size: 16px;
    font-family: 'open Sans', 'PT Sans';
}
.action-order {
    margin-top: 10px;
}
.action-order-left {
    float: none;
    width: auto;
}
.action-order-right {
    float: none;
    width: auto;
    text-align: left;
    margin-top: 10px;
}
.action-order-right a {
    margin-left: 0;
}
.br-shop{
    display: block;
}
#orders-lists>li .orders-lists-price {
    float: right;
    line-height: 28px;
    font-size: 16px;
    font-family: 'open Sans', 'PT Sans';
    padding-right: 31px;
    font-weight: bold;
}
.detail-orders-tov-name a {
    font-weight: 600;
}
.action-order-right {
    margin-top: 5px;
}
#tab-order {
    display: block;
    margin: 0;
    list-style: none;
    line-height: 40px;
    text-align: left;
    margin-right: 0px;
    border-bottom: 0;
    height: 40px;
    font-size: 16px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
}
#tab-order li {
    height: 40px;display: block;
}
#tab-order li#menu-current {
    display: block !important;
}
#tab-order li#menu-current b {
    padding-left: 50px;
    background-image: url(/images/menu-icon.jpg);
    background-repeat: no-repeat;
    background-position: 4px;
    font-weight: 400;
    line-height: 40px;
    display: block;
    color: #5a5a5a !important;
}
#tab-order li#menu-current b span{
        display: inline-block;
    vertical-align: top;
    font-size: 13px;
    border-radius: 50%;
    margin-left: 1px;
    height: 18px;
    margin-top: 9px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    font-weight: 600;
    border: 1px solid #f5d848;
}
#tab-order li a {
    border-right: 0;
    border-left: 0;
    background: #fff;
    height: 35px;
    display: block;
    font-size: 16px;
    border-top: 1px solid #d0d0d0;
    border-left: 0px solid #d0d0d0;
    border-right: 0px solid #d0d0d0;
    color: #5a5a5a !important;
    text-decoration: none;
    padding: 0;
    font-weight: 400;
    padding-left: 50px;
}
ul.opn-menu{
   height: auto !important;
}
#tab-order li a.act-tab-order{
         height: 39px;
}
#orders-lists li.open-li-order {
    background: #ffffff !important;
    border: 1px solid #ddd;
    border-radius: 3px;
}
#tab-order li.act-tab-order-li{
    display: none !important;
}
.arh-i{
        font-style: normal;
    display: block !important;
    margin-top: 5px;
    font-weight: 600;
    color: #17a206;
    letter-spacing: -0.5px;
}
.action-order-right a {

    margin-bottom: 5px;
}
} 













#my-bonus{
      margin: 21px 0;
}
#my-bonus span{
      display: block;
    line-height: 33px;
}
#my-bonus b{
  
}
#my-bonus p{
    color: #666;
    font-size: 13px;
    line-height: 19px;
}
#my-bonus p a{
      color: #666;
   
}
#bonushistory-lists{
      margin: 22px 0;
}
#bonushistory-lists li{
      line-height: 24px;
    margin-bottom: 25px;
    font-size: 14px;
}
#bonushistory-lists .bonushistory-date{
  width: 128px;
    float: left;
}
#bonushistory-lists .bonushistory-date span{
      color: #8c8c8c;
}
#bonushistory-lists .bonushistory-oper{
      width: 112px;
    float: left;
    text-align: right;
}
#bonushistory-lists .bonushistory-bon{
      width: 108px;
    float: left;
    text-align: right;
    padding-right: 40px;
    font-weight: 600;
}
#bonushistory-lists .bonushistory-comment{
  
    width: 400px;
    float: left;

}
.plus-bon{
  color: #239e04;
}
.minus-bon{
  color: #f32d24;
}
#h2-nachs{
margin-top: 35px;
    font-size: 16px;
    font-weight: 600;
}
#my-bonus a:hover{
  color: #333;
}
@media screen and (max-width: 600px){
.bonushistory-comment:before {
    content: "";
    position: absolute;
    top: calc(50% - 2.5px);
    left: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-top: none;
}
#bonushistory-lists {
    margin: 20px 0;
}
#bonushistory-lists li {
    line-height: 24px;
    margin-bottom: 25px;
    font-size: 14px;
}
#bonushistory-lists .bonushistory-date {
    width: 33%;
    float: left;
    FONT-SIZE: 13PX;
}
#bonushistory-lists .bonushistory-oper {

    float: left;
    text-align: right;
    width: 30%;
    margin-right: 3%;
}
#bonushistory-lists .bonushistory-bon {
    width: 33%;
    float: left;
    text-align: right;
    padding-right: 0;
    font-weight: 600;
}
#bonushistory-lists .bonushistory-comment {
    width: auto;
    float: none;
    font-size: 13px;
    line-height: 21px;
    clear: both;
    position: relative;
    padding-left: 21px;
}
}



















#my-obj-rev{
      margin: 25px 0;
}
#my-obj-tov{
      float: left;
    width: 420px;
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    background: #f7f6f0 !important;
}
#my-obj-tov p{
  
}
#my-obj-tov p a{
      color: #383838;
}
a.butts{
      display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
    line-height: 23px;
    padding: 0 7px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}
a.butts:hover {
    border: 1px solid #505050;
    color: #111;
}
#my-obj-shop{
      float: right;
    width: 366px;
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    background: #f7f6f0 !important;
}
#my-obj-shop p{
  
}
#my-obj-shop p b{
      display: block;
}
#h2-ab-tov{
      margin-top: 35px;
    font-size: 16px;
    font-weight: 600;
}
#rev-lists{
      margin: 22px 0;
}
#rev-lists li{
  line-height: 24px;
    margin-bottom: 30px;
    font-size: 14px;
}
#rev-lists .rev-lists-date{
      width: 104px;
    float: left;
    margin-right: 10px;
}
#rev-lists .rev-lists-date span{
  color: #8c8c8c;
}
#rev-lists .rev-lists-tovar{
      width: 209px;
    float: left;
    line-height: 23px;
}
#rev-lists .rev-lists-tovar div{
  margin-top: 5px;
}
#rev-lists .rev-lists-tovar div img{
  height: 130px;
}
#rev-lists .rev-lists-mark{
      width: 92px;
    float: left;
    line-height: 23px;
}
#rev-lists .rev-lists-mark img{
      width: 13px;
}
.rev-lists-status{
  width: 140px;
    float: left;
}
.rev-proverka{
      display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f59928;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 3px;
}
.rev-dobro{
      display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #29c335;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 3px;
}
.rev-otkaz{
      display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f52218;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 3px;
}
.rev-lists-status b{
      line-height: 18px;
    font-size: 13px;
    color: #2d2c2c;
    margin: 10px 0;
    display: block;
}
.rev-lists-status a{
  color: #f52218;
}
.rev-lists-text{
  width: 237px;
    float: right;
    line-height: 18px;
    font-size: 13px;
    color: #797575;
}
@media screen and (max-width: 600px){
  #my-obj-rev {
    margin: 15px 0;
  }
  #my-obj-tov {
    float: none;
    width: auto;
    font-size: 13px;
    padding: 10px;
    line-height: 18px;
    background: #f7f6f0 !important;
    margin-bottom: 10px;
  }
  a.butts {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
    line-height: 23px;
    padding: 0 7px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 13px;
    margin-top: 6px;
}
#my-obj-shop {
    float: none;
    width: auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    background: #f7f6f0 !important;
}

#h2-ab-tov {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
}
#rev-lists {
    margin: 15px 0;
}
#rev-lists li {
    line-height: 24px;
    margin-bottom: 30px;
    font-size: 14px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
#rev-lists .rev-lists-date {
    width: auto;
    float: none;
    margin-right: 0;
    font-size: 13px;
}
#rev-lists .rev-lists-tovar {
    width: auto;
    float: none;
    line-height: 24px;
    display: block;
    font-size: 13px;
    margin-right: 114px;
}
#rev-lists .rev-lists-tovar div {
    display: none;
}
#rev-lists .rev-lists-mark {
    width: auto;
    float: none;
    line-height: 23px;
    font-size: 13px;
}

.rev-lists-status {
    width: 140px;
    float: right;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 0 0 10px 10px;
}
.rev-lists-text {
    width: auto;
    float: none;
    line-height: 18px;
    font-size: 13px;
    color: #797575;
}
}
















 #content-mn-left-new{
  float: left;
    width: 260px;
    margin-left: 0px;
    border-radius: 7px;
    overflow: hidden;
    padding-bottom: 30px;
    box-shadow: 0 2px 2px #c2c2c2;
}
  #content-mn-right-new{
  float: right;
    width: 800px;
    margin-right: 0px;
}
    .kab-left_header{
        background: url(/images/mobile/mobile_menu_header.jpg) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    padding: 10px;
    height: 127px;
    margin-bottom: 20px;
    } 
    .kab-left_header img{
    display: block;
    width: 64px;
    height: 64px;
    background: #fff;
    padding: 8px;
    border-radius: 64px;
    box-sizing: border-box;
    margin-bottom: 32px;
    } 
    #my-names{
        padding: 0 12px;
    }
    #my-names div{
        font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 6px;
    }
    #my-names a{
    color: #c9420a;
    font-size: 13px;
    }
    #my-bonuss{
margin: 21px 0;
    padding: 0 12px;
    }
    #my-bonuss b{
    font-size: 40px;
    color: #f99a00;
  }
    #my-bonuss a{
    display: block;
    line-height: 24px;
    font-size: 13px;
    color: #666;
    }
    .kl-bonus{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    }
    .kl-bonus.deposit_title {
        font-size: 20px;
        margin-top: 24px;
        margin-bottom: 4px;
    }
    #my-bonuss .kl-bonus.deposit_title b {
        font-size: 32px;
    }

    .valutes{
display: inline-block;
    font-family: 'PT Sans','Open Sans','Trebuchet MS';
    font-weight: 400;
    font-size: 19px;
    color: #ffffff;
    line-height: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f09f1b;
    text-align: center;
    vertical-align: top;
    margin-top: 2px;
}
    .kl-bonus.deposit_title .valutes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 13px;
    }
  
    #list-service-link{
       padding: 0 12px;
    }
    #list-service-link a{
        display: block;
    font-size: 13px;
    line-height: 24px;
    color: #666;
    }
    .bl-varn{
  background: #f5f5f5;
    width: 210px;
    margin-right: 20px;
    float: left;
    height: 51px;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    padding-top: 54px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
a.bl-varn:hover{
background:#fff;
background-repeat: no-repeat;
    background-position: 3px 5px;
}
    .bl-varn div{
  font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 4px;
}
  .bl-varn b{
  font-weight: 400;
    color: #666;
    font-size: 14px;
}
    a.bl-varn{
  color:#000;
  text-decoration:none;
}
.bl-varn a{
      font-size: 14px;
    color: #666;
}
#new_myorders{
  background-image: url(/images/ic_new_ord.png) !important;
}
#arh_myorders{
  background-image: url(/images/ic_arh_ord.png) !important;
}
#my_return{
  background-image: url(/images/ic_back.png) !important;
}
#new_myrev{
  background-image: url(/images/ic_rev.png) !important;
}
#new_izbr{
  background-image: url(/images/ic_izbr.png) !important;
}
#new_skidon{
  background-image: url(/images/ic_skidka.png) !important;
}
#to-calcs-lk{
      background: #f5f5f5;
    width: 210px;
    margin-right: 20px;
    float: left;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/clks.jpg);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: .7;text-decoration: none;margin-top: 30px;
}
#to-calcs-lk div{
  font-size: 25px;
    margin: 6px 0px;
    color: #111;
}
#to-calcs-lk b{
  color: #000;
}
#to-magaz-lk{
      background: #f5f5f5;
    width: 210px;
    margin-right: 20px;
    float: left;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/napitok-rom.jpg);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: .7;text-decoration: none;margin-top: 30px;
}
#to-magaz-lk div{
      font-size: 25px;
    margin: 6px 0px;
}
#to-magaz-lk b{
      color: #fff;
}
#to-rulet-lk{
      background: #f5f5f5;
    width: 210px;
    margin-right: 20px;
    float: left;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/rlts.gif);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: .7;text-decoration: none;margin-top: 30px;
}
#to-rulet-lk div{
      font-size: 25px;
    margin: 6px 0px;
    color: #000;
}
#to-rulet-lk b{
      font-weight: 400;
    color: #666;
    font-size: 14px;
    color: #000;     font-family: 'Open Sans','PT Sans','Trebuchet MS';
}

#to-control-landing{
    background: #7f6692;
    width: 210px;
    margin-right: 20px;
    float: left;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/gft-fon.gif);
    color: #fff;
    background-size: cover;
    background-position: center bottom 0px;
    padding-top: 14px;
    opacity: .9;
    text-decoration: none;
    margin-top: 30px;
}
#to-control-landing div{
      font-size: 25px;
    margin: 6px 0px;
    color: #fff;
}
#to-control-landing b{
      font-weight: 400;
    color: #666;
    font-size: 14px;
    color: #000;     font-family: 'Open Sans','PT Sans','Trebuchet MS';
}

.no-aktv{
  filter: grayscale(100%);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    opacity: .4;
}

#to-calcs-lk:hover, #to-magaz-lk:hover, #to-rulet-lk:hover, #to-control-landing:hover {
  opacity:1.0;
}
#my-bonuss a:hover, #my-names a:hover, #list-service-link a:hover, .bl-varn a:hover{
  color:#000;
}
.bl-varn b span{
      color: #202020;
    text-decoration: underline;
}
@media only screen and (max-width: 1099px) and (min-width: 601px){

  #content-mn-left-new {
    width: 26%;
    margin-left: 2%;
}
#my-names div {
    font-size: 17px;
}
.kl-bonus {
    font-size: 17px;
}
#my-bonuss b {
    font-size: 29px;
}
#content-mn-right-new {
    width: 69%;
    margin-right: 0px;
}
.bl-varn {
    width: 32%;
    margin-right: 2%;
    padding: 2%;
    padding-left: 10%;

    }
    .bl-varn div {
    font-size: 15px;
  }
}
@media screen and (max-width: 600px){

#content-mn-left-new {
    float: none;
    width: auto;
    margin-left: 0px;
    border-radius: 7px;
    overflow: hidden;
    padding-bottom: 0;
    box-shadow: 0 0 black;
    padding: 10px;
    border: 1px solid #ddd;
}
#content-mn-right-new {
    float: none;
    width: auto;
    margin-right: 0px;
}
#my-names div {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 6px;
}
#my-bonuss {
    margin: 12px 0 0px;
    padding: 0 12px;
}
.kl-bonus {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
#my-bonuss b {
    font-size: 24px;
    color: #f99a00;
}
.valutes {
    display: inline-block;
    font-family: 'PT Sans','Open Sans','Trebuchet MS';
    font-weight: 400;
    font-size: 16px;
    color: #ffe9c4;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f09f1b;
    text-align: center;
    vertical-align: top;
    margin-top: 2px;
}
.bl-varn div {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 4px;
}
#to-calcs-lk {
    background: #f5f5f5;
    width: auto;
    margin-right: 0;
    float: none;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/clks.jpg);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: 1;
    text-decoration: none;
    margin-top: 10px;
}
#to-magaz-lk {
    background: #f5f5f5;
    width: auto;
    margin-right: 0;
    float: none;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/napitok-rom.jpg);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: 1;
    text-decoration: none;
    margin-top: 10px;
}
#to-rulet-lk {
    background: #f5f5f5;
    width: auto;
    margin-right: 0;
    float: none;
    padding: 9px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    height: 233px;
    background-image: url(/images/rlts.gif);
    color: #fff;
    background-size: cover;
    background-position: 0;
    padding-top: 14px;
    opacity: 1;
    text-decoration: none;
    margin-top: 10px;
}
.bl-varn {
    background: #f5f5f5;
    width: auto;
    margin-right: 0;
    float: none;
    height: auto;
    padding: 9px;
    border-radius: 6px;
    display: block;
    margin-bottom: 20px;
    padding-top: 54px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.kab-left_header {
    display: none;
}
}

.saved_cards {

}
.saved_cards .saved_cards_description {
    font-size: 15px;
    margin: 0 0 32px 0;
}
.saved_cards .not_found {
    font-size: 15px;
    opacity: 0.6;
}
.saved_cards .saved_cards_list {

}
.saved_cards .saved_cards_list li {
    display: inline-block;
    aspect-ratio: 86/54;
    border-radius: 4px;
    background: #ededed;
    width: 180px;
    position: relative;
    margin: 0 12px 12px 0;
}
.saved_cards .saved_cards_list li img {
    position: absolute;
    height: 24px;
    top: 14px;
    left: 12px;
}
.saved_cards .saved_cards_list li .number {
    position: absolute;
    left: 18px;
    bottom: 16px;
    font-size: 15px;
    font-weight: 600;
}
.saved_cards .saved_cards_list li .number.sbp_date {
    font-size: 13px;
}
.saved_cards .saved_cards_list li .number span {
    letter-spacing: 2px;
}
.saved_cards .saved_cards_list li a {
    position: absolute;
    top: 8px;
    right: 15px;
    text-decoration: none;
    color: #000;
    font-size: 22px;
    line-height: 22px;
}

















.modal-paytype-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}
.modal-paytype {
    position: relative;
    font-family: 'Open Sans';
    margin: 20px auto;
    padding: 12px;
    background: #fff;
    width: 340px;
    border-radius: 9px;
}
.modal-paytype a.modal-paytype-close {
    text-decoration: none;
    color: #000;
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 22px;
}
.modal-paytype-h {
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}
.modal-paytype ul {
        margin: 15px 0px 8px;
    padding: 0;
    list-style: none;
}
.modal-paytype ul li {
    margin-bottom: 8px;
}
.modal-paytype ul li a {
    color: #111;
    text-decoration: none;
    padding: 9px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    display: block;
}
.modal-paytype ul li a div {
    font-weight: 600;
    font-size: 18px;
}
.modal-paytype ul li a img {
        height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    opacity: .8;
}
.modal-paytype ul li a span {
    font-size: 13px;
    color: #838383;
    margin-top: 5px;
    display: block;
}
.modal-paytype ul li a:hover {
    border: 1px solid #aaa;
}
.modal-paytype ul li a:hover img {
      opacity: 1;
}
.modal-paytype .to-close-paytype {
    display: block;
    vertical-align: top;
    color: #696969;
    text-decoration: none;
    padding: 0 9px;
    border-radius: 4px;
    background: #eee;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.modal-paytype .to-close-paytype:hover {
    background: #e0e0e0;
}
#orders-lists li .pay_order_button a {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    line-height: 23px;
    padding: 0 7px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 13px;
}
#orders-lists li span.order_paid {
    color: green;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 5px 0 0 0;
}
#orders-lists li span.order_paid b {
    font-family: 'open Sans', 'PT Sans';
}
#orders-lists>li {
    background: #f2f2f2;
    border-radius: 4px;
    cursor: pointer;
}
#orders-lists > li .order_flexbox {
    display: flex;
    align-items: center;
/*    justify-content: space-between;*/
}
@media screen and (max-width: 768px) {
    .modal-paytype {
        width: 90%;
    }
    #orders-lists li span.order_paid {
        color: green;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold;
        display: block;
        margin: 5px 0 0 0;
    }
    #orders-lists li span.order_paid b {
        display: block;
        font-family: 'open Sans', 'PT Sans';
    }
}
#orders-lists .sale_alert {
    font-size: 13px;
    font-weight: 500;
    color: #1fbd0b;
    margin: 2px 0 0 0;
    line-height: 14px;
}







