@font-face {
  font-family: GothamPro;
  src: url(/statica/font/GothamPro.woff2);
}
body {
    background: #4d62ad;
    --s: 50px;
    --c: #191b22;
    --_s: calc(2*var(--s)) calc(2*var(--s));
    --_g: 35.36% 35.36% at;
    --_c: #0000 66%,#20222a 68% 70%,#0000 72%;
    background: #181a20;
    background-attachment: fixed;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 90px;
}
.main-header {
    background: transparent;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 99%;
}
.main-header .menu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* font-family: 'Zen Maru Gothic', serif; */
    padding: 0 20px;
    height: 69px;
    width: 98%;
    padding-right: 25px;
}
.main-header .menu a {
    color: #ffffff;
    padding: 10px 17px;
    font-weight: bold;
    font-size: 14px;
    font-family: GothamPro;
    border-radius: 10px;
    transition: all .4s;
    /* background: url('/statica/bg-nav.jpg') top center repeat; */
}
.main-header .menu a:hover {
    color: #228B22;
}

.header__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 0 70px;
    flex-wrap: nowrap;
}

.header__right {

}
.leftside {
    width: 264px;
    min-height: auto;
    background: rgb(31 33 39);
    margin-top: 15px;
    /* position: fixed; */
    z-index: 3;
    border-right: none;
    margin-left: -1px;
    margin-right: -1px;
    margin: 0 0;
    margin-top: 34px;
    border-radius: 4px;
    box-shadow: none;
    padding-bottom: 15px;
}
.logo {
    /* width: 2%; */
    display: flex;
    align-items: center;
}
.left-menu li {
    margin: 5px auto;
    padding: 15px 10px;
    text-transform: uppercase;
}

.left-menu li::before {
    content: "";
    background-image: url(img/menuico2.png);
    background-size: 20px 18px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 20px;
    transition: all 300ms 0s ease-in-out;
    vertical-align: top;
}

.left-menu span{
  font-size: 18px;
}
.usermnutitle-g {
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    background: #1f2127;
    font-family: Montserrat;
    text-transform: uppercase;
    transition: all .4s;
    font-weight: 500;
    border: none;
    padding: 18px 20px;
    border: none;
    margin: 0px 0;
    /* border-radius: 0px!important; */
}
/* .usermnutitle-g:last-of-type {
    border: 1px solid;
} */
.usermnutitle-g:hover {
    color: #afafaf;
    background: rgb(24 26 32);
    /* border-left: 2px solid; */
}
.usermnutitle-g::before {
  display: none;
}

.table-auth {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 60px;
}
.newbutton {
    width: 100%;
    max-width: 389px;
    background: rgb(20 211 154);
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 0;
    font-size: 16px;
    margin: 10px auto;
    cursor: pointer;
    transition: all .3s;
    border-radius: 7px;
}
.newbutton:hover {
  opacity:0.8;
}
.newbutton2 {
    width: 100%;
    max-width: 100px;
    background: rgb(236 139 0);
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px 3px;
    font-size: 14px;
    margin: 6px 0;
    margin-bottom: 4px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 2px;
}
.newbutton2:hover {
  opacity:0.8;
}
.newbutton3 {
    width: auto;
    padding: 10px 20px;
    max-width: 280px;
    /* display: block; */
    border-radius: 3px!important;
    background: #008b61 !important;
    border: none!important;
    color: #fff;
    text-align: center;
    font-size: 16px!important;
    cursor: pointer;
    font-family: Montserrat;
    transition: all .3s;
}
.newbutton3:hover {
    background: #009a63!important;
}

.newbutton4 {
    width: auto;
    padding: 10px 20px;
    /* display: block; */
    border-radius: 3px!important;
    background: #14d39a!important;
    border: none!important;
    color: #fff;
    text-align: center;
    font-size: 16px!important;
    cursor: pointer;
    font-family: Montserrat;
    transition: all .3s;
    display: block;
    margin: 10px auto;
}
.newbutton4:hover {
    background: #009a63!important;
}
.inputv2 {
    background: none;
    padding: 10px;
    color: #fff;
    border-radius: 0px;
}
.tablev2 {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.tablev2 input {
    background: transparent;
    border: 1px solid rgb(179 179 179 / 56%);
    border-radius: 0;
    padding: 12px 10px;
    color: white;
    font-size: 16px;
    font-family: Montserrat;
}
.tablev2 select {
    background: transparent;
    border: 1px solid rgb(179 179 179 / 56%);
    border-radius: 0;
    padding: 12px 10px;
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
}
.tablev2 select option, optgroup  {
    background: #181a20;
    color: #fff;
}
.tablev2 td {
    padding: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
    background: #1f2127;
    font-family: Montserrat;
    font-size: 15px;
}

.tablev2 th {
    padding: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
    background: #1f2127;
    font-family: Montserrat;
    font-size: 15px;
}

.tablev2new {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    max-width: 887px;
    word-wrap: break-word;
}
.tablev2new input {
    background: transparent;
    border: 1px solid rgb(179 179 179 / 56%);
    border-radius: 0;
    padding: 12px 10px;
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
}
.tablev2new select {
    background: transparent;
    border: 1px solid rgb(179 179 179 / 56%);
    border-radius: 0;
    padding: 12px 10px;
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
}
.tablev2new select option, optgroup  {
    background: #181a20;
    color: #fff;
}
.tablev2new td {
    padding: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
    background: #1f2127;
    font-family: Montserrat;
    font-size: 15px;
	max-width:887px;
	line-height: 1.9;
}

.tablev2new th {
    padding: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
    background: #1f2127;
    font-family: Montserrat;
    font-size: 15px;
}

.plat {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.selcurr {
    background: rgb(44 52 61);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
}
.selcurr option {
    background: rgb(41 58 119);
}
.selref {
    padding: 13px 9px;
    background: #2c343d;
    text-align: center;
    border: none;
}
.classicgo2{
  background: #fff
}
.msg-error {
    max-width: 378px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    background: #a4e3ff;
    color: #610808;
    font-weight: bold;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 4px;
}
.msg-ok {
    max-width: 378px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    background: #228B22;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 4px;
}
.auth-link {
  color: #03bb84;
}
.blok {
    margin-top: -34px;
}

.prof {
    width: 100%;
    /* max-width: 900px; */
    /* display: block; */
    height: 100%;
    min-height: 200px;
}
.prof-bg {
    background: url("https://sun9-19.userapi.com/impg/H-avVPo-pSC0c1Pv8aJDClK_18kSM4S4rYlkxA/gkaVKGCEQ68.jpg?size=960x384&quality=95&crop=0,0,2560,1024&sign=f2b488a5138c2c228c7740278951221a&c_uniq_tag=xUpsfrRH7YIxSNmAvLa0NBOApBt7UOSo9OphtWYRkos&type=helpers") top center no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1200px;
    max-height: 150px;
    min-height: 150px;
    /* padding: 15px; */
    position: absolute;
    border-radius: 10px;
}
.prof-osn {
    background: #fff;
    color: #333;
    border-radius: 10px;
    min-height: 100px;
}
.prof-ava-block {
    display: flex;
    /* align-items: center; */
    margin-top: 109px;
    /* min-height: 110px; */
    padding: 0 10px;
    position: relative;
}
.prof-ava {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    top: -38px;
    left: 14px;
    border: 3px solid #fff;
}
.prov-log {
    margin-left: 132px;
    margin-top: -6px;
    line-height: 0.4;
}
.prov-log h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: Montserrat;
}
.online {
    width: 17px;
    height: 17px;
}
span.reytt {
    position: absolute;
    margin-top: 60px;
    background: #1a1e23;
    border-radius: 10px;
    line-height: 1;
    color: #fff;
    padding: 7px 10px;
    left: 32px;
    text-align: center;
    width: 72px;
}
span.prof-reyt {
    font-size: 12px;
    font-family: Montserrat;
}
.prof-buttons {
    position: absolute;
    display: flex;
    top: 16px;
    right: 2px;
}
a.but {
    cursor: pointer;
    display: block;
    background: #14d39a;
    border: 1px solid #5b5b5b;
    box-shadow: 0px 0px 7px 1px rgb(241 241 241 / 28%);
    margin: 0 10px;
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    font-size: 12px;
    transition: all .4s;
}
.youtube-help {
    color: #14d39a;
    cursor: pointer;
    float: right;
}
a.but:hover {
  background: #5f5f5f;
}
.pay_today_new {
    display: flex;
    width: 21%;
    padding: 10px;
    margin: 5px;
    border-radius: 20px;
    position: relative;
}
.pay_today_type {
    background: #fff;
    border-radius: 5px;
    width: 86px;
    padding: 2px;
    margin: 4px 0;
    text-align: center;
}
.pay_today_price {
    position: absolute;
    bottom: 6px;
    font-size: 12px;
    background: #14d39a;
    width: 55px;
    padding: 2px 0;
    border-radius: 5px;
    left: 6px;
    text-align: center;
}
.goodref2 {
    display: flex;
    padding: 2px 13px;
    background: #2a3039;
    color: #fff;
    box-shadow: 2px 2px 8px 2px rgb(0 0 0 / 15%);
    border-radius: 8px;
    font-family: Montserrat;
    margin: 10px;
    max-width: 305px;
    align-items: center;
}
.good-prof {
    margin: 10px;
    position: relative;
}
img.good-ava {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 50%;
}
.good-prof-but {
    display: block;
    border-radius: 10px;
    background: #14d39a;
    color: #fff;
    padding: 8px 15px;
    margin-top: 10px;
    transition: opacity .3s;
    max-width: 81px;
    font-size: 12px;
}
.good-prof-but:hover {
  opacity: 0.6;
  color: #fff
}
.good-info {
    margin: 10px;
}
.good-info li{
    margin: 10px;
}
.good-info li {
    display: flex;
    margin: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgb(121 121 121 / 35%);
    width: 150px;
    justify-content: space-between;
}
.good-reyt {
    background: #000;
    padding: 2px 5px;
    border-radius: 8px 0;
    position: absolute;
    top: -13px;
    left: -23px;
    width: 56px;
    color: #14d39a;
    font-size: 12px;
    line-height: 2.5;
}
.stena-block {
    display: flex;
    margin: 15px auto;
}
.sblock1 {
  width: 70%;
  margin-top: -4px;
}
.sblock2 {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}
.m-active {
  color: #fff;
  background: #895e0e;
}
.user_menuline {
    color: #bfbfbf;
    display: block;
    padding: 12px 0;
    padding-left: 23px;
    cursor: pointer;
    border-left: none;
    font-size: 15px;
    /* background: #484e63; */
    border-radius: 0;
    font-family: "Noto Sans JP", sans-serif;
}
.user_menuline:hover {
    background: rgb(24 26 32);
    border-color: #ffffff;
    color: rgb(255 169 57);
    /* border-radius: 6px; */
}
.usermnublock {
    text-align: left;
    font-size: 16px;
    background: #171b21;
    /* border: 1px solid; */
    margin: 0;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    box-shadow: none;
}
.usermnuline-act, .usermnuline-act:hover {
    padding: 12px 0 12px 12px;
    background: rgb(24 26 32);
    cursor: pointer;
    display: block;
    color: rgb(255 184 91);
    border-left: 2px solid;
    font-size: 15px;
    border-radius: 0px;
    padding-left: 20px;
    font-family: "Noto Sans JP", sans-serif;
}
.usermenu {
    padding-top: 2px;
}
.banners {
    width: 100%;
    border-radius: 5px;
    padding: 0;
    margin-top: -11px;
    border: none;
}
.titles2 {
    color: #fff;
    background: #1f2127;
    font-size: 16px;
    text-align: center;
    border-radius: 0px;
    padding: 0px 0;
    margin-bottom: 20px;
    margin-top: 11px;
    margin-left: -2px;
    height: 42px;
    line-height: 2.5;
    box-shadow: 1px 2px 6px 3px rgb(0 0 0 / 41%);
}
.statistic {
    display: flex;
    align-items: center;
    justify-content: center;
}
.statistic .stat {
    width: 25%;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #535353;
    color: #293a77;
    border: none;
    line-height: 2.5;
    font-size: 20px;
    font-weight: bold;
    /* border-right: 1px solid rgb(0 0 0 / 14%); */
    border-radius: 0;
    margin: 0;
    padding-top: 24px;
    margin: 5px 5px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 18%);
    position: relative;
}
.statistic .stat i {
    font-size: 43px;
}
.statistic .stat .subs {
    color: #000;
    font-weight: normal;
    font-size: 15px;
}
.statistic .first {
    background: #fff;
}
.statistic .second {
    background: #fff;
}
.rightside {
    background: #ffffff;
    width: 250px;
    margin-top: 1px;
    margin-right: 10px;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 26%);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
#contentwrapper {
    padding: 0;
    display: block;
    background: #181a20;
    color: #fff;
    /* height: 100%; */
    font-size: 16px;
    font-family: GothamPro;
    border-radius: 4px;
    /*margin: 10px auto;*/
    flex: 1;
}

.flex-container {
    justify-content: space-between;
    width: 100%;
}

img.avatar-acc {
    margin-top: 0px;
    border-radius: 5px;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    object-fit: cover;
    margin: 9px;
    margin-bottom: 0;
}
.titles {
    color: #fff;
    background: transparent;
    font-size: 24px;
    text-align: left;
    font-family: 'Montserrat';
    border-radius: 4px 4px 0px 0px;
    padding: 11px 0;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-left: 8px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 20px;
}
.titles3 {
    font-size: 20px;
    margin: 13px 0;
    color: #14d39a;
}
.title3-hr {
    width: 109px;
    height: 2px;
    border-radius: 10px;
    margin: 17px 0px;
    margin-top: 0px;
    background: #14d39a;
}
.titles-back{
  position: absolute;
  background: #fff;
  height: 110px;
  display: block;
  width: 20px;
}
.title-page {
    text-align: left;
    font-size: 24px;
    margin: 10px auto;
    /* border-bottom: 2px solid; */
}
.title-page2 {
    text-align: center;
    font-size: 24px;
    margin: 10px auto;
    /* border-bottom: 2px solid; */
}
.title-bottom {
    width: 100px;
    height: 2px;
    background: #fff;
    border-radius: 7px;
    margin-bottom: 15px;
}
.searching {
    width: 300px;
    height: 40px;
    border-radius: 0;
    background: none;
    border: 1px solid rgb(255 255 255 / 46%);
    color: #fff;
    font-size: 12px;
    font-family: Montserrat;
}
.inputv3 {
      width: 100%;
      height: 53px;
      border: 1px solid rgb(65, 88, 108);
      outline: none;
}
/* input */
.inp .label {
    position: absolute;
    top: 25px;
    left: 20px;
    font-size: 16px;
    color: rgb(255 255 255 / 50%);
    font-weight: 500;
    transform-origin: 0 0;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
    pointer-events: none;
}
.inp .focus-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
}
.inp input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-family: inherit;
    padding: 16px 12px 0 12px;
    height: 56px;
    font-size: 16px;
    font-weight: 400;
    background: rgb(0 0 0 / 0%);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    transition: all 0.15s ease;
    border-radius: 0px;
    border-color: rgb(244 244 244 / 23%);
    margin: 2px auto;
}
.inp input:hover {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.inp input:not(:placeholder-shown) + .label {
    color: rgb(255 255 255 / 50%);
    transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus {
  background: rgba(0, 0, 0, 0.05);
  outline: none;
  box-shadow: inset 0 -2px 0 #0077FF;
}
.inp input:focus + .label {
  color: #0077FF;
  transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus + .label + .focus-bg {
  transform: scaleX(1);
  transition: all 0.1s ease;
}
/*  */

.btn {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 4px 15px 5px 15px;
    margin: 5px;
    border-radius: 7px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.56);
    font-size: 13px;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 10px;
}
a {
    color: #14d39a;
}
.work-serf {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 0;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 23%);
    height: 73px;
    border-radius: 7px;
    background: #414a4c;
    font-family: Montserrat;
    border: 0;
    border-radius: 7px;
    overflow: hidden;
    font-size: 13px;
    color: #000;
    position: relative;
    font-size: 17px;
}
.work-serf a {
      font-weight: bold;
}
.serf-text {
    color: #fff;
}

.table th {
    background: #226169;
    padding: 5px;
    color: #FFF;
    font-weight: 400;
}


.blue { color: #185875; }
.yellow { color: #FFF842; }

.container-table th h1 {
    font-weight: bold;
    font-size: 1em;
    text-align: left;
    color: #fff;
}
.container-table td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
	   -moz-box-shadow: 0 2px 2px -2px #0E1119;
	        box-shadow: 0 2px 2px -2px #0E1119;
}

.container-table {
	  text-align: left;
	  overflow: hidden;
	  /* width: 80%; */
	  margin: 0 auto;
    display: table;
    padding: 0 0 8em 0;
}

.container-table td, .container-table th {
	  padding-bottom: 2%;
	  padding-top: 2%;
    padding-left:2%;
    color: #000;
    padding: 10px;
}

/* Background-color of the odd rows */
.container-table tr:nth-child(odd) {
	  background-color: #eeeeee;
}

/* Background-color of the even rows */


.container-table th {
	  background-color: #213067;
}

.container-table td:first-child { color: #FB667A; }

@media (max-width: 800px) {
/* .container-table td:nth-child(4),
.container th:nth-child(4) { display: none; } */
}

.reytt .status {
    border-bottom: none;
    color: #76cbff;
    font-size: 14px;
    text-shadow: none;
    font-weight: bold;
    margin-top: 8px;
    background: none;
}

/*  */


.profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

.profile .background {
    width: 100%;
    height: 88px;
    background: url('/statica/bg-back1.avif') repeat;
    border-radius: 21px 21px 0 0;
    background-size: cover;
}
.profile .avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: contain;
    position: absolute;
    left: 83px;
    margin-top: 42px;
}
a.rating {
    width: 47px;
    height: 47px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    margin-bottom: 0;
    margin-right: 0px;
    line-height: 3.6;
    color: #fff;
    text-shadow: 1px 1px 1px #246c1e;
    background: #3f3f3f;
    position: absolute;
    top: -117px;
    right: 62px;
    border-radius: 50%;
}
.info {
    width: 100%;
    height: auto;
    background: #22a1a3;
    border-radius: 0 0 21px 21px;
}
span.username {
    font-size: 18px;
    font-weight: bold;
    font-family: GothamPro;
    color: #fff;
}
.ref-link {
    color: #14d39a;
	word-wrap: break-word;
    line-height: 26px;
}

a.s_staj, a.s_rab, a.s_brig, a.s_mast, a.s_pror, a.s_biz, a.s_dep, a.s_olig {
    margin: 5px;
}
.bln {
    margin: 0 10px;
    margin-top: 10px;
    /* background: #fff; */
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}
.bln .hov-text {
    display: none;
    position: absolute;
    width: 238px;
    background: rgb(24 26 32);
    color: #fff;
    height: 44px;
    border-radius: 8px;
    z-index: 2;
    text-align: center;
}
.bln:hover .hov-text {
    display: block;
}

.hov-text span {
    line-height: 2.6;
    font-size: 16px;
    font-family: Montserrat;
}
.lang_g {
    width: 22px;
    height: 22px;
}

.lang_menu .lang-select {
    display: inline-block;
    width: 24px;
    height: 17px;
    text-align: center;
    cursor: pointer;
    margin: 9px 15px;
    border-radius: 2px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-position: center center;
}
.profinfo {
  display: flex;
  align-items: center;
}
a.link.change {
    margin-left: -20px;
}
.change {
  cursor: pointer;
}
.linkbl {
    padding: 1px!important;
}
.ava-block {
    display: flex;
    align-items: center;
}
.ava-block1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
span#new-money-rekl, span#new-money-ballans {
    line-height: 2;
    border-radius: 0px;
    text-align: center;
    width: 220px;
    margin: 0 auto;
    font-size: 18px;
    color: #ff9700;
    padding: 5px 5px;
    justify-content: center;
    font-family: Montserrat;
    font-weight: 600;
    background: #252a31;
    cursor: pointer;
    /* box-shadow: 0px 0px 5px 3px rgb(233 154 9 / 20%); */
    margin: 0;
    border-radius: 6px;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(
      from var(
    --border-angle),
      #252a31,
      #252a31 5%,
      #252a31 60%,
      #252a31 95%
    );
    border: solid 1px transparent;
    --gradient-border: conic-gradient(from var(
    --border-angle), transparent 25%, #14d39a, #14d39a 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 5s linear infinite;
    animation: bg-spin 6s linear infinite;
    align-items: center;
    justify-content: center;
}

span.arrow {
    float: right;
    margin-top: 3px;
    transition: all .4s;
}

.balances {
    margin-top: -17px;
}
.avareit {
    display: flex;
    align-items: center;
    justify-content: center;
}
span.b-type {
    display: block;
    background: rgb(24 26 32);
    height: 36px;
    width: 98px;
    text-align: center;
    line-height: 2.8;
    color: #a7a7a7;
    font-weight: 400;
    font-family: Montserrat;
    border-radius: 0px 8px 8px 0;
    padding: 3px;
}
.leftmenu {
    background: rgb(31 33 39);
    padding-bottom: 0!important;
    height: 100%;
}
img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    object-fit: cover;
}
.status {
    border-bottom: none;
    color: #0e0e0e;
    /* background: #9ed300; */
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 14px;
    text-shadow: none;
    font-weight: bold;
    margin-top: 8px;
}
.block-vopros .vopros {
    border: 0;
    padding: 5px 10px;
    margin: 15px 0 5px 0;
    background: #282a2f;
    color: #fff;
    border-radius: 5px;
}
td.budget {
    font-size: 13px;
}

/* footer */
/* .footer {
    margin-top: 14px;
    height: 130px;
    position: relative;
    background: #2f2f2f;
    padding: 10px 0;
} */

.foot-left span {
    color: #ffffff;
}

.foot-center {
    color: #ffffff;
}

.foot-center a {
    color: #bbb;
    text-decoration: none;
}
.msg-warning {
    background: linear-gradient(135deg, #5c5c5c, #707070);
    color: #fff;
    padding: 12px 16px;
    border-left: 4px solid #ffcc00;
    border-radius: 8px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.msg-warning::before {
    content: "\26A0"; /* значок предупреждения ⚠ */
    font-size: 18px;
    margin-right: 8px;
    color: #ffcc00;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.msg-warning span {
    margin-left: 28px;
    display: inline-block;
}
.scount {
    border: 0;
    width: auto;
    font-size: 11px;
    color: #bdbdbd;
    float: right;
}
#load-scrin {
    background: none;
}

.members_link_ref {
    text-align: center;
    background: #1f2127;
    color: #CF580A;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid rgb(171 171 171 / 20%);
}
.members_link_ref input {
    border: 0;
    background: transparent;
}
span.ref-reyt {
    position: absolute;
    top: 37px;
    font-size: 11px;
    left: -5px;
    /* background: #1a1e23; */
    color: #76cbff;
    padding: 5px;
    /* border: 1px solid #717171; */
    border-radius: 5px;
    width: 45px;
    text-align: center;
    padding: 1px;
}
.ref_birj {
    background: url(https://www.freeiconspng.com/uploads/shopping-cart-icon-19.png) no-repeat left top;
    background-size: contain;
}
.ref_birj_no {
    background: url(https://www.freeiconspng.com/uploads/shopping-cart-icon-19.png) no-repeat left top;
    background-size: contain;
    opacity: 0.5;
}
.ref_birj, .ref_birj_no {
    float: right;
    display: block;
    height: 27px;
    width: 46px;
    outline: none;
    border: none;
    margin: 0 3px;
    cursor: pointer;
}
.history-grafik {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('https://cdn.icon-icons.com/icons2/2104/PNG/512/chart_icon_129326.png') center center no-repeat;
    background-size: contain;
    border-radius: 10px;
    cursor: pointer;
    opacity: 0.7;
    margin: 0 10px;
}
.serfcontrol-pause {
    background: url(/statica/img/serf/play.png) no-repeat left top;
    cursor: pointer;
    background-size: contain;
    margin-left: 10px;
    width: 40px;
    height: 40px;
}
.serfcontrol-play {
  background: url(/statica/pause.png) no-repeat left top;
  cursor: pointer;
  background-size: contain;
  margin-left: 10px;
  width: 40px;
  height: 40px;
}
.job-reply {
    background-color: #696e63;
    border-radius: 6px;
    box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 35%);
    border: 0;
    color: #135b11;
    padding: 7px 6px;
    margin: 5px 0;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 15px 0;
}

.clip {
    color: #898989;
    margin: 10px;
    font-size: 12px;
}
.jobimg {
    width: 100px;
    height: 150px;
    object-fit: cover;
}
.job-reply-btns {
    display: block;
    margin-top: 6px;
    margin-bottom: 2px;
    padding: 6px 6px 0px;
    height: 28px;
    width: 100%;
    background: none;
}
a.scon-view {
    background: url(img/serf/search.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
a.scon-stat {
    background: url(img/serf/graph.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-erase {
    background: url(img/serf/reset.png) no-repeat left top;
    background-size: contain;
}
a.scon-edit {
    background: url(img/serf/SAVE.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-delete {
    background: url(img/serf/CANCEL.png) no-repeat left top;
    background-size: contain;
}
.add-budget, a.add-budgetnone {
    text-align: center;
    display: block;
    border: none;
    background: url(img/serf/plus.png) no-repeat top center;
    background-size: contain;
    cursor: pointer;
    font-size: 12px;
    padding-top: 30px;
    color: #5B9F00;
    margin-bottom: 10px;
    transition: all .3s;
}
.btn.orange {
    background: #14d39a;
}
.btn.orange:hover {
    background: #895c1c;
}
td.ext-viptask {
    background: #101319;
    padding: 10px;
    line-height: 1.5;
    border-top: 1px solid #2d2d2d;
    color: #fff;
}
a.add-budget:hover {
    border: none;
    background: url(img/serf/plus.png) no-repeat top center;
    background-size: contain;
    opacity: 0.5
}
a.scon-edit, a.scon-view, a.scon-delete, a.scon-backmoney2, a.scon-pay, a.scon-backmoney, a.scon-lock, a.scon-ulock, a.scon-editno, a.scon-url, a.scon-money, a.scon-stat, .scon-upok, .scon-up, .scon-down, .scon-gray, .scon-vip, .scon-vipno, .scon-color, .scon-colorno, .scon-upno, .scon-erase, .scon-delete, .scon-erase, .scon-speed-1, .scon-speed-2, .scon-speed-3, .scon-speed-4, .scon-speed-5, .scon-speed-6, .scon-speed-7, .scon-top {
    height: 20px;
    width: 20px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    float: left;
    margin-right: 3px;
    margin-top: 7px;
    background-color: none;
}
.reflink {
    color: #d9ca00;
    text-align: center;
    background: #F7F7DF;
    border: solid 1px #006291;
    display: block;
    width: 464px;
    height: 16px;
    margin: 2px;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
    font-family: Montserrat;
}
.wall_new_title {
    font-size: 16px;
    border-bottom: 0;
    text-align: left;
    margin: 0 auto;
    border-radius: 6px 0px 0 6px;
    background: #00875e;
    padding: 5px;
    padding-left: 17px;
    color: #fff;
    font-weight: 400;
    clip-path: polygon(50% 0%, 100% 0, 97% 49%, 100% 100%, 0 100%, 0% 51%, 0 0);
}
.main {
    overflow: hidden;
    background: #181A20;
}
.avatar-block {
    padding: 15px;
    display: flex;
    justify-content: space-around;
}

.avatar-block .buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.avatar-block .buttons a {
    color: #293a77;
    font-size: 16px;
}
.rtg {
    display: block;
    position: relative;
    margin: 10px 10px;
    height: 43px;
    padding: 0 24px;
    text-align: center;
    border-radius: 4px;
    font-size: 15px;
    color: #ff9531;
    background: #2f3137;
    font-family: Montserrat;
    line-height: 46px;
    overflow: hidden;
    font-weight: 500;
}

.water-effect { 
    position: absolute;
    top: 0;
    left: 0;
    width: 137px;
    height: 100%;
    background-image: linear-gradient(
        90deg, 
        rgba(20, 211, 154, 0) 0%, 
        rgba(20, 211, 154, 0.25) 50%, 
        rgba(20, 211, 154, 0) 100%
    );
    animation: waterEffect 2.5s linear infinite;
    pointer-events: none; /* Чтобы эффект не мешал кликам */
}

@keyframes waterEffect {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
.contextlink {
    padding: 15px 9px 0px 11px;
}

/*  */
.ava-dos {
    --border-size: 28px;
    --border-angle: 0turn;
    background-image: conic-gradient(from var(--border-angle), #213, #112 50%, #213), conic-gradient(from var(--border-angle), transparent 20%, #08f, #f03);
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
    margin: 10px;
    border-radius: 33px;
}
@-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
.box:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.ava-dos:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
.balance-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    width: 241px;
    margin-bottom: 0px;
}
.balance-buttons a {
  transition: opacity .3s;
font-weight: 500;
}
.balance-buttons a:hover {
  opacity: 0.7;
}

.balance-buttons .ins {
    background: #008000;
    color: #fff;
    width: 47%;
    margin: 2px;
    height: 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 2.5;
}
.balance-buttons .pay {
    background: #b96d00;
    color: #fff;
    width: 47%;
    margin: 2px;
    height: 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 2.5;
}

.bannerv2 {
    margin: 30px auto;
    background: #222529;
    padding: 19px 0;
    width: 100%;
    max-width: 500px;
    border-radius: 7px;
}
/*  */
.wall_new_infa {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: center;
}
.wall_new_infa .wall_new_data {
    margin-top: 15px;
    width: 100%;
    padding-left: 0;
}

.wall_new_avatar {
    width: 160px;
}
.add-infa {
    padding: 10px;
    background: #195d50;
    margin-bottom: 15px;
    border-radius: 4px;
}
.mail-sample, .mail-sample-active {
    font-size: 11px;
    color: #135566;
    display: block;
    border: 1px solid rgb(145 145 145 / 49%);
    margin: 6px 0;
    /* height: 39px; */
    outline: none;
    cursor: pointer;
    overflow: hidden;
    padding: 7px 3px;
    transition: background .3s;
}
.mail-sample:hover {
    background: #2a2d35;
}
.mail-mailer img {
    background: url(img/avbg-36.png) no-repeat left top;
    padding: 0;
    border: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -3px 11px -3px 5px;
    float: left;
    border-radius: 50%;
    object-fit: cover;
}
.mail-sample, .mail-sample-active {
    font-size: 13px;
    color: #135566;
    display: block;
    border: 1px solid rgb(145 145 145 / 49%);
    margin: 6px 0;
    /* height: 39px; */
    outline: none;
    cursor: pointer;
    overflow: hidden;
    padding: 13px 3px;
    border-radius: 6px;
    background: rgb(34 37 45);
    transition: background .3s;
}
.mail-sample a{
  color: #fff
}
.mail-sample .mail-postcount-read {
    background: #14d39a;
    text-shadow: 1px 1px 2px #000000;
    padding: 5px;
    border-radius: 0;
    text-align: center;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 1;
    margin-right: 10px;
    margin-top: 4px;
    margin-left: 6px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}
.support-cit {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    margin-right: 20px;
    margin-bottom: 5px;
    border-radius: 4px;
    width: auto;
    padding: 5px 10px;
    background: none;
    border: none;
    color: #b7b7b7;
}
.mess_dial {
    padding: 0;
    min-height: 60px;
    border: 1px solid #F5F5F5;
    margin: 20px 2px 0 15px;
    color: #8a6d3b;
    border-radius: 5px;
    background: #F0FFFF;
}
.data-us {
    background: #F0F8FF;
    padding: 5px 15px;
    border: 1px solid #F5F5F5;
    border-top: 0;
    border-right: 0;
    font-size: 11px;
    border-radius: 0;
}
.text-us {
  background: transparent;
  margin-left: 10px;
  font-family: Montserrat;
  color: #000;
}
.bb-code {
    display: inline-block;
    min-width: 10px;
    font: 12px Arial;
    line-height: 20px;
    background: #232323;
    border: 1px solid #777;
    border-radius: 3px;
    color: #FFF;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
}
.dialog-smail {
    vertical-align: middle;
    margin-bottom: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 20px;
    background: #181a20 url(img/ico/smail.png) center center no-repeat;
    position: relative;
    border: 1px solid #727373;
}
.members_new_block22 {
    width: 100%;
    border: 0;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}
.mess_autor .data-us {
    border-color: #D3D3D3;
    background: #fff;
    color: #8a6d3b;
    box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 26%);
}

.mess_autor .text-us {
    background: transparent;
    margin-left: 10px;
    font-family: Montserrat;
    color: #000;
}
.mess_dial {
    padding: 0;
    min-height: 60px;
    border: 1px solid #ffffff;
    margin: 20px 2px 0 23px;
    color: #8a6d3b;
    border-radius: 5px;
    background: rgb(255 255 255);
}
/* Stena */
.stena {
    margin: 10px auto;
    margin-left: -7px;
}
.stena .background {
    background: url(https://randompicturegenerator.com/img/flower-generator/g60dfcde746c27d525129da1e5e7293420b2ccb42187320f1a09c4363024646078da155b7bf83fa89ebbb7fc08ef6c964_640.jpg) top center no-repeat;
    width: calc(100% + 8px);
    height: auto;
    padding-bottom: 10px;
    background-size: cover;
}
.stena .background img {

}

.stena .background img:hover {
    opacity: 1;
}
.stena .ava {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.stena .ava #ava {
    width: 170px;
    height: 170px;
    object-fit: fill;
    box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 36%);
    border-radius: 50%;
    margin: 10px;
}
.stena  .status {
    padding: 4px;
    border-radius: 8px;
    width: 100px;
    text-align: center;
    margin: 0 20px;
    background: #dce0e4;
    margin-top: -141px;
    margin-right: 0;
    position: absolute;
    right: 5px;
}
.nw td {
    padding-left: 10px;
    box-shadow: 0 0 2px 1px rgb(101 101 101 / 9%);
    border-radius: 0px;
    padding: 10px 15px!important;
    /* border-bottom: 1px solid rgb(0 0 0 / 15%); */
    background: #f5f5f5;
}
.cibn {
    border-radius: 12px;
    background: #f7f7f7;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 23%);
    min-height: 60px;
    padding: 10px 15px;
    width: 400px;
}


/* serf */
.adv-line, .adv-line-click, .adv-line-high {
    align-items: center;
    background-color: #20242a;
    /*border-left: 6px solid #ecf0f1;*/
    /*border-radius: 6px;*/
    color: #34495e;
    cursor: default;
    display: flex;
    font-size: .8rem;
    margin: 11px 0;
    padding: 3px 10px;
    text-align: left;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 11%);
    /*border: 1px solid #d1d1d1;*/
    min-height: 70px;
}
.adv-line-cell-1 {
    flex: 0;
    padding-right: 14px;
    text-align: center;
}
.ticon-surf {
    background-image: url(https://seosprint.run/style/pic/work-icons/ship-small.png);
}
.adv-line-cell-2 {
    color: #34495e;
    flex: 1;
    padding-right: 5px;
}
.advmoder {
    border-radius: 4px;
    color: #242d31;
    display: block;
    margin-left: -10px;
    padding: 5px 10px;
    cursor: pointer;
}
.adv-line .advmoder {
    color: #242d31;
    font-size: 14px;
    line-height: 1.6;
}
.advmoder span {
    color: #1a6880;
    font-size: 13px;
    font-weight: 400;
}
.adv-line-cell-3 {
    flex-basis: 120px;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: .75rem;
    text-align: right;
    white-space: nowrap;
}
.watch-price {
    background-color: #14d39a;
    border-radius: 4px;
    box-shadow: 0 0px 9px 5px rgb(0 0 0 / 13%);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 1px -12px 3px 3px;
    padding: 4px 12px 4px 8px;
}
.watch-price>i {
    color: #1a1e23;
}
.watch-price-2 {
    background-color: #14d39a ;
    border-radius: 4px 0px 0px 4px;
    box-shadow: 0 0px 9px 5px rgb(0 0 0 / 13%);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 18px;
    float: right;
    padding: 7px 8px 7px 8px;
    width: 96 px;
    position: absolute;
    top: 13px;
    right: 0;
    cursor: pointer;
    min-width: 99px;
}
.cbtn, .cbtn-dis, .cbtn-red {
    color: #2f6181;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
}
.start-yes-serf, .start-error-serf {
    display: block;
    width: 240px;
    padding: 8px 20px;
    background: #192226;
    color: #FFF;
    text-align: center;
    margin: 18px auto;
    border: 1.5px solid #14d39a;
    box-shadow: 0 0 0 3px #14d39a22, 0 0.5px 7px #14d39a10;
    transition: border-color .16s, box-shadow .13s;
}
#popup {
    background: #FFF;
    min-width: 400px;
    display: none;
    position: absolute;
    z-index: 999;
    top: -700px;
    left: 0;
    font-size: 12px;
    border-radius: 10px;
    overflow: hidden;
}
#popup .title-popup {
    background: rgb(31 121 94);
}
#load {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 23%);
    z-index: 999;
    display: none;
    backdrop-filter: blur(5px);
    filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-filter: blur(5px);
}
#popup .text-popup {
    overflow: hidden;
    overflow-y: auto;
    background: #1a1e23;
    border: 1px solid #1a1e23;
    color: aliceblue;
}
#popup table {
    font-size: 12px;
    color: #fff;
    border: 0;
    overflow: hidden;
    background: #1a1e23;
}
#popup .title-popup {
    background: rgb(31 121 94);
    font-family: Montserrat;
}
#popup .closed-popup {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    width: 70px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    opacity: 1;
    font-family: Montserrat;
}
.pop-up-footer {
    background: #1a1e23;
    padding: 1px 0 1px 0;
    text-align: center;
}
.mails-otvet-new a {
    display: block;
    margin: 7px 0;
    padding: 10px;
    background: #005d28;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}
.block-vopros .otvet span:hover, .block-vopros .otvet span.active {
    color: #ffffff;
    background: #14d39a;
    border: 1px solid;
}

.youtube-button .go-link-youtube, .youtube-button .status-link-youtube, .youtube-button .youtube-error {
    display: inline-block;
    padding: 7px 10px;
    margin: 5px auto;
    text-align: center;
    border-radius: 6px;
    color: #FFF;
    text-shadow: 0 0 BLACK;
    cursor: pointer;
    border: 1.5px solid #14d39a;
    box-shadow: 0 0 0 3px #14d39a22, 0 0.5px 7px #14d39a10;
    transition: border-color .16s, box-shadow .13s;
}

.youtube-button .go-link-youtube {
    background: #192226;
}
/*  */

/* tasks */
.chat-block-av, .ref-block-av {
    border: 2px solid #fff;
    border-radius: 100px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    display: block;
    margin: 0;
}
/* inv */
.newballance {
    width: 95%;
    max-width: 500px;
    padding: 10px;
    display: flex;
    place-content: center;
    color: white;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(
      from var(
    --border-angle),
      #213,
      #112 5%,
      #112 60%,
      #213 95%
    );
    border: solid 2px transparent;
    border-radius: 11px;
    --gradient-border: conic-gradient(from var(
    --border-angle), transparent 25%, #000, #f99f00 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 5s linear infinite;
    animation: bg-spin 6s linear infinite;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    margin-bottom: -50px;
    margin-top: 50px;
}

.newballance img {
    width: 25px;
    margin-right: 10px;
}

img.coin {
    width: 95%;
    max-width: 500px;
    margin: 0 auto;
}
.coin {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; 
}

.coin.clicked {
    transform: translateY(1px) scale(0.98);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    opacity: 0.9;
}
.balance-info {
    background: #2f3138;
    width: 95%;
    max-width: 500px;
    padding: 7px;
    text-align: center;
    border-radius: 13px;
    font-size: 16px;
}

.congr {
    position: absolute;
    top: 179px;
    min-width: 75px;
    margin-left: 6px;
    background: linear-gradient(73deg, #0b0e11, #14d39a3b);
    border-radius: 2px;
    padding: 10px;
    border: 1px solid #3f2500;
    cursor: pointer;
    transition: background .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    background: rgb(23 27 33 / 67%);
}
.congr:hover {
  background: rgb(9 10 10 / 67%);
}
.congr img {
  width: 45px;
}

.congr small {
  font-size: 10px;
}

@media (max-width: 600px) {
  .newballance {
      width: 90%;
      margin: 0 auto;
      font-size: 21px;
  }
  img.coin {
      width: 100%;
      margin: 0 auto;
  }
}
@keyframes rotateCoin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.hide {
    display: none;
}
.tag-mini, .tag-mini-gray, .tag-mini-red, .tag-mini-tr {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    margin: 2px 3px 1px 0;
    padding: 1px 8px 2px;
}
.tag-mini-tr {
    color: #fff;
}
.star, .star-green, .star-red {
    color: #06859c;
    text-shadow: 0 1px 0 #fff;
}
.star-green {
    color: #27ae60;
}
#task-sort a {
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid rgb(217 217 217 / 6%);
    margin: 2px 2px;
    border-radius: 1px;
    background: #1f2127;
    text-shadow: none;
    font-size: 12px;
    color: #c7c7c7;
}
#task-sort {
    text-align: left;
}
.menu-task-work__link {
    color: #cfcfcf;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    line-height: 17px;
    height: 17px;
    font-size: 11px;
    margin: 2px 2px;
    background: #1f2127;
    border: none;
    border-radius: 1px;
    border: 1px solid rgb(217 217 217 / 6%);
    transition: all .3s;
}
.menu-task-work__link.active, .menu-task-work__link:hover {
    color: #fff;
    background: #006144;
    /* border: none; */
}
.btn-task {
  width: 170px;
}
.category nav {
  width : 300px;
  background: #d9d9d9;
  margin : 40px auto;
}

.category span {
    padding: 5px 10px;
    background: #ecf0f1;
    color: #656565;
    font-size: 12px;
    cursor: pointer;
    display: block;
    width: 200px;
    border-radius: 8px;
}
.category span::after {
  float: right;
  right: 10%;
  content: "⮟";
}

.category .slide {
  display: flex;
  flex-wrap: wrap;
  clear:both;
  width:100%;
  height:auto;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.category .slide li {
    padding: 0px;
}

.category #touch {position: absolute; opacity: 0; height: auto;}
.category #touch:checked + .slide {
    height: auto;
}
.task__buttons {
    display: flex;
    justify-content: center;
    /* margin-top: 10px; */
}
img.avatar_wall {
    border-radius: 5px;
}
.tiket {
    height: 38px;
    background: #0fa584;
    border-bottom: solid 1px #DAE2E6;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding-left: 20px;
    line-height: 38px;
    display: block;
    cursor: default;
    clip-path: polygon(50% 0%, 100% 0, 99% 49%, 100% 100%, 0 100%, 1% 51%, 0 0);
}
.tsk-table {
    background: rgb(173 173 173 / 10%);
    margin: 10px 0;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 19%);
    padding: 10px;
}
.btn_big_green {
    background: #228b22;
    width: auto;
    text-shadow: 2px 1px 1px #616161;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}

.btn_big_green:hover {
    border: none;
}

/*  */
input, select, textarea {
    width: 100%;
    outline: none;
    text-align: left;
    font-size: 12px;
    box-sizing: border-box;
    padding: 7px 9px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 12%);
    border-radius: 4px;
    background: #f9f9f9;
}
#load-zacaz {
    width: 100%;
}

/* settings */
.setting {
    background: rgb(173 173 173 / 10%);
    margin: 10px auto;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 19%);
    font-size: 12px;
    color: #5b5b5b;
    width: 100%;
    height: 100%;
}
.tab-wrap {
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
  box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 1;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  flex-grow: 3;
  text-align: center;
  background-color: #f2f2f2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
}
.tab + label:hover {
  background-color: #f9f9f9;
  box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  transform: translateY(-3px);
  border-radius: 6px;
}


.container-set {
  margin: 0 auto;
  display: block;
  max-width: 800px;
}
.container-set > *:not(.tab-wrap) {
  padding: 0 80px;
}

@media (max-width: 1921px){
    .tab + label {
      width: 16%;
      font-size: 12px;
      padding: 12px 6px;
      height: 38px;
  }
}


.cash-wm1 div, .cash-mb1 div, .cash-pm1 div, .cash-yd1 div, .cash-qw1 div, .cash-os1 div, .cash-rs1 div, .cash-vs1 div, .cash-rb1 div, .cash-pr1 div, .cash-ik1 div, .cash-lp1 div, .cash-mg1 div, .cash-mt1 div, .cash-bl1 div, .cash-ok1 div, .cash-sb1 div, .cash-zp1 div, .cash-pv1 div, .cash-wo1 div, .cash-ak1 div, .cash-bt1 div, .cash-lt1 div, .cash-ah1 div, .cash-fr1 div, .cash-pp1 div, .cash-tl1 div, .cash-p2m1 div, .cash-oopayl div, .cash-ethl div, .cash-unpayl div, .cash-enot div, .cash-yk div, .cash-ydpay1 div, .cash-gpay1 div {
  border: none;
}
.cash-wm1 div div, .cash-mb1 div div, .cash-pm1 div div, .cash-yd1 div div, .cash-qw1 div div, .cash-os1 div div, .cash-rs1 div div, .cash-vs1 div div, .cash-rb1 div div, .cash-pr1 div div, .cash-ik1 div div, .cash-lp1 div div, .cash-mg1 div div, .cash-mt1 div div, .cash-bl1 div div, .cash-ok1 div div, .cash-sb1 div div, .cash-zp1 div div, .cash-pv1 div div, .cash-wo1 div div, .cash-ak1 div div, .cash-bt1 div div, .cash-lt1 div div, .cash-ah1 div div, .cash-fr1 div div, .cash-pp1 div div, .cash-tl1 div div, .cash-p2m1 div div, .cash-oopayl div div, .cash-ethl div div, .cash-unpayl div div, .cash-enot div div, .cash-yk div div, .cash-ydpay1 div div, .cash-gpay1 div div {
  border: none;
}
.cash-wm1 div div, .cash-mb1 div div, .cash-pm1 div div, .cash-yd1 div div, .cash-qw1 div div, .cash-os1 div div, .cash-rs1 div div, .cash-vs1 div div, .cash-rb1 div div, .cash-pr1 div div, .cash-ik1 div div, .cash-lp1 div div, .cash-mg1 div div, .cash-mt1 div div, .cash-bl1 div div, .cash-ok1 div div, .cash-sb1 div div, .cash-zp1 div div, .cash-pv1 div div, .cash-wo1 div div, .cash-ak1 div div, .cash-bt1 div div, .cash-lt1 div div, .cash-ah1 div div, .cash-fr1 div div, .cash-pp1 div div, .cash-tl1 div div, .cash-p2m1 div div, .cash-oopayl div div, .cash-ethl div div, .cash-unpayl div div, .cash-enot div div, .cash-yk div div, .cash-ydpay1 div div, .cash-gpay1 div div {
  display: block;
  border-radius: 0;
  overflow: hidden;
  p
}
.cash-wm1, .cash-mb1, .cash-pm1, .cash-yd1, .cash-qw1, .cash-os1, .cash-rs1, .cash-vs1, .cash-rb1, .cash-pr1, .cash-ik1, .cash-lp1, .cash-mg1, .cash-mt1, .cash-bl1, .cash-ok1, .cash-sb1, .cash-zp1, .cash-pv1, .cash-wo1, .cash-ak1, .cash-bt1, .cash-lt1, .cash-ah1, .cash-fr1, .cash-pp1, .cash-tl1, .cash-p2m1, .cash-oopayl, .cash-ethl, .cash-unpayl, .cash-enot, .cash-yk, .cash-ydpay1, .cash-gpay1 {
    border: none;
}
.line-green {
    background: #587d99;
    margin: 49px 1px 0 0px;
    width: 100%;
    margin: 0px;
    width: 89px;
    border-radius: 0px 0 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
}
.cash-wm1 div div div, .cash-mb1 div div div, .cash-pm1 div div div, .cash-yd1 div div div, .cash-qw1 div div div, .cash-os1 div div div, .cash-rs1 div div div, .cash-vs1 div div div, .cash-rb1 div div div, .cash-pr1 div div div, .cash-ik1 div div div, .cash-lp1 div div div, .cash-mg1 div div div, .cash-mt1 div div div, .cash-bl1 div div div, .cash-ok1 div div div, .cash-sb1 div div div, .cash-zp1 div div div, .cash-pv1 div div div, .cash-wo1 div div div, .cash-ak1 div div div, .cash-bt1 div div div, .cash-lt1 div div div, .cash-ah1 div div div, .cash-fr1 div div div, .cash-pp1 div div div, .cash-tl1 div div div, .cash-p2m1 div div div, .cash-oopayl div div div, .cash-ethl div div div, .cash-unpayl div div div, .cash-enot div div div, .cash-yk div div div, .cash-ydpay1 div div div, .cash-gpay1 div div div {
    width: 143px;
    height: 90px;
    position: relative;
    transition: all .5s;
}
.cash-wm1 div div div:hover, .cash-mb1 div div div:hover, .cash-pm1 div div div:hover, .cash-yd1 div div div:hover, .cash-qw1 div div div:hover, .cash-os1 div div div:hover, .cash-rs1 div div div:hover, .cash-vs1 div div div:hover, .cash-rb1 div div div:hover, .cash-pr1 div div div:hover, .cash-ik1 div div div:hover, .cash-lp1 div div div:hover, .cash-mg1 div div div:hover, .cash-mt1 div div div:hover, .cash-bl1 div div div:hover, .cash-ok1 div div div:hover, .cash-sb1 div div div:hover, .cash-zp1 div div div:hover, .cash-pv1 div div div:hover, .cash-wo1 div div div:hover, .cash-ak1 div div div:hover, .cash-bt1 div div div:hover, .cash-lt1 div div div:hover, .cash-ah1 div div div:hover, .cash-fr1 div div div:hover, .cash-pp1 div div div:hover, .cash-tl1 div div div:hover, .cash-p2m1 div div div:hover, .cash-oopayl div div div:hover, .cash-ethl div div div:hover, .cash-unpayl div div div:hover, .cash-enot div div div:hover, .cash-yk div div div:hover, .cash-ydpay1 div div div:hover, .cash-gpay1 div div div:hover {
    border: 1px solid #228B22;
    opacity: 0.7;
    display: block;
    margin: 0px;
    cursor: pointer;
}
.cash-qw1 div div div {
    background: url(img/eps/qw.png) no-repeat center 26px;
}
.cash-os1 div div div {
    background: url(img/eps/osn1.png) no-repeat center 28px;
}
.cash-vs1 div div div {
    background: url(img/eps/cart.png) no-repeat center 28px;
}
.cash-usdt-trc-20 div div div {
    background: url(img/eps/icon-usdt-trc202.png) no-repeat center 28px;
}
.cash-vs1-enot div div div {
    background: url(img/eps/enot.png) no-repeat center 27px;
}
.cash-pr1 div div div {
    background: url(img/eps/pyr.png) no-repeat center 27px;
}
.cash-wm1 div div div {
    background: url(img/eps/wbm2.png) no-repeat center 27px;
}
.cash-yd1 div div div {
    background: url(img/eps/yoom.png) no-repeat center 27px;
}
.cash-pm1 div div div {
    background: url(img/eps/pm2.png) no-repeat center 26px;
}
.cash-ydpay1 div div div {
    background: url(img/eps/icon-ypay.png) no-repeat center 27px;
}
.cash-mg1 div div div {
    background: url(img/eps/icon-mg.png) no-repeat center 26px;
}
.cash-ah1 div div div {
    background: url(img/eps/icon-ah5.png) no-repeat center 27px;
}
.cash-fr1 div div div {
    background: url(img/eps/freee.png) no-repeat center 26px;
}
.cash-unpayl div div div {
    background: url(img/eps/icon-unpay.png) no-repeat center 24px;
}
.cash-enot div div div {
    background: url(img/eps/enot.png) no-repeat center 19px;
}
.cash-card div div div {
    background: url(img/eps/icon-card.png) no-repeat center 25px;
}
.cash-anypay div div div {
    background: url(img/eps/icon-anypay.png) no-repeat center 26px;
}

.cash-cryptomus div div div {
    background: url(img/eps/cryp.png) no-repeat center 26px;
}

.cash-mir div div div {
    background: url(img/eps/mir2.png) no-repeat center 26px;
    border-radius: 10px;
}

.cash-visa div div div {
    background: url(img/eps/visa1.png) no-repeat center 30px;
    border-radius: 10px;
}

.cash-mastercard div div div {
    background: url(img/eps/mr.png) no-repeat center 28px;
    border-radius: 10px;
}

.cash-sbp div div div {
    background: url(img/eps/sbp1.png) no-repeat center 28px;
}
.cash-rs-out div div div { background:url(img/eps/rek1.png) no-repeat center 28px; }
.cash-rs1 div div div {
    background: url(img/eps/rek1.png) no-repeat center 28px;
}
.cash-sberpay div div div { background:url(img/eps/icon-sberpay.png) no-repeat center 28px; }
.cash-tinkoffpay div div div { background:url(img/eps/tf1.png) no-repeat center 28px; }
.cash-yookassa div div div { background:url(img/eps/yk.png) no-repeat center 28px; }

.cash-promo-code div div div { background:url(img/eps/promo.png) no-repeat center 28px; }
.cash-m10 div div div { background:url(img/eps/m11.png) no-repeat center 23px; }
.cash-m10-card div div div { background:url(img/eps/card1.png) no-repeat center 28px; }


.new-ov div div div{
    background-position-y: center;
    background-position-x: 20px;
    background-size: 40px;
    background-repeat: no-repeat;
    z-index: 2;
}

.new-ov{
    position: relative;
    z-index: 2;
}

.new-ov .new-cr-name {
    position: absolute;
    top: 55%;
    left: 72px;
    margin-top: -10px;
    font-weight: bold;
    font-size: 13px;
    z-index: 1;
}

.new-btc-ov div div div{background-image: url(img/eps/n-btc.png);}
.new-btc_bep20-ov div div div{background-image: url(img/eps/n-btc.png);}

.new-ltc-ov div div div{ background-image: url('img/eps/n-ltc.png'); }
.new-eth-ov div div div{ background-image: url('img/eps/n-eth.png'); }
.new-eth_bep20-ov div div div{ background-image: url('img/eps/n-eth.png'); }
.new-bch-ov div div div{ background-image: url('img/eps/n-bch.png'); }
.new-trc20-ov div div div{ background-image: url('img/eps/n-trc20.png'); }
.new-erc20-ov div div div{ background-image: url('img/eps/n-erc20.png'); }
.new-trx-ov div div div{ background-image: url('img/eps/n-trx.png'); }
.new-ton-ov div div div{ background-image: url('img/eps/n-ton.png'); }
.new-xrp-ov div div div{ background-image: url('img/eps/n-xrp.png'); }
.new-xlm-ov div div div{ background-image: url('img/eps/n-xlm.png'); }
.new-ada_bep20-ov div div div{ background-image: url('img/eps/n-ada.png'); }
.new-eos_bep20-ov div div div{ background-image: url('img/eps/n-eos.png'); }
.new-shib_bep20-ov div div div{ background-image: url('img/eps/n-shib.png'); }
.new-shib_erc20-ov div div div{ background-image: url('img/eps/n-shib.png'); }

.new-busd-ov div div div{ background-image: url('img/eps/n-busd.png'); }
.new-usdt_bep20-ov div div div{ background-image: url('img/eps/n-busd.png'); }
.new-usdt_erc20-ov div div div{ background-image: url('img/eps/n-erc20.png'); }
.new-usdt_trc20-ov div div div{ background-image: url('img/eps/n-erc20.png'); }
.new-usdt_ton-ov div div div{ background-image: url('img/eps/n-usdt-ton.png'); }
.new-matic-ov div div div{ background-image: url('img/eps/n-matic.png'); }
.new-usdc-ov div div div{ background-image: url('img/eps/n-usdc.png'); }
.new-usdc_bep20-ov div div div{ background-image: url('img/eps/n-usdc.png'); }
.new-usdc_erc20-ov div div div{ background-image: url('img/eps/n-usdc.png'); }
.new-dai-ov div div div{ background-image: url('img/eps/n-dai.png'); }
.new-bnb-ov div div div{ background-image: url('img/eps/n-bnb.png'); }
.new-xmr-ov div div div{ background-image: url('img/eps/n-xmr.png'); }
.new-cgpt-ov div div div{ background-image: url('img/eps/n-cgpt.png'); }
.new-verse-ov div div div{ background-image: url('img/eps/n-verse.png'); }
.new-sol-ov div div div{ background-image: url('img/eps/n-sol.png'); }

.new-doge-ov div div div{ background-image: url('img/eps/n-doge.png'); }
.new-doge_bep20-ov div div div{ background-image: url('img/eps/n-doge.png'); }
.new-dash-ov div div div{ background-image: url('img/eps/n-dash.png'); }
.new-fk-ov div div div{ background-image: url('img/eps/n-fk.png'); }

.dp-cash div div div {
    background-position-y: 7px;
}

.home {
    display: flex;
    margin: 30px auto;
    margin-top: 5px;
    align-items: center;
}
.home__text {
    margin-left: 13px;
}
hr.home__box {
    width: 104px;
    margin: 15px 0;
    height: 3px;
    border-radius: 10px;
    background: #b568ff;
}

.home h3 {
    font-weight: bold;
    text-shadow: none;
    font-size: 22px;
}
.home img {
      height: 100%;
}

.home__adv {
    margin: 40px auto;
}
.titleh3 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    text-shadow: none;
    background: #e99a09;
    color: #fff;
    width: 221px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 10px;
    border-radius: 15px;
}
.home__adv img {
    width: 85px;
}

.flex-container li{
  text-align: center;
}

/* task_list */
.block-quest {
    background-color: #ecf0f1;
    border-radius: 8px;
    color: #000;
    display: block;
    margin: 20px 0;
    padding-bottom: 5px;
    text-align: left;
}
.block-quest .header_t {
    /* border-bottom: 1px dotted #d8dcdd; */
    color: #b8bdc8;
    display: block;
    font-weight: 700;
    padding: 6px 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
.block-quest .mess {
    display: block;
    padding: 10px 20px;
}
.longtext {
    max-width: 500px;
    min-width: 100%;
    overflow-x: auto;
    width: 100%;
}
.mainlink {
    border-bottom: 1px dotted #aad0d9;
    color: #2980b9;
    cursor: pointer;
    outline: none;
}
.answer-fix {
    background-color: #f3f3f3;
    border: 0;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 18%);
    margin: 10px 0 8px -1px;
}
.answer-fix div {
    border-left: 6px solid #14d39a;
    padding: 8px 20px 10px 21px;
}
.answer-fix .title {
    color: #fff;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}
img.adoska {
    margin: 20px;
}
table.home__table {
    margin-left: 10px;
    margin-top: 10px;
}

.home__table2 .td1 {
    width: 0%;
}

.home__table2 .td2 {
  width: 45%;
}

.home__table2 .td3 {
  width: 40%;
}

.home__table2 .tr1 {

}


.open-menu {
  display: none;
}
.leftmenu-mob {
  display: none;
}

.priv-btn {width:170px;display:inline-block;text-align:center;}
.login-table {width: 450px;margin:10px auto;}
.ref-buttons {
    display: flex;
}
.footer-menu {
  display: none;
}
.open-ad {
  display: none;
}
.menu-add {
    display: flex;
    flex-flow: wrap;
    padding-top: 10px;
}
.menu-add a {
    flex: 1 1 10px;
    min-width: 200px;
    margin: 4px;
    font-size: 14px;
    background: #474b55;
    box-shadow: inset 0px 0px 3px 1px rgb(223 223 223 / 20%);
    color: #FFF;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* добавляем анимацию для изменения цвета фона */
    font-weight: bold;
}

.menu-add a:hover {
    background-color: #996300; /* изменяем цвет фона при наведении */
}

.menu-add a span{
	font-size: 11px;
	color:#E5E5E5;
	text-shadow: none;
    display: block;
    margin-top: 2px;
}

.menu-add a:hover, .menu-add a.active{
	/*background: #31457b;*/
	background: #00694a;
}
.table_adv{
    font-size: 14px;
}
.table_adv th {
    background: #228B22;
    padding: 10px;
}
.table_adv .geo_adv{
    font-size: 13px;
}
.table_adv .tos{
    padding:15px 0;
}

.cattitle-open, .cattitle-close {
    display: block;
    background: url(img/ud.png) no-repeat 98% center  #3c3f47;
    padding: 10px 5px;
    color: #FFF;
    cursor: pointer;
    font-size: 14px;
}
.cattitle-close {
    background: url(img/ud.png) no-repeat 98% center  #094d39;
}


/* task */
.form-block {
    border-bottom: 1px solid rgb(187 187 187 / 15%);
    border-left: 1px solid rgb(187 187 187 / 15%);
    border-radius: 0px;
    border-right: 1px solid rgb(187 187 187 / 15%);
    display: block;
    margin: 10px 2px;
    padding: 0 0 5px;
}
.form-block .t {
    background-color: rgb(31 33 39);
    border-radius: 0;
    color: #ffffff;
    display: block;
    font-size: .8rem;
    font-weight: 700;
    margin: 5px -1px;
    padding: 10px;
    text-align: center;
}
.form-wrap {
    align-items: center;
    border-bottom: 1px solid rgb(187 187 187 / 15%);
    display: flex;
    flex-flow: row wrap;
    font-size: .8rem;
    padding: 6px;
    text-align: left;
}
.form-tsl {
    align-self: flex-start;
    flex-basis: 165px;
    padding-left: 10px;
}
.form-c {
    flex: 200px 1;
    padding: 2px;
}
input[type=checkbox].adv-checkbox, input[type=radio].adv-checkbox {
    display: none;
}
input[type=checkbox].adv-checkbox+label, input[type=radio].adv-checkbox+label {
    background-color: #ecf0f1;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    margin: 2px 5px 3px 0;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #fff;
}
.form-c input:not([type=checkbox]), .form-c select, .form-c textarea, .form-s textarea {
    background-color: transparent;
    border: 1px solid rgb(143 143 143 / 48%);
    color: #d3d3d3;
    font: .8rem tahoma,arial,sans-serif;
    padding: 8px 10px;
    width: 100%;
    font-size: 14px;
    border-radius: 1px;
    font-family: Montserrat;
}
/*  */

.button_theme_blue {
    color: #fff;
    background-color: #019fb6;
    border-radius: 11px;
}
.rating-purchase__item-header-img {
    height: 40px;
    width: 60px;
    display: block;
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 18px;
    background-image: none;
    background: #00b6d5;
    color: #FFF;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
    border-radius: 10px;
}


/* competition */
.compet {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.compet td, .compet th {
    border: 1px solid #d1d1d1;
    padding: 7px;
    text-align: center;
    background: #ecf0f1;
}

/* .compet .first td {
    background: #FFD700;
    color: #6b3e3e;
    font-weight: bold;
}
.compet .second td {
    background: #c0c0c0;
    color: #450000;

}
.compet .third td {
    background: #cd9660;
} */
i.fa-solid.fa-medal.no {
    display: none;
}
i.fa-solid.fa-medal.first {
    color: #04c515;
}
i.fa-solid.fa-medal.second {
    color: #5847b1;
}
i.fa-solid.fa-medal.third {
    color: #838383;
}

/*  */

.compet-tables {
    display: flex;
    justify-content: center;
    align-items:flex-start;
}

.apsdlqpw {position: absolute; top: -34px; right: 35px; cursor: pointer;}
.apsdlqpw-1 {
    position: absolute;
    top: -34px;
    right: 27px;
    cursor: pointer;
    font-size: 22px;
}
.taskimg2, .taskimg2-ok, .taskimg2-work, .taskimg2-work2, .taskimg2-fail, .taskimg2-vip{
    width: 39px;
    height: 38px;
    display: block;
    margin-bottom: -2px;
}
.taskimg2-vip {
    background: url(img/taskvip.png) no-repeat 2px 1px;
}
.taskimg2 {
    background: url(img/task-icon.png) no-repeat 2px 1px;
}
.taskimg2-ok { background: url(img/ico/ad-task-ok.png) no-repeat 2px 1px; }
.taskimg2-work { background: url(img/ico/ad-task-work.png) no-repeat 2px 1px; }
.taskimg2-work2 { background: url(img/ico/ad-task-work2.png) no-repeat 2px 1px; }
.taskimg2-fail { background: url(img/ico/ad-task-fail.png) no-repeat 2px 1px; }

.check-task {
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
    align-items: center;
}input.addikdqw {
    background: none;
    color: #00d112;
    box-shadow: none;
    cursor: pointer;
    border: none;
    font-size: 15px;
}
a.fbtn-blue160 {
    background: none;
    width: auto;
    padding: 0;
    border-radius: 4px;
    font-size: 14px;
    border-left: 1px solid;
    padding-left: 0;
    border-radius: 0;
    border-color: #434343;
    transition: opacity .4s;
}
a.fbtn-red {
    background: none;
    border-radius: 4px;
    width: auto;
    padding: 0;
    font-size: 14px;
    border-left: 1px solid;
    border-color: #434343;
    border-radius: 0;
    transition: opacity .4s;
    height: auto;
}
a.fbtn-red:hover, a.fbtn-blue160:hover {
  opacity: 0.5;
}

.job-reply-btns {
    height: auto;
}
span.otchet {
    font-size: 13px;
    background: #1a1e23;
    display: block;
    margin: 10px auto;
    padding: 12px 9px;
    border-radius: 5px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
}
.taskcut {
    color: #fff;
    font-size: 11px;
    margin-top: -15px;
    padding: 2px 4px 2px 5px;
    display: block;
    float: right;
    background: #14d39a;
    border: none;
    border-radius: 3px;
}
.menu-arr {
    float: right;
    width: 100px;
    border: none;
    text-align: center;
    background: #2fc300;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 3px;
    margin: 10px auto;
}

.pelena_menu_mob {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.5);
    z-index: 4;
    display: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
table.new-class {
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    box-shadow: none;
}

.notify_load{position:fixed;z-index:10000;left:7px;bottom:2px;}
.notify_block{
    position: relative;
    display: block;
    width: 200px;
    background: #FFF url('img/ico/ico_serf.png') 10px center  no-repeat;
    background-size: 40px auto;
    padding: 10px 10px 10px 60px;
    font-size: 13px;
    border-radius: 5px;
    color:#555;
    height: 35px;
    vertical-align: top;
    margin-bottom: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
}

.notify_mess{
    padding:15px 10px 15px 60px;
}

.notify_closed{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.notify_text{
    margin: 2px 0 2px 0;
}
.notify_mess .notify_text a{
    color:#000!important;
}
.notify_price{
    font-weight: bold;
    font-size: 15px;
    color:green;
}

.notify_rating{
    background: #FFF url('img/ico/ico_rating.png') 10px center  no-repeat;
    background-size: 40px auto;
}

.notify_bad{
    background: #FFF url('img/ico/ico_bad.png') 10px center  no-repeat;
    background-size: 40px auto;
}

.notify_promo{
    background: #FFF url('img/ico/ico_promo.gif') 10px center  no-repeat;
    background-size: 40px auto;
}

.notify_rating .notify_price{
    color:#293a77;
}

.notify_bad .notify_price{
    color:#e30000;
}

@media (max-width: 600px){
    .notify_load{bottom:110px;}
}

input.addikdqw {
    background: url('/statica/done-icon.png') top center no-repeat;
    background-size: contain;
    width: 40px;
    color: #00d112;
    box-shadow: none;
    cursor: pointer;
    border: none;
    font-size: 15px;
}
a.fbtn-blue160 {
    background: none;
    width: 18%;
    padding: 0 7px;
    border-radius: 4px;
    font-size: 14px;
    border-left: 1px solid;
    padding-left: 15px;
    border-radius: 0;
    border-color: #434343;
    transition: opacity .4s;
    height: auto;
}
.notifs {
  display: none;
}
span.coint {
    position: absolute;
    font-size: 14px;
    background: #7d0909;
    color: #fff;
    width: 17px;
    height: 17px;
    padding: 3px;
    text-align: center;
    line-height: 1.2;
    border-radius: 50%;
    top: -9px;
    margin-left: -7px;
}
.reytbirj {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 50px auto;
}
.blokreyt {
    box-shadow: 0 0 3px 1px rgb(6 6 6);
    padding: 30px 30px;
    position: relative;
    /* overflow: hidden; */
    text-align: center;
    width: 24%;
    border-radius: 12px;
    background: #252a31;
    /* background: linear-gradient(24deg, rgb(0 0 0 / 17%) 0%, rgb(0 0 0 / 58%) 46%, rgb(255 255 255 / 17%) 100%, rgba(0, 0, 0, 0.227328431372549) 95%); */
}
img.imgbirj {
    position: absolute;
    top: -60px;
    right: 115px;
    z-index: 2;
}
span.subbirj {
    font-size: 12px;
    margin-top: 11px;
    display: block;
}
hr.hr-birj {
    width: 95px;
    height: 5px;
    border-radius: 4px;
    background: #ff9700;
    margin-top: 10px;
    margin-bottom: 15px;
}
.buy_hidden {
    color: #fff;
}
#visuals{
  display: block;
  /* grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr); */
}

@media (orientation: landscape) {
  #visuals{
    /* height: 90px; */
    width: 150px;
  }
}

@media (orientation: portrait) {
  #visuals{
    /* height: 90px; */
    width: 120px;
  }
}
.sec-but {
      width: 150px;
      padding: 10px 20px;
      max-width: 280px;
      /* display: block; */
      border-radius: 3px!important;
      background: #14d39a!important;
      border: none!important;
      color: #fff;
      text-align: center;
      font-size: 16px!important;
      cursor: pointer;
      font-family: Montserrat;
      transition: all .3s;
      float: right;
}
.butts {
    position: absolute;
    right: 0;
    background: #ecf0f1;
    bottom: -30px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}
.butsbg {

}
a.adbg {
    display: flex;
    align-items: center;
    margin-left: 35px;
    background: #4f4f4f;
    width: auto;
    max-width: 120px;
    justify-content: center;
    padding: 4px 5px;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
    font-family: Montserrat;
}
.scon-top {
    background: url(/statica/task/222222222.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-up {
    background: url(/statica/task/333333333.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-upno {
    background: url(/statica/task/333333333.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-vip {
    background: url(/statica/task/4444444.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-vipno {
  background: url(/statica/task/4444444.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;

}
.scon-color {
    background: url(/statica/task/555555555.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.scon-colorno {
  background: url(/statica/task/555555555.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
a.scon-url {
    background: url(/statica/task/777777777.png) no-repeat left top;
    margin-right: 5px;
    background-size: contain;
}
.loader {
    width: 128px;
    height: 6px;
    border-radius: 8px;
    background-color: rgb(236 139 0 / 43%);
    margin: 10px auto;
}

.loader div {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background-color: #14d39a;
  animation: width7435 5s linear infinite;
  transition: all;
}

@keyframes width7435 {
  from {
    /*width: 0;*/
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.refbonus-no {
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 2;
    display: block;
    background: #274885;
    width: 40px;
    border-radius: 4px;
    height: 23px;
    border: none;
    text-shadow: 1px 1px 1px #438216;
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: -1px;
}


.refdel {
    float: right;
    display: block;
    height: 16px;
    width: 16px;
    outline: none;
    border: none;
    margin: 5px 3px;
    cursor: pointer;
    background: url(img/ico/del.png) no-repeat left top;
}


/* main home */
section.main{
    padding-bottom: 50px;
    height: 820px;
    overflow: hidden;
    position: relative;
    background-color: transparent;;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
section.main:before{
/*    content: "";
    height: 100px;
    width: 100%;
    z-index: -1;
    background-color: #090E12;
    left: 0;
    bottom: 0;
    position: absolute;*/
}
section.main .container{
    height: 100%;
}
.cover_outside {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
section.main .cover_outside{
    height: auto;
    align-items: flex-end;
}
section.main .left{
    width: 472px;
}
section.main .right{
    width: 905px;
    text-align: right;
    position: relative;
    top: 94px;
}
section.main .left p{
    font-weight: 500;
    font-size: 80px;
    line-height: 80%;
    margin-bottom: 40px;
}
section.main .left .title,
section.main .left h1{
    font-weight: 500;
    font-size: 18px;
    opacity: 0.7;
    line-height: 110%;
    max-width: 360px;
    display: block;
}
section.main .inside_block {
    display: flex;
    align-items: center;
    margin-top: 36px;
}

section.main .inside_block span{
    opacity: 0.7;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    max-width: 110px;
    line-height: 110%;
}
section.main .btn{
    border-radius: 16px;
    font-size: 16px;
    padding: 25px 25px;
    margin-right: 20px;
}
section.main .right .img_block{
    position: relative;
}
section.main .right .upon_img{
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translate(0,-50%);
}
/*section.main .container{
    max-width: 1650px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}*/
.btn.yellow_btn {
    background-color: #ECAF00;
    transition: .3s ease;
    position: relative;
    overflow: hidden;
}
.yellow_btn {
    background-color: #ECAF00;
    transition: .3s ease;
}
.btn.yellow_btn {
    background-color: #ECAF00;
    transition: .3s ease;
    position: relative;
    overflow: hidden;
}
.btn-main {
    font-weight: 500;
    font-size: 14px;
    color: #090E12;
    display: inline-block;
    line-height: 56px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
    padding: 0px 30px;
    line-height: 36px;
    position: relative;
    overflow: hidden;
}
.btn-main {
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 40px;
    margin-right: 20px;
    font-weight: bold;
}

.btn-main.yellow_btn:hover {
    background-color: #F4CF65;
}
.btn-main.yellow_btn:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    animation: blick 5s infinite;
}


@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }

}

  .main-navigation__link_regard {
      background-color: #14d39a;
      color: #000!important;
  }
  .main-navigation__link_regard {
      background-color: #14d39a;
      padding: 10px 18px!important;
      border-radius: 5px!important;
      color: #000!important;
      text-align: upper;
      position: relative;
      overflow: hidden;
      display: block;
      /* text-transform: uppercase; */
  }

  .main-navigation__link_regard-white{
    background-color: #fff;
    padding: 10px 18px!important;
    border-radius: 5px!important;
    color: #000!important;
    text-align: upper;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    display: block;
    /* text-transform: uppercase; */
}

.main-navigation__link_regard:hover {
    opacity: 0.6;
}

.main-navigation__link_regard-white:hover{
  opacity: 0.6;
}
.main-navigation__link_regard:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    animation: blick 5s infinite;
}

.main-navigation__link_regard-white:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    animation: blick 5s infinite;
}
.appstore-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border: 3px solid rgb(189, 189, 189);
  background-color: rgb(15, 15, 15);
  border-radius: 15px;
  gap: 5px;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0px 0px 100px -30px rgb(255, 255, 255);
}
.appstore-button svg {
  width: 45px;
}
.appstore-button svg path {
  fill: white;
  transition: all 0.3s;
}
.button-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: white;
  transition: all 0.3s;
}
.top-text {
  font-size: 13px;
  font-weight: 600;
}
.bottom-text {
  font-size: 24px;
  font-weight: 600;
}

.appstore-button:hover {
  background-color: rgb(236, 236, 236);
  border: 3px solid rgb(138, 138, 138);
}
.appstore-button:hover .button-text {
  color: black;
}
.appstore-button:hover svg path {
  fill: black;
}
.app-buttons {
    display: flex;
    justify-content: flex-start;
}
.share_app {
    color: #fff;
    display: inline-block;
    border: 1px solid rgb(191 197 195 / 43%);
    border-radius: 10px;
    transition: .3s ease;
    padding: 13px 11px;
    width: 157px;
    text-decoration: none;
}
.info_block {
    display: flex;
    text-align: left;
    flex-direction: column;
    margin-bottom: 4px;
}
.img_block {
    display: inline-block;
    margin-right: 14px;
}

.share_app .cover_outside {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
}
.app-buttons .cover_outside a img {
    max-width: 100%;
}

 .info_block span:first-child {
    font-size: 8px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 500;
}
 .info_block span:last-child {
    font-weight: 600;
    font-size: 12px;
}
.small_vis {
  display: none!important
}
.on_line {
    box-sizing: border-box;
    background-color: #4c5259;
    color: #ffffff;
    width: 102px;
    height: 39px;
    text-align: center;
    line-height: 42px;
    font-family: Montserrat;
    border: none;
    box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 26%);
    opacity: 1;
    border-bottom: none;
    position: fixed;
    z-index: 998;
    right: -35px;
    top: 40%;
    border-radius: 18px 18px 0 0;
    cursor: help;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}
img.onl {
    position: absolute;
    top: -9px;
    left: 78px;
    width: 20px;
}
img.stats_img {
    position: absolute;
    top: -58px;
}
.statistic .stat {
    margin-top: 15px;
    width: 25%;
    height: 120px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #535353;
    color: #e5e5e5;
    border: none;
    line-height: 2.5;
    font-size: 25px;
    font-weight: bold;
    /* border-right: 1px solid rgb(0 0 0 / 14%); */
    border-radius: 0;
    margin: 0;
    padding-top: 24px;
    margin: 5px 5px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 18%);
    position: relative;
    padding-top: 39px;
}
.statistic .first {
    background: #2a2e3d;
}
.statistic .second {
    background: #2a2e3d;
}
.statistic .stat i {
    font-size: 19px;
}
.statistic .stat .subs {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 15px;
}
/*  */



/* footer */
/*FOOTER*/
.footer {
    background-color: #212121;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    flex: 0 0 auto;
    margin-top: 50px;
}
footer .container {
    max-width: 1650px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.cover_outside_footer {
    display: flex;
    justify-content: space-between;
}
.cover_outside_footer .left_side {
    width: 45%;
    max-width: 560px;
}
.cover_outside_footer .right_side {
    width: 45%;
    max-width: 816px;
}
.footer-top .social-links, .footer-top .site-brand{
    align-items: center;
    display: inline-flex;
    width: auto;
}
.footer-top .site-brand .logo {
    margin: 0 23px 40px 0;
    width: 191px;
    display: inline-block;
    filter: grayscale(100%);
}
.footer-bottom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footer-last-line{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.footer-last-line a{
    text-decoration: none;
}
.footer-last-line span{
    margin-bottom: 15px;
    color: #ccc;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
    display: block;
    margin-top: 10px;
}
.footer-bottom .nav-menu-bottom {
    flex-direction: column;
    min-width: 215px;
    margin: 0 0 15px;
    display: inline-flex;
    align-items: flex-start;
}
.footer-bottom .nav-menu-bottom a {
    font-size: 18px;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.7);
}
.right_side .footer-top {
    justify-content: flex-start;
    align-items: center;
    padding: 0px 0 29px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
footer .link_wrap {
    display: flex;
}
footer .link_wrap .social_link {
    margin: 5px 8px 5px 0;
}
footer .link_wrap svg {
    fill: #524E65;
    width: 47px;
    height: 47px;
    transition: .3s fill;
}
.footer-support {
    text-align: center;
    margin-left: 16px;
}
.footer-support p {
    color: rgba(255,255,255,0.7);
    font: 400 14px/15px "Inter", sans-serif;
}
.footer-support p a {
    color: #ECAF00;
}
.footer-support p a:hover{
    text-decoration: underline;
}
.footer-bottom .nav-menu-bottom a:hover {
    color: #ecaf00;
}
footer .lang-sw {
    text-transform: uppercase;
}
footer .lang-sw {
    position: relative;
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: space-between;
    margin-left: 30px;
}
footer .lang-sw > a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}
footer .lang-sw > a img {
    width: 30px;
    margin-right: 10px;
    border-radius: 50%;
    height: 30px;
    object-fit: cover;
}
footer .lang-sw ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
}
footer .lang-sw .dropdown li a {
    display: flex;
    align-items: center;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0px;
    text-decoration: none;
}
footer .lang-sw .dropdown li a img {
    width: 20px;
    margin-right: 15px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}
.footer-bottom .about-text p {
    font-size: 14px;
    margin: 0 0 15px;
    font-weight: 500;
    color: rgba(255,255,255,0.7);
}
footer .logo img{
    width: 100%;
    height: auto;
}
.show_more,.show_less{
    color: #ECAF00;
    font-weight: 400;
    text-decoration: underline;
    cursor:pointer;
    font-size: 14px;
    display: none;
    margin-top: -15px;
    margin-bottom: 15px;
}
.show_more:hover,.show_less:hover{
    text-decoration: none;
}
.show_less.active,.show_more.active{
    display: block;
}
.share_app{
    color: #fff;
    display: inline-block;
    border: 1px solid rgba(191,197,195,0.1);
    border-radius: 10px;
    transition: .3s ease;
    padding: 13px 11px;
    width: 157px;
    text-decoration: none;
}
.share_app:hover{
    border: 1px solid rgba(191,197,195,.6);
}
.share_app .cover_outside{
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
}
.share_app .info_block{
    display: inline-block;
    text-align: left;
}
.share_app .img_block{
    display: inline-block;
    margin-right: 14px;
}
.share_app .info_block span{
    display: block;
}
.share_app .info_block span:first-child{
    font-size: 8px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 500;
}
.share_app .info_block span:last-child{
    font-weight: 600;
    font-size: 12px;
}
@media(max-width:1630px){
    footer .lang-sw{
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
        margin-top: 15px;
    }
    footer .lang-sw .current{
        margin-right: 20px;
    }
}
@media(max-width:1199px){
    .footer-top .site-brand .logo{
        margin: 0 23px 30px 0;
    }
    .cover_outside_footer .left_side {
        width: 50%;
    }
    .footer-bottom .nav-menu-bottom a {
        font-size: 16px;
    }
}
@media(max-width:991px){
    .cover_outside_footer {
        flex-wrap: wrap;
    }
    .cover_outside_footer .left_side {
        width: 100%;
        margin-bottom: 30px;
    }
    .cover_outside_footer .right_side {
        max-width: none;
        width: 100%;
    }
    footer .lang-sw {
        display: none;
    }

}
@media(max-width:767px){
    .footer-bottom .nav-menu-bottom{
        margin-bottom: 0;
    }
    .footer-bottom {
        flex-direction: column;
    }
    .footer-bottom .about-text {
        margin-right: 0;
    }
    .footer-top {
        align-items: flex-start;
        padding-bottom: 20px;
    }
    .footer-bottom {
        flex-direction: column;
    }
    .footer-bottom .nav-menu-bottom a {
        text-align: left;
        font-weight: 400;
    }
    footer .link_wrap {
        order: 0;
    }
    .footer-support {
        text-align: left;
        width: 100%;
        margin-left: 0;
    }
}
/*FOOTER*/

.app-link{
    display: none;
    width: 250px;
    max-width: 100%;
    margin: 0 auto 30px;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    padding: 15px 10px 15px 70px;
}
.app-link svg{
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    left: 15px;
}
.app-link span{
    font-size: 12px;
    opacity: .7;
}
.app-link span:last-child{
    font-size: 16px;
    opacity: 1;
}
@media screen and (max-width: 1199px) {
    .app-link{
        display: flex;
    }
    .footer {
        padding-top: 40px;
    }
}
.cover_outside_footer .right_side{
    width: 51%;
    display: flex;
    flex-direction: column;
}
.cover_outside_footer .left_side{
    max-width: 450px;
}
.cover_outside_footer{
    justify-content: start;
}
.cover_outside_footer .left_side .footer-bottom{
    flex-direction: column
}
.footer-bottom .nav-menu-bottom{
    margin-bottom: 0;
}
.web-app-l{
    margin-top: auto;
    display: flex;
    align-items: center;
}
.web-app-l p{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16.2px */
    letter-spacing: -0.72px;
    margin: 0 30px 0 0;
}
.web-app-l a+a{
    margin-left: 10px;
}
.block-up-top .up-top-text {
    margin: 5px 0 15px 0;
    font-weight: bold;
    color: #fff;
}
.bugtnew {
    text-decoration: none;
    text-align: center;
    padding: 9px 8px;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 18px;
    color: #ffffff;
    background: #10be89 ;
    font-family: Montserrat;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    width: 100px;
	cursor:pointer;
}
.bugtnew:hover {
    border: 0;
    opacity: 0.8;
    border-radius: 18px;
    padding: 9px 8px;
}
.serfcontrol-play, .serfcontrol-pause, .serfcontrol-block, .serfcontrol-moder, .serfcontrol-postmoder, .refkonkurs-play, .refkonkurs-stop {
    margin: 0 10px;
}
.adbg2 {
    display: flex;
    align-items: center;
    background: #4f4f4f;
    width: auto;
    max-width: 120px;
    justify-content: center;
    padding: 7px 0px;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
    font-family: Montserrat;
    margin-top: 46px;
    font-size: 12px;
    width: 90px;
    float: right;
}
.scon-speed-1 { background: url(/statica/advspeed.png) no-repeat 0 0; margin-right: 5px; }
.scon-speed-2 { background: url(/statica/advspeed.png) no-repeat 0 -16px; margin-right: 5px; }
.scon-speed-3 { background: url(/statica/advspeed.png) no-repeat 0 -32px; margin-right: 5px; }
.scon-speed-4 { background: url(/statica/advspeed.png) no-repeat 0 -48px; margin-right: 5px; }
.scon-speed-5 { background: url(/statica/advspeed.png) no-repeat 0 -64px; margin-right: 5px; }
.scon-speed-6 { background: url(/statica/advspeed.png) no-repeat 0 -80px; margin-right: 5px; }
.scon-speed-7 { background: url(/statica/advspeed.png) no-repeat 0 -96px; margin-right: 5px; }

a.scon-backmoney {
    background: url(/statica/return.png) no-repeat left top;
    position: absolute;
    top: 14px;
    right: 116px;
    z-index: 2;
}
.pk {
  display: block;
}
.mob {
  display: none;
}
.work-serf .kab-text {
    color: #fff;
    font-size: 11px;
}
.kabindex {
  display: none;
}
.goodref {
    position: relative;
    border: 1px solid #0b0e11;
    color: #228B22;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 0 23px rgba(0,0,0,0.5);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin: 5px;
    width: 205px;
    height: 345px;
    background: #102441;
}
.ava-goodref {
    width: 145px;
    height: 145px;
    border: 1px dotted #14d39a;
    border-radius: 8px;
    margin-bottom: 5px;
    display: block;
    margin: 10px auto;
}
.goodref-info {
  font-size: 13px;color: #bbb;
}
td.active_reyt {
    background: #dd7e05;
}
.sms-ava {
    /* background: url(img/avbg-36.png) no-repeat left top; */
    padding: 0;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 10px;
    float: left;
    border-radius: 50%;
    object-fit: cover;
}
#load-new-mess .mail-text b, #load-new-mess-s .mail-text b, #load-new-mess-promo .mail-text b {
    color: #14d39a;
}
#load-new-mess-s {
    position: fixed;
    z-index: 998;
    right: -300px;
    bottom: 30px;
    overflow: hidden;
    max-height: 300px;
    animation: slideInFromRight 0.7s forwards; /* Animation duration and direction */
    animation-delay: 3s;
}

#load-new-mess .mew-mail-mess, #load-new-mess-s .mew-mail-mess, #load-new-mess-promo .mew-mail-mess {
    border-radius: 3px;
    width: 280px;
    height: 85px;
    padding: 0px 0px 12px 0px;
    background: #ffffff;
    color: #000000;
    margin-bottom: 5px;
    font-size: 12px;
    opacity: 1;
    font-family: Montserrat;
    overflow: hidden;
}
#load-new-mess .mew-mail-mess a, #load-new-mess-s .mew-mail-mess a, #load-new-mess-promo .mew-mail-mess a {
    color: #000000;
    text-decoration: none;
}
#load-new-mess .mail-users, #load-new-mess-s .mail-users, #load-new-mess-promo .mail-users {
    padding: 5px 10px;
    background: #14d39a;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}
#load-new-mess .mail-text, #load-new-mess-s .mail-text, #load-new-mess-promo .mail-text {
    margin-top: 8px;
    font-weight: 500;
    padding: 10px;
}
#load-new-mess .mail-users .closed, #load-new-mess-s .mail-users .closed, #load-new-mess-promo .mail-users .closed {
    float: right;
    color: #696969;
    cursor: pointer;
    font-family: Montserrat;
}
@keyframes slideInFromLeft {
    0% {
        left: -300px; /* Start position off screen */
    }
    100% {
        left: 6px; /* End position */
    }
}

@keyframes slideInFromRight {
    0% {
        right: -300px; /* Start position off screen */
    }
    100% {
        right: 6px; /* End position */
    }
}


/* ps */
.psnew {
    border: 1px solid rgb(141 141 141 / 38%);
    border-radius: 10px;
    width: 129px;
    height: 90px;
    position: relative;
    transition: all .5s;
    margin: 6px 5px;
    padding: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.psnew:hover{
    border: 1px solid #228B22;
    opacity: 0.7;
    cursor: pointer;
}
img.psimg {
    width: 128px;
    /* margin-top: 26px; */
}

.table td {
    border-bottom: 0;
    padding: 5px;
}

.mcr_block{
    position: relative;
    width: 95%;
    margin:0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.show_price_boost{
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -50px;
    z-index: 3;
    color: #000;
    cursor: pointer;
    width: 250px;
    text-align: center;  
}

.show_price_boost div{
    position: absolute;
    top:0;
    font-size: 40px;
    font-weight: bold;
    animation: pulsingBoost 1.5s ease-out;
    opacity: 0;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px #fff;  
}

@keyframes pulsingBoost {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
    opacity: 0;
  }
}

.show_priz_good{
    display: none;
    position: absolute;
    top: 172px;
    margin-left: 6px;
    z-index: 4;
    width: 96%;
    max-width: 510px;
    background: #181a20;
    /*padding-top:30px;*/
    padding-bottom: 18px;
    text-align: center;
/*    border-radius: 2px;
    border: 1px solid #3f2500; */ 
}
.show_priz_good img{
    width: 100%;    
}

.block_priz_boost{
    width: 100%;
    position: relative;
}

.block_priz_boost img{
    width: 100%;
}
.price_priz_boost{
    position: absolute;
    left: 50%;
    top:22%;
    margin-left: -100px;
    font-size: 40px;
    text-align: center;
    width: 200px;
    opacity: 0;
    z-index: 5;
}

.btn_b_priz{
    position: relative;
    bottom: 0;
    top:-60px;
}

@media(max-width:600px){
    .show_priz_good{
        top: 130px;
        padding-bottom: 50px;   
    }
}


/*  */
.competition-new {
    position: absolute;
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    color: #000;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    top: 44px;
    width: 229px;
    text-align: center;
    left: -77px;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    z-index: 999;
    font-family: 'Montserrat', sans-serif;
    z-index: 2;
    font-weight: 500;
}

.competition-new::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px; /* увеличиваем толщину границы */
    border-style: solid;
    border-color: transparent transparent #f6d365 transparent; /* настраиваем цвета границы */
    z-index: -1;
}

.tooltip-visible {
    opacity: 0;
    transform: translateY(0);
}


.tooltip-hidden {
    opacity: 0;
}
a.apple_bonus.tipi {
    position: absolute;
    right: 3px;
    z-index: 2;
    background: #14d39a;
    padding: 6px;
    border-radius: 50%;
}
a.active_red {
    color: #fff !important;
    text-shadow: none;
}
/* mob */
.pk {
  display: block;
}
.mob {
  display: none;
}
@media screen and (max-width: 1199px) {
    .cover_outside_footer .right_side,
    .cover_outside_footer .left_side{
        max-width: 100%;
        width: 100%;
    }
    .cover_outside_footer .left_side .footer-bottom{
        flex-direction: row;
    }
    .footer-bottom .nav-menu-bottom{
        width: 49%;
    }
}
@media screen and (max-width: 767px) {
    .footer{
        padding-top: 30px;
    }
    .cover_outside_footer .left_side .footer-bottom{
        flex-direction: column;
    }
    .footer-bottom .nav-menu-bottom{
        width: 100%;
    }
    .cover_outside_footer .left_side .footer-top{
        padding-bottom: 0;
    }
    .web-app-l{
        order: -1;
        margin-bottom: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .web-app-l p{
        text-align: center;
        width: 100%;
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 360px) {
    .share_app{
        width: 137px;
    }
/* } */