html, body {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
html {
    /*margin-left: calc(100vw - 100%);*/
    margin-right: 0;
}
body {
    min-height: 100%;
    font-family: Arial, Tahoma, sans-serif;
    line-height: 1.154;
    color: #3e4d5c;
}

a{
	color: #608ab9;
	text-decoration: none;
    -webkit-transition:color 0.4s ease;
    -moz-transition:color 0.4s ease;
    -o-transition:color 0.4s ease;
}

a:hover{
	color: #4a76a8;
	text-decoration: none;
}
 
h1, h3{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 4px;
}
input, select, textarea{
    width: 100%;
    outline-width: 0;
    text-align: left;
    font-size: 12px;
    box-sizing: border-box;
    padding: 7px 9px;
    border-radius: 2px;
    border: 1px solid #d3d9de;
}
.loader {
    height: 17px;
    vertical-align: middle;
}
.spinner {
    vertical-align: middle;
}
input[type="checkbox"], input[type="radio"], input[type="file"]{
  width: auto;	
}
.color_blue {
    color: #608ab9;
}
#info{text-align: left;}
button{border:0;padding:0;margin:0;background:transparent;outline: none;}
.tocg22{
	background: url(img/blue-pixel.png);
	display: inline-block;
    width: 16px;
    height: 16px;
	vertical-align: text-top;
}
.kont23 {
    background: url(img/kont23.png);
    display: inline-block;
    width: 16px;
    height: 16px;
	margin-right: 6px;
    vertical-align: text-top;
}
a.s_staj, a.s_rab, a.s_brig, a.s_mast, a.s_pror, a.s_biz, a.s_dep, a.s_olig {background: url(img/star_status.png); display: block; margin-bottom: 2px; width: 156px; height: 16px;}
a.s_rab{background-position: 0 -16px;}
a.s_brig {background-position: 0 -32px;}
a.s_mast{background-position: 0 -48px;}
a.s_pror {background-position: 0 -64px;}
a.s_biz{background-position: 0 -80px;}
a.s_dep {background-position: 0 -96px;}
a.s_olig {background-position: 0 -112px;}
a.star_gold {background: url(img/01m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}
a.star_silver {background: url(img/02m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}
a.star_bronze {background: url(img/03m.png); display: block; margin-top: 22px; width: 16px; height: 16px;}
img.avatar-akk {margin-top: 0px; border-radius: 50%; display: block; border: none; width: 60px; height: 60px; box-sizing: border-box}
a.rating{width:85px;height:62px;display:block;border:none;outline:none;cursor:pointer;margin-bottom:1px;margin-right:0px;line-height: 5.0;color: #fff;text-shadow: 1px 1px 1px #246c1e;background: url(img/rating.png) no-repeat;}
.e_bonus{background:#00BFFF;display:block;width:155px;padding: 6px;color: #fff;margin-bottom: 8px;font-weight: bold;border-radius: 5px;}
.e_bonus:before{content: 'Bonus';}
.e_bonus_z{background:#1E90FF;display:block;width:155px;padding: 6px;color: #696969;margin-bottom: 8px;font-weight: bold;border-radius: 5px;}
.e_bonus_z:before{content: '+0.2 rating';}
ul.usermenu {
    list-style:none;
    padding-left:0;
    margin:0 0px 0px 0;
}
ul.usermenu li a,ul.usermenu li.active a {
    text-decoration:none;
    display:block;
    border-bottom:1px dotted #BFD3AA;
    width:100%;
    padding:4px 0 4px 12px;
}
ul.usermenu li a:hover {
    text-decoration:none;
    display:block;
    border-bottom:1px dotted #BFD3AA;
    width:100%;
    padding:4px 0 4px 12px;	
}
ul.usermenu li.active a {
    background:#ffffff;
}
.usermnublock {
    text-align : left;
}
.usermnutitle-g {
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 8px 0;
    font-size: 13px;
    padding-left: 15px;
    cursor: pointer;
    background: #608ab9;
    border-bottom: 1px solid #fff;
}
.usermnutitle-g:first-of-type {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.usermnutitle-g:last-of-type {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0;
}
.usermnutitle-g::before {
    content: "";
    background-image: url(img/menu-arrow.svg);
    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;
}
.usermnutitle-c::before {
    transform: rotate(180deg);
}
.usermnuline {
    color:#014844;
    text-decoration:none;
    display:block;
    padding:3px 0 4px 15px;
    cursor: pointer;
    border-bottom: 1px dotted #87CEFA;
	border-right: 1px solid #FFFFFF;
}
.usermnuline:hover {
    color:#147af0;
    background: #F3F3F3;
	padding:3px 0 4px 15px;
    border-bottom: 1px dotted #87CEFA;
}

.user_menuline {
    color: #434343;
    display: block;
    padding: 5px 0 5px 12px;
    cursor: pointer;
    border-left: 4px solid transparent;
}
.user_menuline:hover {
    background: #f5f5f5;
    border-color: #7b9ec5;
}

.usermnuline-act, .usermnuline-act:hover {
    padding: 5px 0 5px 12px;
    background: #f5f5f5;
    cursor: pointer;
    display: block;
    border-color: #7b9ec5;
    border-left: 4px solid #7b9ec5;
}
.count_task_request {
    font-size: 11px !important;
    padding: 7px 6px 7px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    color: #fff;
    line-height: 0 !important;
    background-color: #3cc051;
    margin-right: 12px;
    background-image: none !important;
}
.count_payout_counter {
    font-size: 11px !important;
    padding: 7px 6px 7px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    color: #fff;
    line-height: 0 !important;
    background-color: #3cc051;
    margin-right: 12px;
    background-image: none !important;
}
.count_payout_admin_counter {
    font-size: 11px !important;
    padding: 9px 6px 7px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    color: #fff;
    line-height: 0 !important;
    background-color: #3cc051;
    margin-right: 0;
    background-image: none !important;
    margin-left: 4px;
}
#moder-ob-num {
    padding: 4px 0;
    text-align: center;
    background: rgba(74,118,168, 0.1);
}

#moder-ob-num a{
  display: inline-block;
  padding:3px 4px;
  background: #FFF;
  color:#000;
  font-weight: bold;	
}
.moderimgm {
background: url(img/ico/kabinet/lupa.png) no-repeat 2px 1px;
width: 39px;
height: 38px;
display: inline-block;
margin-bottom: -2px;
}

.online-friends{color:#00BFFF;}
.offline-friends{color:#DCDCDC;}

.status{color:#006699;font-size:12px;font-weight:bold;}


.btn {display:inline-block;color:#fff;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:1px dotted #c6e2ff;cursor:pointer;outline:none;}
.btn.green {background:#00b2ee;}
.btn.green:hover {background:#00bfff;}
.btn.blue {background:#3579AC;}
.btn.blue:hover {background:#065DA0;}
.btn.red {background:#CD5C5C;}
.btn.red:hover {background:#BC2D20;}
.btn.gray {background:#9CADBA;}
.btn.gray:hover {background:#8FA9B7;}
.btn.orange {background:#87CEFA;}
.btn.orange:hover {background:#00BFFF;}
.btn.black {background:#666666;}
.btn.black:hover {background:#444444;}

.btn_sp, .btn_sp_green, .btn_sp_blue, .btn_sp_red, .btn_sp_gray, .btn_sp_orange{display:inline-block;color:#fff;padding:4px 12px 5px 12px;margin:-7px -18px -8px 18px;border-radius:0px 0px 0px 0px;text-shadow:0 1px 1px rgba(0,0,0,0.56);font-size:13px;border: 0px solid #E0E0E0;cursor:pointer;outline:none;}
.btn_sp{background:#a4d3ee;}
.btn_sp_green{background:#78BC47;}
.btn_sp_blue{background:#3F91CC;}
.btn_sp_red{background:#E05E53;}
.btn_sp_gray{background:#ADC3CE;}
.btn_sp_orange{background:#F4A653;}

.btn_big_green, .btn_big_red, .btn_big_orange, .btn_big_blue {display: block;font-size: 14px;color: #fff;padding: 6px;cursor: pointer;outline: none;margin: 2px;border: 1px dashed #ccc; width: 100%; float:center;border-radius: 10px;}
.btn_big_green {background: #00b2ee}
.btn_big_red {background: #CD5C5C;text-shadow: 1px 1px 1px #91332A;}
.btn_big_orange {background: #FC8000;text-shadow: 1px 1px 1px #91332A;}
.btn_big_blue {background: #3579AC;text-shadow: 1px 1px 1px #91332A;}
.btn_big_green:hover {border: 1px dashed #ccc;opacity:0.8}
.btn_big_red:hover {border: 1px dashed #ccc;opacity:0.8}
.btn_big_orange:hover {border: 1px dashed #ccc;opacity:0.8}
.btn_big_blue :hover {border: 1px dashed #ccc;opacity:0.8}

.msg-warning {
    display: block;
    text-align: center;
    padding: 10px;
    background: #fcf8e3;
    color: #8a6d3b;
    border-radius: 2px;
    border: 1px solid #faebcc;
}
.msg-info {
    display: block;
    text-align: center;
    padding: 10px;
    background: #d9edf7;
    color: #31708f;
    border-radius: 2px;
    border: 1px solid #bce8f1;
    margin: 10px 0;
}
.msg-error {
    display: block;
    text-align: center;
    padding: 10px;
    background: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 2px;
}
.msg-ok {
    display: block;
    text-align: center;
    padding: 10px;
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
    border-radius: 2px;
}
.msg_align_center {
    text-align: center;
}
.msg_align_left {
    text-align: left;
}
.msg_align_right {
    text-align: right;
}
.msg_margin_bottom {
    margin-bottom: 14px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  
  table{
		width: 100%;
		border-collapse: collapse;
	}
	.table th{
		background: #608ab9;
		padding: 8px;
		color:#FFF;
		font-weight: 400;
	}
	.table td{
		border-bottom: 1px solid #CCC;
		padding: 8px;
	}


table.new-class{border-collapse:separate;border-spacing:0 7px;border:0;box-shadow:none;}
table.new-class tr{box-shadow: 1px 1px 5px 0 #ccc;}

.bugtnew {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 30px;
  background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  font-weight: 300;
  color: white;
  margin-top: 6px;
  box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
  transition: .5s;
}
.bugtnew:hover {
  box-shadow: 0 0 0 0 rgba(0,40,120,0);
  background-position: 0 0;
} 

#text-rab-time{position: absolute;top:0;left:0;width: 100%;z-index:999;display:none;text-align: center;font-size: 14px;color: #fff;opacity:0.9;text-shadow: 0 1px 1px rgba(0,0,0,0.56);background: #0000FF;margin-top: 0px;padding: 10px 0;}
#load-pages, #load-pages-dop{
background: #f5f5f5;
    border: 1px solid #dcdcdc;
    color: #444;
    padding:5px 0;
    text-align:center;
    margin:10px auto;
    width: 400px;
    border-radius:3px;
    cursor:pointer;
}
#load-pages:hover, #load-pages-dop:hover{background: #E2E2E2;}

#load{position: fixed;top:0;left:0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.7);z-index:999;display:none;}
#error-footer{position: fixed;left:0;top:0;right:0;display:none;z-index:9999;}

#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {font-size: 12px;color: #fff;padding: 5px 8px;border: 1px solid rgba(0,0,0,0.25);background: rgba(0,0,0,0.8);border-radius: 3px;box-shadow: 0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(0,0,0,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(0,0,0,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(0,0,0,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(0,0,0,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgba(0,0,0,0.8);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgba(0,0,0,0.8);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgba(0,0,0,0.8);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgba(0,0,0,0.8);}

#popup{min-width: 400px;font-size:12px;}
#popup table{font-size:12px;}
#popup .title-popup{background:#4a76a8;color:#FFF;line-height: 40px;padding:0;padding-left:10px;font-size:14px;border-radius: 2px 2px 0 0;}
#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;cursor:pointer;opacity:0.6}
#popup .closed-popup:hover{opacity:0.9}
#popup .text-popup{overflow: hidden;overflow-y: auto;background:#FFF;border-radius: 0 0 2px 2px;}
#popup .text-popup .load-popup{display:block;width:128px;height:15px;margin:20px auto;}
.pop-up-footer{
  background:#C0C0C0;
  padding: 1px 0 1px 0;
  text-align: center;
  padding: 10px 0;
}

td.pop-up-footer{
  border-bottom: 0;	
}

.load-pages{
background: #f5f5f5;
    border: 1px solid #007F0E;
    color: #007F0E;
    padding:5px 0;
    text-align:center;
    margin:10px auto;
    width: 400px;
    border-radius:3px;
    cursor:pointer; 
}
.load-pages:hover{background: #E2E2E2;}

.da-del, .net-del{display:inline-block;font-size:13px;line-height: 24px;border:1px solid #CCC;padding:0;margin:5px 10px;text-align:center;width: 60px;cursor:pointer;background:transparent;border-radius:3px;}
.da-del{background:#00AE00;border:1px solid #008000;color:#FFF;}
.net-del{background:#D70000;border:1px solid #B70000;color:#FFF;}
.da-del:hover{background:#007700;}
.net-del:hover{background:#930000;}

#load-site-img{
  position: fixed; right:40px;top:140px;display:none;
}
#load-site-img img{
    width: 44px;
}

.menu-panellang {
    position: absolute;
    top: 70px;
    right: 0px;
    padding: 3px;
}

span.select {
  background: url(img/select_bg.png) no-repeat;
  display: inline-block;
  position: relative;
  width: 100px;
  height: 19px;
  padding: 1px 0 0 5px;
  font-size: 11px;
  cursor: pointer;
  margin-right: 4px;
  z-index: 998;
  font-size: 13px; }
  span.select:hover .options {
    display: block; }
  span.select .options {
    background: url(img/select_options_bg.png) no-repeat;
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 40px;
    font-size: 13px;
    cursor: pointer;
    display: none;
    top: 15px;
    left: 0;
    z-index: 998 !important;
    padding-top: 4px; }
    span.select .options .option {
      display: block;
      padding: 0 0 0 5px;
      line-height: 17px;
      text-decoration: none;
      color: #545454;
      -webkit-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease; }
      span.select .options .option:hover {
        background: #5d9bec;
        color: #fff;
        -webkit-transition: 0.2s ease;
        -o-transition: 0.2s ease;
        transition: 0.2s ease; }
    span.select .options .active {
      background: #5d9bec;
      color: #fff; }

.support_panel{
    height: 12px;
    top: 385px;
	z-index: 998;
	position: fixed;
	left: -72px;
	width: 153px;
	padding: 9px;
	opacity:0.7;
	font-size:18px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	text-align: center;
	border-radius: 12px 12px 0 0;
    border: 2px solid #608ab9;
    background-color: #fff;
}
.support_panel:hover{opacity:0.9;}

.on_line{
    box-sizing: border-box;
    background-color: #fff;
	color: #608ab9;
	width: 74px;
	height: 30px;
	text-align: center;
	line-height: 30px;
    border: 2px solid #608ab9;
	opacity:0.8;
	border-bottom: none;
	position: fixed;
	z-index: 998;
	right: -21px;
	top: 250px;
	border-radius: 12px 12px 0 0;
	cursor: help;

	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); 
}

.adblock {z-index: 10; position: fixed; bottom: 100px; right: 20px; background: #f30000; opacity: 1; margin: 5px; padding: 5px; width: 300px; height: 70px; border-radius: 4px; color: #fcfdfd; text-align: left; font-size: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.a_b_ico {position: relative; top: 15px; width: 30px; height: 30px; border-radius: 50%; background: #fff; display: inline-block; color: #f30000; text-align: center; font-weight: bold; font-size: 25px; margin: 5px;}
.a_b_t {position: relative; top: -35px; margin-left: 40px; width: 250px; height: 100%; line-height: 20px; display: inline-block;}
.a_b_x {position: relative; top: -5px; float: right; display: inline-block; font-weight: bold; font-size: 14px; margin: 5px; opacity: 0.8; cursor: pointer;}
.a_b_x:hover { opacity: 1;}
.a_b_c {
    position: relative;
    top: -5px;
    float: right;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    margin: 5px;
    opacity: 0.8;
    cursor: pointer;
}

.onpovorot{
	font-size:18px;
}

	.onpovorot img{
		display: inline-block;
	}

.main{
	width: 1024px;
	margin: 0 auto;
	height: 100%;
}
.main, #main-menu, #header {
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

.logo-wrapper {
  display: block;
  background: url(img/logo.png) no-repeat;
  width: 167px;
  height: 98px;
  position: absolute;
  top: -5px;
}

.top-text {
  position: absolute;
  top: 9px;
  left: 172px;
  font-size: 25px;
  line-height: 1.4;
}

#baner-serf{
  width: 468px;
  height: 60px;
  overflow: hidden;
  float: right;
  margin-top: -10px;
  padding-right: 0px;
}

#header{
    height: 90px;
}
#main-menu{
    height: 50px;
}


#menu{
	display: inline-block;
	background: url(img/menu_bg.png) no-repeat;
	width: 855px;
  -webkit-background-size: 100%;
  background-size: 100%;
	white-space: nowrap;
	height: 40px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 3px;
}

#menu .li{
	display: inline-block;
	vertical-align: middle;
	margin-top: 7px;
	color: #fff;
	text-decoration: none;
	padding: 2px 9px 5px 0px;
	line-height: 14px;
}

#menu .li b{
	padding: 2px 0 8px 10px;
	margin-top: 7px;
}

#menu .li:hover, #menu .active{
	color: #176c9b;
	text-decoration: none;
	background: url(img/menu_h2.png) right top no-repeat;
}

#menu .li:hover b, #menu .active b{
	color: #01498E;
	text-decoration: none;
	background: url(img/menu_h.png) left top no-repeat;
}
#menu-control{
	display: block;
    margin-bottom: 20px;
}
.button-login {
 display: inline-block;
 vertical-align: middle;
 margin-top:7px; 
}
.button-login .button {
  background: url(img/login-bg.png) no-repeat;
  width: 129px;
  height: 26px;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.button-login .button:hover {
  opacity: 0.8;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.title {
    color: #fff;
    background: #608ab9;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    padding: 6px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
}
.t1 {
  background: #3d9def;
  display: inline-block;
  padding: 5px 2px 0px 2px;
  color: #fff;
  font-size: 20px;
  line-height: 1.2; }

.t2 {
 text-shadow: #7b7b7b 0px 1px 2px;
 margin-left:-1px
}

.t3 {
  font-size: 15px;
  margin-top: 5px;
  display: inline-block;
}

.bord {
  background: url(img/bord.png) no-repeat;
  height: 3px }

.button-left {
  display: block;
  margin: 10px auto;
  margin-top: 30px;
}

.i-button {
    background-image: url('img/reg-on.png');
    background-repeat: no-repeat;
    width: 193px;
    height: 43px;
    border: none;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease; }
.i-button:hover {
      background-image: url('img/reg-off.png');
      -webkit-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease; }

.left-banner {
  width: 193px;
  height:146px;
  background: url("img/ba100.png") center no-repeat;
  -webkit-background-size: 193px 193px;
          background-size: 193px;}
  .left-banner .img-banner-left {
    display: block;
    margin: auto;
    padding-top: 52px; }

#contentwrapper{
	padding:0 7px 120px 7px;
}
.block1 {
  float: left;
  width: 49%; }
  ul.bl1 {
    padding-top: 22px;
  }
   ul.bl2 {
   margin-top: -5px;
  }
  .block1 h3 {
    width: 88%;
    border-bottom: 2px solid #8e8e8e; }
  .block1 .img1 {
    float: left;
    background: url(img/youtobe-icon.png);
    width: 65px;
    height: 65px;
    margin-right: 20px; }

.block1 ul img, .block2 ul img, .block3 ul img, .block4 ul img {
      width: 13px;
      margin-right: 8px;
      margin-bottom: 3px; }
.block2 {
  float: right;
  width: 49%; }
  .block2 h3 {
    width: 88%;
    border-bottom: 2px solid #8e8e8e; }
  .block2 .img2 {
    float: left;
    background: url(img/vk-icon.png);
    width: 65px;
    height: 65px;
    margin-right: 20px; }

.block3 {
  line-height: 1.4;
  margin-top: 222px; }
  .block3 .img3 {
	  background: url(img/very-man.png);
	      width: 195px;
    height: 191px;
    float: right; }

.block4 h3 {
  text-align: center; }

.block4 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 2;
  padding-top: 10px; }
  .block4 ul li {
    padding-left: 105px; }
  .block4 ul img {
    width: 13px;
    margin-right: 8px;
    margin-bottom: 3px; }

.block4 {
	margin-top: 50px;
}

.rb-title span {
    font-size: 14px; }
.rb-text {
  margin-top: 7px;
  margin-bottom: 8px;
  font-size:12px;  }
.rb-title a {
    color: #4e5c7f;
    border-bottom: 1px solid #8e8e8e; }
.rb-title a:hover {
      text-decoration: none;
      border: none; }

/*.scroll-up{
    display: none;
    z-index: 900;
    opacity: .7;
    position: fixed;
    padding: 10px;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.scroll-up:hover {
    opacity: 1;
}
.scroll-up__link .icon {
    width: 45px;
    height: 45px;
    fill: #608ab9;
}*/

.serf-stat{ 
  background: #f6f6f6;
}
.serf-stat a{
	display: block;
	font-size: 12px;
	padding:2px 10px; 
}

.serf-stat a:hover{
	background: #e7e7e7; 
}

.ico{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
    background-size: 18px 18px;
    opacity: .7;
}
.ico:hover{opacity: 1;}
.ico-vir{background: url('img/ico/vir.png') no-repeat;}
.ico-act{background: url('img/ico/act.png') no-repeat;}
.ico-abuse{background: url('img/ico/abuse.png') no-repeat;}
.ico-search{background-image: url('img/ico/search.svg');}
.ico-down{background-image: url('img/ico/arrow-down.svg');}
.ico-shield{background-image: url('img/ico/shield.svg');}
.ico-report{background-image: url('img/ico/report.svg');}
.ico-remove{background-image: url('img/ico/cancel-icon.svg');}
.ico-remove-back{background-image: url('img/ico/back-arrow.svg');}
.ico-help{background: url('img/ico/help.png') no-repeat;}
.ico-ok, .task-del-act{background-image: url('img/ico/ok.svg');}
.ico-del, .task-del{background-image: url('img/ico/delete.svg');}
.ico-edit{background: url('img/ico/edit.png') no-repeat;}
.ico-replace{background: url('img/ico/replace.png') no-repeat;}
.ico-while{background: url('img/ico/while.png') no-repeat;}
.ico-lock{background-image: url('img/ico/kabinet/padlock.svg');}
.task-favorite {background: url('img/ico/favorite.svg') no-repeat;}
.task-favoriteout {background: url(img/ico/pin-disable.png) no-repeat;}

.work-serf{
  width: 100%;
  margin-bottom:10px;
  border-bottom: 1px solid #CCC;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);	
}
.work-serf td{
  padding:5px 5px 5px 5px;
}
.serf-text{
	color: #555;
}
.vk-desc {
    color: #ef7878;
}


.geotask {
    border: none;
    background: url(img/ico/kabinet/geo.png) no-repeat;
    width: 28px;
    height: 16px;
    display: inline-block;
    cursor: help;
    vertical-align: middle;
}
.targettask {
    border: none;
    background: url(img/ico/kabinet/target.png) no-repeat;
    width: 48px;
    height: 16px;
    display: inline-block;
    cursor: help;
    vertical-align: middle;
}
.date_reg_user_task {
    border: none;
    background: url(img/ico/kabinet/clock.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: help;
    vertical-align: middle;
}

.wall-ad {
    padding: 5px 10px;
    position: relative;
    border: 2px solid #608ab9;
    min-height: 47px;
    margin-top: -3px;
}
.wall-ad a.ad-title {
    font-size: 15px;
    font-weight: bold;
}
.wall-ad .newdoskars {
    color: #000;
}
.wall-ad .ad-ico {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(chat/ico_rek3.png) -22px 0px no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.wall-ad .ad-add {
    bottom: 5px;
}
.wall-ad .ad-out, .wall-ad .ad-moder-out, .wall-ad .ad-add {
    position: absolute;
    right: 10px;
    font-size: 11px;
    cursor: pointer;
}
.wall-ad .ad-url-pars {
    color: #47A447;
}

.menu-kabinet{
	text-align: center;
	margin: 10px 0;
}

.menu-kabinet a{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 5px;
	border: 0 solid #608ab9;
	background: #3eadf0;
	border-radius: 50px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
	vertical-align: top;
	background-position: center;
}
.menu-kabinet a:hover, .menu-kabinet a.active{ background: #608ab9; }

.menu-kabinet a.menu-serf{ background-image: url('img/ico/menu/serf_kab.png');	}
.menu-kabinet a.menu-mail{ background-image: url('img/ico/menu/mail_kab.png');	}
.menu-kabinet a.menu-youtube{ background-image: url('img/ico/menu/youtube_kab.png');	}
.menu-kabinet a.menu-vk{ background-image: url('img/ico/menu/vk_kab.png');	}
.menu-kabinet a.menu-task{ background-image: url('img/ico/menu/task_kab.png');	}
.menu-kabinet a.menu-test{ background-image: url('img/ico/menu/test_kab.png');	}
.menu-kabinet a.menu-banner{ background-image: url('img/ico/menu/banner_kab.png');	}
.menu-kabinet a.menu-text{ background-image: url('img/ico/menu/text_kab.png');	}
.menu-kabinet a.menu-kontext{ background-image: url('img/ico/menu/kontext_kab.png');	}
.menu-kabinet a.menu-statlink{ background-image: url('img/ico/menu/statlink_kab.png');	}
.menu-kabinet a.menu-fraim{ background-image: url('img/ico/menu/fraim_kab.png');	}

.menu-earnings{
	text-align: center;
	margin: 10px 0;
}

.menu-earnings a{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 0 5px;
	border: 0 solid #608ab9;
	background: #3eadf0;
	border-radius: 50px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
	vertical-align: top;
	background-position: center;
}
.menu-earnings a:hover, .menu-earnings a.active{ background: #608ab9; }

.menu-earnings a.menu-serf{ background-image: url('img/ico/menu/serf.png');	}
.menu-earnings a.menu-mail{ background-image: url('img/ico/menu/mail.png');	}
.menu-earnings a.menu-youtube{ background-image: url('img/ico/menu/youtube.png');	}
.menu-earnings a.menu-vk{ background-image: url('img/ico/menu/vk.png');	}
.menu-earnings a.menu-task{ background-image: url('img/ico/menu/task.png');	}
.menu-earnings a.menu-test{ background-image: url('img/ico/menu/test.png');	}

.start-yes-serf, .start-error-serf{
  display: block;
  width: 200px;
  padding:8px 20px;
  background:#608ab9;
  color:#FFF;
  margin:0 auto;
  text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.start-yes-serf:hover{
    background-color: #4a76a8;
}

.start-error-serf{
  background:#cc0000;	
}

.history-grafik {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(img/ico/pie-chart.svg);
    background-size: 26px 26px;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.7;
}
.history-grafik:hover{
  opacity:1;	
} 

.comm-replace{
  padding:10px;
  font-size: 12px;
  border:1px dashed #60cbff;
  background:	#f0faff;
  margin-top: 10px;
}

.menu-add{
    text-align: center;
}
.menu-add a{
	display: inline-block;
	width: 250px;
	text-align: left;
	vertical-align: top;
	background: #608ab9;
	padding: 6px 8px;
	margin:1px 0;
	border-radius: 3px;
	color:#FFF
}
.menu-add a span{
	font-size: 11px;
	color:#cccccc;
	text-shadow: none;
}

.menu-add a:hover, .menu-add a.active, .menu-zacaz-dop a:hover, .menu-zacaz-dop a.active{
	background: #4a76a8;
}

.menu-zacaz-dop{
	text-align:center;
	margin-bottom: 20px;
}

.menu-zacaz-dop a{
	display: inline-block;
	min-width: 130px;
	vertical-align: top;
	background: #608ab9;
	padding:0 5px;
	margin:1px 0;
	border-radius: 3px;
	color:#FFF;
	line-height: 30px;
}

.add-infa{
  padding:10px;
  background: #eee;
  margin-bottom: 15px;
}

.infa-red{
  background: #add8e6;
  border:1px dashed #608ab9;
}

.footer {
    border-top: 1px solid #e4e8ed;
    padding: 14px 0;
}

.foot-left {
  float: left; }
  .foot-left span {
    color: #45a7f0;
    display: block;
    padding-left: 20px;
    padding-top: 10px; }
  .foot-left ul {
    padding-left: 20px;
    padding-top: 5px; }
    .foot-left ul li {
      display: inline-block;
      padding-left: 5px;
      opacity: 0.5; }
      .foot-left ul li:hover {
        opacity: 1; }

.foot-right {
  float: right; }
  .foot-right span {
    padding-top: 20px; }
  .foot-right img {
    width: 100px; }
  .foot-right ul li {
    position: absolute; }
  .foot-right .copyr {
    padding-top: 8px;
    font-size: 14px;
    padding-right: 20px;
    color: #45a7f0; }

.wm1 {
  right: 20px;
  top: 35px;
  opacity: 0.5;  }
  .wm1:hover {
    opacity: 1; }

.wm2 {
  right: 140px;
  top: 35px;
  opacity: 0.5; }
  .wm2:hover {
    opacity: 1; }


.f01 {
   background: url(img/1yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f02 {
   background: url(img/2yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f03 {
   background: url(img/3yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f04 {
   background: url(img/4yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f05 {
   background: url(img/5yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f06 {
   background: url(img/6yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f07 {
   background: url(img/7yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f08 {
   background: url(img/8yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f09 {
   background: url(img/9yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f010 {
   background: url(img/10yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}

.f011 {
   background: url(img/11yf.png);
    display: inline-block;
    width: 32px;
    height: 32px;
}
  
.foot-center {
  color: #0358a4;
  margin: 0 150px 0 240px;
  padding-top: 10px;
  text-align: center; }
  .foot-center .str {
    padding: 0 10px; }
  .foot-center a {
    color: #0358a4;
    text-decoration: underline; }
    .foot-center a:hover {
      color: #147af0;
      text-decoration: none; }

.cash-payout-crypto-outer .cash-payout-crypto-badge {
    position: absolute;
    top: -1px;
    right: -2px;
    background-color: #65bd5f;
    color: white;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
}

.cash-sbp, .cash-google, .cash-apple, .cash-wm1, .cash-mb1, .cash-pm1, .cash-yd1, .cash-qw1, .cash-os1, .cash-ad, .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-bt, .cash-lt1, .cash-ah1, .cash-fr1, .cash-pp1, .cash-pp, .cash-tl1, .cash-up1, .cash-crypto, .cash-coinbase, .cash-enot, .cash-volet, .cash-trx, .cash-ltc, .cash-bsc, .cash-doge, .cash-polygon, .cash-payout-crypto, .cash-fk {
    border: 1px solid #f0f1f1;
    display: inline-block;
    margin: 3px 1px;
}
.cash-sbp div, .cash-google div, .cash-apple div, .cash-wm1 div, .cash-mb1 div, .cash-pm1 div, .cash-yd1 div, .cash-qw1 div, .cash-os1 div, .cash-ad 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-bt div, .cash-lt1 div, .cash-ah1 div, .cash-fr1 div, .cash-pp1 div, .cash-pp div, .cash-tl1 div, .cash-up1 div, .cash-crypto div, .cash-coinbase div, .cash-enot div, .cash-volet div, .cash-trx div, .cash-ltc div, .cash-bsc div, .cash-doge div, .cash-polygon div, .cash-payout-crypto div, .cash-fk div {
    border: 1px solid #e9eaea;
    display: block;
}
.cash-sbp div div, .cash-google div div, .cash-apple div div, .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-ad 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-bt div div, .cash-lt1 div div, .cash-ah1 div div, .cash-fr1 div div, .cash-pp1 div div, .cash-pp div div, .cash-tl1 div div, .cash-up1 div div, .cash-crypto div div, .cash-coinbase div div, .cash-enot div div, .cash-volet div div, .cash-trx div div, .cash-ltc div div, .cash-bsc div div, .cash-doge div div, .cash-polygon div div, .cash-payout-crypto div div, .cash-fk div div {
    border: 1px solid #e2e4e5;
    display: block;
}
.cash-sbp div div div, .cash-google div div div, .cash-apple div div div, .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-ad 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-bt div div div, .cash-lt1 div div div, .cash-ah1 div div div, .cash-fr1 div div div, .cash-pp1 div div div, .cash-pp div div div, .cash-tl1 div div div, .cash-up1 div div div, .cash-crypto div div div, .cash-coinbase div div div, .cash-enot div div div, .cash-volet div div div, .cash-trx div div div, .cash-ltc div div div, .cash-bsc div div div, .cash-doge div div div, .cash-polygon div div div, .cash-payout-crypto div div div, .cash-fk div div div {
    border: 1px solid #9CADBA;
    display: block;
    width: 160px;
    height: 67px;
}
.cash-wm1 div div div { background:url(img/eps/icon-wm.png) no-repeat center 5px; }
.cash-mb1 div div div { background:url(img/eps/icon-mb.png) no-repeat center 5px; }
.cash-pm1 div div div { background:url(img/eps/icon-pm.png) no-repeat center 5px; }
.cash-qw1 div div div { background:url(img/eps/icon-qw.png) no-repeat center 5px; }
.cash-apple div div div { background:url(img/eps/icon-apple-pay.png) no-repeat center 24%; background-size: 80px; }
.cash-google div div div { background:url(img/eps/icon-google-pay.svg) no-repeat center 24%; background-size: 80px; }
.cash-sbp div div div { background:url(img/eps/icon-sbp.svg) no-repeat center 10%; background-size: 80px; }
.cash-trx div div div { background:url(img/eps/trx.svg) no-repeat center 90%; background-size: 130px; }
.cash-ltc div div div { background:url(img/eps/ltc.svg) no-repeat center 20%; background-size: 110px; }
.cash-bsc div div div { background:url(img/eps/bsc.svg) no-repeat center 74%; background-size: 144px; }
.cash-doge div div div { background:url(img/eps/doge.svg) no-repeat center 30%; background-size: 130px; }
.cash-polygon div div div { background:url(img/eps/polygon.svg) no-repeat center 72%; background-size: 150px; }
.cash-crypto div div div { background-image: url(img/eps/crypto.svg); background-size: 142px; background-repeat: no-repeat; background-position: 50% 14%; }
.cash-payout-crypto div div div { background-image: url(img/eps/payout-crypto.svg); background-size: 142px; background-repeat: no-repeat; background-position: 50% 14%; }
.cash-coinbase div div div { background-image: url(img/eps/bitcoin.svg); background-size: 34px; background-repeat: no-repeat; background-position: 9px 6px; }
.cash-enot div div div { background-image: url(img/eps/enot.svg); background-size: 90px; background-repeat: no-repeat; background-position: center 28%; }
.cash-yd1 div div div { background: url(img/eps/icon-yoomoney.svg) no-repeat center 28%; background-size: 130px; }
.cash-os1 div div div { background:url(img/eps/icon-os.jpg) no-repeat center 5px; }
.cash-rs1 div div div { background:url(img/eps/icon-rs.jpg) no-repeat center 5px; }
.cash-vs1 div div div { background:url(img/eps/icon-card.svg) no-repeat center 11px; background-size: 150px;}
.cash-rb1 div div div { background:url(img/eps/icon-rb.png) no-repeat center 5px; }
.cash-up1 div div div { background:url(img/eps/icon-up.png) no-repeat center 5px; }
.cash-pr1 div div div { background:url(img/eps/icon-pr.png) no-repeat center 5px; }
.cash-ik1 div div div { background:url(img/eps/icon-ik.png) no-repeat center 5px; }
.cash-lp1 div div div { background:url(img/eps/icon-lp.png) no-repeat center 5px; }

.cash-mg1 div div div { background:url(img/eps/icon-mg.png) no-repeat center 5px; }
.cash-mt1 div div div { background:url(img/eps/icon-mt.png) no-repeat center 5px; }
.cash-bl1 div div div { background:url(img/eps/icon-bl.png) no-repeat center 5px; }
.cash-ok1 div div div { background:url(img/eps/icon-ok.png) no-repeat center 5px; }
.cash-sb1 div div div { background:url(img/eps/icon-sb.png) no-repeat center 5px; }
.cash-zp1 div div div { background:url(img/eps/icon-zp.png) no-repeat center 5px; }
.cash-pv1 div div div { background:url(img/eps/icon-pv.png) no-repeat center 5px; }
.cash-wo1 div div div { background:url(img/eps/icon-wo.png) no-repeat center 5px; }
.cash-ak1 div div div { background:url(img/eps/icon-ak.png) no-repeat center 5px; }

.cash-fr1 div div div { background:url(img/eps/icon-fr.png) no-repeat center 5px; }
.cash-bt1 div div div { background:url(img/eps/icon-bt.png) no-repeat center 5px; }
.cash-bt div div div { background:url(img/eps/btc.svg) no-repeat center 22%; background-size: 130px; }
.cash-lt1 div div div { background:url(img/eps/icon-lt.png) no-repeat center 5px; }
.cash-ah1 div div div { background:url(img/eps/icon-ah.png) no-repeat center 5px; }

.cash-pp1 div div div { background:url(img/eps/icon-pp.png) no-repeat center 5px; }
.cash-pp div div div { background:url(img/eps/icon-paypal.svg) no-repeat center 5px; }
.cash-volet div div div { background:url(img/eps/volet.svg) no-repeat center 23%; background-size: 100px; }
.cash-fk div div div { background:url(img/eps/fk.svg) no-repeat center 25%; background-size: 100px; }
.cash-tl1 div div div { background:url(img/eps/icon-tl.png) no-repeat center 5px; }

.cash-sbp div div div:hover, .cash-google div div div:hover, .cash-apple div div div:hover, .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-ad 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-bt 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-pp div div div:hover, .cash-tl1 div div div:hover, .cash-up1 div div div:hover, .cash-crypto div div div:hover, .cash-coinbase div div div:hover, .cash-enot div div div:hover, .cash-volet div div div:hover, .cash-trx div div div:hover, .cash-ltc div div div:hover, .cash-bsc div div div:hover, .cash-doge div div div:hover, .cash-polygon div div div:hover, .cash-payout-crypto div div div:hover, .cash-fk div div div:hover {
    border: 5px double #00BFFF;
    display: inline-block;
    margin: -4px;
    cursor: pointer;
}
.line-blue, .line-gray, .line-green, .line-red, .line-orange {
    display: block;
    font-size:12px;
    color:#fff;
    padding: 2px 2px 3px;
    margin: 45px 1px 0 1px;
}
.line-blue { background:#608ab9; }
.line-gray { background:#9CADBA; }
.line-green { background:#9CADBA; }
.line-orange { background:#E88523; }
.line-red { background:#CD5C5C; }

.cash-coinbase .line-blue, .cash-crypto .line-gray, .cash-coinbase .line-green, .cash-coinbase .line-red, .cash-coinbase .line-orange {
    margin: 10px 1px 0 1px;
}

.cash-ad .line-blue {
    margin: 10px 1px 0 1px;
}

.cash-ad__title {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: block;
    border: none !important;
    width: auto !important;
    height: auto !important;
    background-image: none !important;
    padding: 0px 18px;
    padding-top: 11px;
    color: #714993;
    text-transform: uppercase;
}

.cash-coinbase__title{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    display: block;
    padding-top: 10px;
    padding-left: 39px;
    border: none !important;
    width: auto !important;
    height: auto !important;
    background-image: none !important;
}

.cash-ad__title:hover {
    border: none !important;
    margin: 0 !important;
    display: block !important;
}

.cash-coinbase__title:hover {
    border: none !important;
    margin: 0 !important;
    display: block !important;
}

.hint-quest {
    position: relative;background: url(img/ico/help-add.svg) no-repeat center center; background-size: 18px 18px; height: 18px; width: 18px; display: inline-block; border: none; outline: none; cursor: help;vertical-align: middle;}
.hint-quest:hover div{position: absolute; display: inherit; top:100%;}
.tooltip {
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    background-color: rgb(20%,20%,20%);
    color: #f7f7f7;
    border-radius: 2px;
    font: 12px/1.46 arial, sans-serif;
    text-align: left;
    width: 450px;
}
.tooltip-task-view {
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    background-color: rgb(20%,20%,20%);
    color: #f7f7f7;
    border-radius: 2px;
    font: 12px/1.46 arial, sans-serif;
    text-align: left;
    width: 400px;
    left: 180px !important;
    box-sizing: border-box;
    top: 60%;
    /*transition: 0.2s ease-out;*/
    /*transition-delay: 0.4s;*/
}

.earn-task__title {

}

.earn-task__title-link {

}

.earn-task__title-link_color_red {
    color: #C80000 !important;
}

.earn-task__title-link:hover ~ .earn-task__title-desc {
    transition: .12s;
    -webkit-transition: .12s;
    -o-transition: .12s;
    -moz-transition: .12s;
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    opacity: 1;
    visibility: visible;
}
.earn-task__title-desc {
    word-wrap:break-word;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    background-color: rgb(20%,20%,20%);
    color: #f7f7f7;
    border-radius: 2px;
    font: 12px/1.46 arial, sans-serif;
    text-align: left;
    width: 400px;
    left: 180px !important;
    box-sizing: border-box;
    top: 60%;
    transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
}



.cattitle-open, .cattitle-close{
  display: block;
  background: url(img/ud.png) no-repeat right #608ab9;
	padding: 5px;
	color:#FFF;
	cursor: pointer;
	border-bottom: 1px solid #CCC;
}
.cattitle-close{
  background: url(img/ud.png) no-repeat right #4a76a8;
}

.vopros4, .vopros5{display:none;}
.plus, .minus{cursor:pointer;}

.reflink {color: #1C8619;font: 13px Tahoma, Arial;text-align: center;background: #F7F7DF;border: solid 1px #006291;display: block;width: 464px;height: 16px;margin: 2px;font-weight:bold; }
.refimg {
    border-radius: 50%;
}
.scount{
	border:0;
	width: auto;
	font-size: 11px;
	color:#555;
	float:right;
}
.bb-code{
	display: inline-block;
	min-width: 10px;
	font: 12px Arial;
	line-height: 20px;
	background: #608ab9;
	border-radius: 3px;
	color:#FFF;
	text-align: center;
	padding:0 5px;
	cursor: pointer; 
}
.bb-code:hover{
  background: #4a76a8;
}
.bb-code.bold{font-weight: bold;}
.bb-code.italic{font-style: italic;}
.bb-code.uline{text-decoration: underline;}

.goodref{border: 1px solid #cccccc;color: #0358a4;padding: 8px;border-radius: 8px;box-shadow: 0 0 8px rgba(0,0,0,0.5);cursor: pointer;display: inline-block;text-align: center;margin: 5px;width: 150px;height: 245px}
.goodref:hover{opacity: 0.8}
.tooltipgo {color: #000000; outline: none;font-size:13px;line-height: 18px;cursor: help; text-decoration: none;position: relative;}
.tooltipgo span {margin-left: -999em;position: absolute;}
.tooltipgo:hover span {text-decoration: none; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);font-family: Calibri, Tahoma, Geneva, sans-serif;position: absolute; right: 1em; top: 2em;; z-index: 99;margin-left: 0; width: 250px;}
.classicgo {
    background: #608ab9;
    border: 1px dotted #4a76a8;
    padding: 0.8em 1em;
    color: #fff;
}
.tooltipgo_dop {font-size:14px;line-height: 18px;text-align:left;}
.tooltipgo_dop:hover span {width: 450px;}
.ava-goodref{width:145px;height:145px;border-radius:50%;margin-bottom:5px;}
.reyt-goodref{width:14px;height:14px;vertical-align:middle;margin:2px}

.scan-friends, .scan-faq{padding:10px 10px;background:#DCE0E4;margin-top:10px;}
.scan-friends input, .scan-faq input{padding:3px 10px;}

.icon-wm {
    border-radius: 4px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #eaeaea;
}
.icon-wm a{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('img/ico/wm64.png') center center no-repeat;
	vertical-align: top;
    background-size: 20px;
}
.icon-wm a:hover{
    background-color: rgba(74, 118, 168, 0.1);
}
#google-signin-button:hover {
    background-color: rgba(74, 118, 168, 0.1);
    cursor: pointer;
}

.block-faq{border-bottom:1px solid #DBDBDB;padding:10px;
}
.block-faq:hover{background:#f9f9f9;}
.activ-faq{margin-top: 1px;background:#f9f9f9;	}
.title-faq{cursor:pointer;}
.title-faq:before {content: 'O';opacity: 0.4;margin-right:5px}
.name-faq{padding:10px 24px;background:#eee;color:#696969;font-weight:bold;margin-top:5px;}
.activ-title-faq{margin: -12px -11px 0px -11px;font-weight:normal;padding:10px 0px 10px 12px;background:#00BFFF;border:1px solid #fff;font-size: 13px;color:#fff;text-shadow: 1px 1px 1px #376603;}
.activ-title-faq:hover{background:#1E90FF;}
.activ-title-faq:before {content: 'Х';opacity: 0;}
.text-faq{display:none;padding:10px 0 0 0;color:#444444;line-height: 1.4;}

.butt-faq{display:block;text-align:center;font-size: 11px;}
.butt-faq span, .butt-faq a{display:inline-block;width:200px;margin:20px auto 10px auto;background:#f0f0f0;border:0px solid #CCC;border-radius:3px;text-align:center;cursor:pointer;padding:5px 0;color:#006699;font-size: 11px; }
.butt-faq span:hover{background:#e3e3e3;}
.butt-faq span:first-child {background: #f0f0f0 url('img/cool.png') 12px 5px no-repeat;}
.butt-faq span:first-child:hover{background:#e3e3e3;}
.butt-faq div{background:#f0f0f0;padding:5px 20px;margin:20px auto 10px auto;text-align:left;}

.yt-task-info-ads {
    color: green;
    margin-top: 4px;
    text-align: center;
}


.menu-balance{
	display: block;
	margin: 20px auto 0 auto;
	border-radius: 7px;
	padding: 0 5px;
	position: relative;
	height: 35px;
}
.b-green{
  background: #A9A9A9;
}
.b-red{
  background: #1E90FF;
}
.menu-balance a{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 35px;
	color: #FFF;
	text-shadow: 0 0 1px #000;
}
.menu-balance a .uved-m{
	display: block;
	text-align: center;
	width: 80px;
	position: absolute;
	top: -12px;
	left: 50%;
	line-height: 15px;
	margin-left: -40px;
	z-index: 1;
}
.b-green a .uved-m, .b-red a .uved-m{
  background: #A9A9A9;
  font-size: 11px;
  line-height: 18px;
  border-radius:7px
}
.b-red a .uved-m{
	background: #1E90FF;
}
.menu-balance:hover{
	opacity: 0.7;
}
.dispnone{display:none;}
.menu-support{text-align:center;}
.no-akk{text-align:center;}

.tiket {
    height: 38px;
    background: #fafbfc;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    line-height: 38px;
    display: block;
    cursor: default;
    color: #656565;
}

.mail-sample, .mail-sample-active {
    font-size: 11px;
    color: #135566;
    display: block;
    border-bottom: solid 1px #e7e8ec;
    margin: 1px 0;
    height: 39px;
    outline: none;
    cursor: pointer;
}
.mail-sample:last-of-type, .mail-sample-active:last-of-type {
    border: none;
}
.mail-sample:hover {
    background: #F5F5F5;
}
.mail-sample-active {
    background: #F5F5F5;
}
.mail-sample .mail-mailer, .mail-sample-active .mail-mailer {
    display: block;
    width: 170px;
    margin-top: 3px;
    padding-top: 1px;
    float: left;
}
.mail-mailer img {
    padding:4px;
    border: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -3px 8px -3px 0;
    float: left;
    border-radius: 50%;
}

#support-scrin{
	text-align: center;
}
#support-scrin .img-scrin-support{
  display: inline-block;
  width: 160px;
  position: relative;
  opacity: 0.7;
  margin:5px 10px;	
}	

#support-scrin .img-scrin-support:hover{
  opacity: 1;	
}

#support-scrin .img-scrin-support:hover .del-scrin-support{
  display: block;
}
	
#support-scrin .img-scrin-support .scrin-img{
  min-width: 160px;
  max-width: 160px;
  box-shadow: 1px 1px 2px #000;
}	
#support-scrin .img-scrin-support .del-scrin-support{
  display: none;
  position: absolute;
  right:0;
  top:0;
  cursor:pointer;	
}
#support-scrin .img-scrin-support .del-scrin-support img{
  width: 20px;
  height: 20px;	
}

.scrin-support-users{
	text-align: center;
	padding: 5px;
}
.scrin-support-users img{
	width: 50px;
	height: 50px;
	margin:0 10px;
	box-shadow: 0 0 5px #000;	
}

.menu-dop-site{
	text-align: center;
}
.menu-dop-site a{
	display: inline-block;
	min-width: 60px;
	padding:0 10px;
	line-height: 25px;
	color:#FFF;
	background: #00bfff;
	text-shadow: 1px 1px 1px #375612;
	border: 1px solid #4b7518;
}

.menu-task-work{
    background: #fafbfc;
    line-height: 30px;
    font-size: 12px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    color: #656565;
    border-radius: 2px;
    margin-bottom: 6px;
}

.menu-task-work__link{
    color: #656565;
    display: inline-block;
    text-align: center;
    padding: 10px 8px 10px;
    line-height: 17px;
    height: 17px;
    font-size: 13px;
    margin: 0 4px -1px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.menu_link_comp {
    padding: 10px 12px 10px;
    margin: 0 6px -1px;
}

.menu-task-work__link.active, .menu-task-work__link:hover{
    border-bottom: 2px solid #4a76a8;
    color: #000;
}

.activ-menu{
	cursor: pointer;
	text-align: center;
}
.activ-menu:hover{
  background:#009acd;	
}

#task-sort{
	text-align: center;
}
#task-sort a{
  display: inline-block;
  width: 180px;
  text-align: center;
  padding:3px 0;
  border: 1px solid #CCC;
  margin:2px 2px;	
}
#task-sort a:hover, #task-sort a.active{
  background:#dfdfdf;	
}

#load-new-mess{position:fixed;z-index:998;left:7px;bottom:2px;overflow: hidden;max-height:300px;}
#load-new-mess-s{position:fixed;z-index:998;right:7px;bottom:2px;overflow: hidden;max-height:300px;}
#load-new-mess .mew-mail-mess, #load-new-mess-s .mew-mail-mess{
    border-radius: 3px;
    width: 280px;
    height: 85px;
    background: rgba(54,56,59,.96);
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 6px 16px;
    position: relative;
}
#load-new-mess .mew-mail-mess a, #load-new-mess-s .mew-mail-mess a{color:#fff;text-decoration:none;}
#load-new-mess .mail-users, #load-new-mess-s .mail-users{
    padding-bottom: 4px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#load-new-mess .mail-users .closed, #load-new-mess-s .mail-users .closed{float:right;color:#FF0000;cursor:pointer;}
#load-new-mess .mail-ava, #load-new-mess-s .mail-ava{float:left;margin-right:10px;}
#load-new-mess .mail-ava img, #load-new-mess-s .mail-ava img{width:60px;height:60px; border-radius: 50%;}
#load-new-mess .mail-text b, #load-new-mess-s .mail-text b{color:#00FF00;}

.title-notify {
    align-self: center;
    padding: 4px 0;
}
.close-notify {
    cursor: pointer;
    display: flex;
    font-size: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}
.close-notify .icon-close {
    fill: #bbbcbd;
    width: 10px;
    height: 10px;
    margin: auto;
}
.close-notify:hover .icon-close {
    fill: #fff;
}

.supptitle0, .supptitle1 {text-align: right; font-size: 11px; display: block; margin-top: 10px; padding: 3px 4px;}
.supptitle0 { color: #fff; background: #D3D3D3; border-top: 1px solid #A9A9A9;}
.supptitle1 { color: #696969; background: #B0E0E6; border-top: 1px solid #A9A9A9;}

.supptext0, .supptext1 {text-align: left; font-size: 12px; display: block; margin: -40px 0 10px 36px; padding: 1px; }
.supptext0 { background: #F5F5F5; border: 1px solid #D3D3D3; color: #114C5B; }
.supptext1 { background: #F0FFFF; border: 1px solid #A9A9A9; color: #114C5B; }
.linktext0 { color: #fff; border-bottom: 1px dotted #fff;}
.linktext1 { color: #696969; border-bottom: 1px dotted #696969;}

.suppcontent {padding: 10px 15px 10px 30px; display: block;}
.avatar-smoll {margin-left:14px; border-radius: 50%;  width: 45px; height: 45px;}

.support-cit{
	display: inline-block;
	cursor:pointer;
  border:1px solid #555;
  width: 80px;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  color:#555;
  margin-right: 20px;
  margin-bottom: 5px;
border-radius: 4px;  
}
.support-cit:hover{
  background: #555;
  color:#fff;	
}

.blok-quote{
  width:97%;
  margin:10px auto 0 auto;
  font-size:11px;
  color:#555;
}

.blok-quote .title_quote, .blok-quote .quote{
  background:#f9f9f9;
  border:1px dashed #ccc;	
}

.blok-quote .title_quote{
  display: inline-block;
  border-bottom:1px solid #f9f9f9;
  padding:0 20px;
  margin-left:0;
  text-align: center;
  line-height: 20px;
border-radius: 6px 6px 0 0;
}
.blok-quote .quote{
  padding:10px;
  margin-top:-1px;
    border-radius: 0 6px 6px 6px;
}

.mails-otvet-new{width: 70%;margin: 0 auto;}
.mails-otvet-new a{display: block;margin: 3px 0;padding: 10px;background: #608ab9;color: #fff;text-align: center;}
.mails-otvet-new a:hover{background: #4a76a8;}
.mails-otvet-url{text-align: center;font-size: 11px;color: #777777;margin: 10px auto;}
.mails-earn-view-container {
    padding: 10px;
}

.taskimg,
.taskimg-ok, .task-icon, .task-icon-vip, .task-icon-work, .task-icon-ok, .task-icon-fail, .surf-icon, .surf-icon-vip, .test-icon, .test-icon-vip, .taskimg-work,.taskimg-work2, .taskimg-fail, .serfimggo, .taskimg-vip, .task-pin-img {
    width: 38px;
    height: 38px;
    display: block;
    margin-bottom: -2px;
    -webkit-background-size: 38px 38px;
    background-size: 38px 38px;
}

.greyscale-icon {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.taskimg { background: url(img/ico/ad-taskstatushigh.png) no-repeat 2px 1px; }
.task-icon { background-image: url(img/ico/task-icon.svg); }
.task-icon-vip { background-image: url(img/ico/ad-vip-icon.svg); }
.task-icon-work { background-image: url(img/ico/task-work-icon.svg); }
.task-icon-ok { background-image: url(img/ico/task-ok-icon.svg); }
.task-icon-fail { background-image: url(img/ico/task-fail-icon.svg); }
.surf-icon { background-image: url(img/ico/surf-icon.svg); }
.surf-icon-inactive {
    filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);
}
.surf-icon-vip { background-image: url(img/ico/ad-vip-icon.svg); }
.test-icon { background-image: url(img/ico/test-icon.svg); }
.test-icon-vip { background-image: url(img/ico/ad-vip-icon.svg); }
.taskimg-ok { background: url(img/ico/ad-task-ok.png) no-repeat 2px 1px; }
.taskimg-work { background: url(img/ico/ad-task-work.png) no-repeat 2px 1px; }
.taskimg-work2 { background: url(img/ico/ad-task-work2.png) no-repeat 2px 1px; }
.taskimg-vip { background: url(img/ico/ad-vip.png) no-repeat 2px 1px; }
.taskimg-fail { background: url(img/ico/ad-task-fail.png) no-repeat 2px 1px; }
.serfimggo { background: url(img/ico/ad-task-hod.png) no-repeat 2px 1px; }

.task-pin-img_theme_first {
    background-image: url(img/gold-medal.svg);
}

.task-pin-img_theme_second {
    background-image: url(img/second.svg);
}

.task-pin-img_theme_third {
    background-image: url(img/third.svg);
}

.task-rating {
    direction: ltr;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
}
.task-rating_margin {
    margin-bottom: 2px;
}
.task-rating span {
    display: inline-block;
    position: relative;
    color: #608ab9;
    font-size: 16px;
    background-image: url(img/ico/star.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    width:16px;
    height:16px;
}
.task-rating_5 span {
    background-image: url(img/ico/star_full.svg);
}
.task-rating_4 span:nth-child(1) ~ span {
    background-image: url(img/ico/star_full.svg);
}
.task-rating_3 span:nth-child(2) ~ span {
    background-image: url(img/ico/star_full.svg);
}
.task-rating_2 span:nth-child(3) ~ span {
    background-image: url(img/ico/star_full.svg);
}
.task-rating_1 span:nth-child(4) ~ span {
    background-image: url(img/ico/star_full.svg);
}
.rating0, .rating1, .rating2, .rating3, .rating4, .rating5 {
    height: 16px;
    display: block;
}
.rating0 { background: url(img/ico/rating0.png) no-repeat right top; }
.rating1 { background: url(img/ico/rating1.png) no-repeat right top; }
.rating2 { background: url(img/ico/rating2.png) no-repeat right top; }
.rating3 { background: url(img/ico/rating3.png) no-repeat right top; }
.rating4 { background: url(img/ico/rating4.png) no-repeat right top; }
.rating5 { background: url(img/ico/rating5.png) no-repeat right top; }

#task-navi{float:right;}
.task-navi-test{font-size:13px;margin-top:4px;display:inline-block;margin-right:10px;}
.task-navi-test a{color:#608ab9;display:inline-block;border-bottom:3px solid #FFF;padding:0 5px;margin:0 2px;}
.task-navi-test .activ{border-bottom:3px solid #4a76a8;font-weight:bold;color:#4a76a8;}
a#navi-start, a#navi-end{border:0;display:none;}

#task-navi .scroll-menu{background: rgba(0, 0, 0, 0.8);padding:10px;position: fixed;top:10px;left:50%;border-radius:3px;z-index:99;margin:0;}
#task-navi .scroll-menu a{color:#CFCFCF;border:0;}
#task-navi .scroll-menu a:hover{color:#FFF;}
#task-navi .scroll-menu .activ{border-bottom:3px solid #FFF;color:#FFF;}

#load-scrin{position: relative;height: 40px;border:3px solid #B1C3CA;border-top:0;padding:7px 5px 5px 5px;background: #eee;margin-top:-3px;}
.act-scrin{cursor:pointer;}

#load-scrin .text-scrin{padding-top:8px;text-align: center;position: absolute;right:0;top:0;left:0;bottom:0;z-index:0;}

.act-scrin .text-scrin{padding-top:11px;}

#contenteditable{margin:0;padding:0;resize: none;overflow: hidden;}
#img-loag-scrin{display:none;}

.vkgrvel{background: url(img/vk.svg);  background-repeat: no-repeat; background-position: center; background-size: 38px 38px;width:38px;height:38px;cursor:help}
.vklkvel{background: url(img/ico/like-vk.svg); background-repeat: no-repeat; background-position: center; background-size: 38px 38px; width:38px;height:38px;cursor:help}
.vkrepvel{background: url(img/ico/share.svg); background-repeat: no-repeat; background-position: center; background-size: 38px 38px; width:38px;height:38px;cursor:help}
.ybrvel{background: url(img/ico/youtube-subscribe.svg); background-repeat: no-repeat; background-position: center; background-size: 38px 38px;  width:38px;height:38px;cursor:help}
.ybrvel-inactive {
    background-image: url(img/ico/youtube-subscribe-grey.svg);
}
.yblkvel{background: url(img/ico/youtube-like.svg); background-repeat: no-repeat; background-position: center; background-size: 38px 38px; width:38px;height:38px;cursor:help}
.yblkvel-inactive {
    background-image: url(img/ico/youtube-like-grey.svg);
}
.ybprosm{
    background: url(img/youtube.svg) 38px/38px;
    width: 38px;
    height: 38px;
    cursor: help;
}
.refpodvelg{background: url(img/ico/gift_ref.png);width:40px;height:40px;cursor:pointer}
.ratingvelm{background: url(img/ico/rating16.png);width:16px;height:16px;border:none;margin:0;padding:0;vertical-align:middle;cursor:help}
.wallvels{background: url(img/ico/wall.png);width:22px;height:13px;border:none;vertical-align:middle}
.wallvelgift{background: url(img/ico/gift.png);width:21px;height:21px;vertical-align:middle;border:none}

.scrin-img{
    min-width: 160px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.scrin-img img {
    width: 160px;
    /*height: 160px;*/
}
.task-screenshot-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}
.scrin-img .view-scrin{position: absolute;right:0;top:0;left:0;bottom:0;display:none;background: rgba(0, 0, 0, 0.6);text-align:center;color:#FFF;padding-top:10%;	}
#img-loag-scrin .scrin-img .view-scrin a, #img-loag-scrin .scrin-img .view-scrin span{display:block;color:#000;cursor:pointer;text-align:center;width: 100px;padding:3px 0;margin:5px auto;background: rgba(255, 255, 255, 0.9);border-radius:3px;}
#img-loag-scrin .scrin-img .view-scrin a{color:#3e9f28;}
#img-loag-scrin .scrin-img .view-scrin a:hover{background: #3e9f28;color:#FFF;}
#img-loag-scrin .scrin-img .view-scrin span{color:#c80000;}
#img-loag-scrin .scrin-img .view-scrin span:hover{background: #c80000;color:#FFF;}

.scrin-img:hover .view-scrin{display:block;	}

.block-task-read{
    font-size: 14px;
    display: block;
    padding-left: 60px;
    width: 400px;
    margin: 40px auto;
    color: #00649E;
    min-height: 45px;
}

.task-read-wait{background: url(img/ico/task-wait.png) no-repeat left center;}
.task-read-good{background: url(img/ico/task-good.png) no-repeat left center;}
.task-read-no{background: url(img/ico/task-no.png) no-repeat left center;}

.block-vopros{text-align:left;margin:5px 10px;}
.block-vopros .vopros{border:1px dashed #AE5151;padding:5px 10px;margin:15px 0 5px 0;background:#F9F2F2;}
.block-vopros .otvet span{margin:3px 0 3px 20px;color:#006699;display:block;width: 300px;padding:5px 10px;background:#fff;margin:4px 0;cursor:pointer;border:1px solid #CCC;border-radius:3px;}
.block-vopros .otvet span:hover, .block-vopros .otvet span.active{background:#eee;border:1px solid #006699;}

.youtube-load{
  background: url('img/load-offers1.gif') center center no-repeat;
  height: 35px;
}

.youtube-button{
  min-height: 35px;
  text-align:center;
}

.youtube-button .go-link-youtube, .youtube-button .status-link-youtube, .youtube-button .youtube-error {
    border: 1px solid transparent;
    display: inline-block;
    padding:8px 10px;
    margin:3px auto;
    text-align:center;
    border-radius: 2px;
    color:#FFF;
    cursor:pointer;
}

.youtube-button .youtube-button-white {
    color: #608ab9;
    background-color: transparent !important;
    border-color: #608ab9;
}
.youtube-button .youtube-button-white:hover {
    color: #4a76a8;
    background-color: rgba(74,118,168, 0.1) !important;
}

.youtube-button .go-link-youtube{background: #608ab9;}
.youtube-button .go-link-youtube:hover{background:#4a76a8;}
.youtube-button .status-link-youtube{ border-color: #608ab9; color: #608ab9;}
.status-link-youtube:hover {
    background-color: rgba(74,118,168, 0.1);
}

.youtube-button .youtube-error{
    background: #cc0000;
}

.youtube-help{color:#C80000;cursor: pointer;float:right;}
.youtube-help:hover{color:#ff0000;}

.serfcontrol-complete,
.serfcontrol-play,
.serfcontrol-wait,
.serfcontrol-pause,
.serfcontrol-block,
.serfcontrol-moder,
.serfcontrol-postmoder,
.campaign-status-complete,
.campaign-status-work,
.campaign-status-pause,
.campaign-status-ban,
.campaign-status-edit,
.campaign-status-moderation,
.refkonkurs-play,
.refkonkurs-stop  {
    height: 26px;
    width: 26px;
    display: block;
    border: none;
    outline: none;
    margin: 2px 0px 2px 3px;
    background-size: 26px 26px;
}
.serfcontrol-play, .campaign-status-work { background-image: url(img/ico/kabinet/pause.svg); cursor: pointer;}
.serfcontrol-wait, .campaign-status-work { background-image: url(img/ico/kabinet/waiting.svg); cursor: pointer;}
.serfcontrol-pause, .campaign-status-pause { background-image: url(img/ico/kabinet/play.svg); cursor: pointer;}
.serfcontrol-complete { background-image: url(img/ico/kabinet/play.svg); cursor: pointer;}
.serfcontrol-block, .campaign-status-ban { background: url(img/ico/kabinet/kab-block.png) no-repeat left top; cursor: default;}
.serfcontrol-moder, .campaign-status-edit { background: url(img/ico/kabinet/kab-moder.png) no-repeat left top; cursor: default;}
.serfcontrol-postmoder, .campaign-status-moderation { background: url(img/ico/kabinet/kab-postmoder.png) no-repeat left top; cursor: default;}

.job-not {
    font-size: 12px;
    color: #cdcbb7;
    line-height: 2.2;
    margin-left: 5px;
}
a.job-exist {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 2.2;
    color: #028ac1;
    background: url(img/ico/kabinet/w.gif) no-repeat 5px 6px;
    padding-left: 24px;
    height: 24px;
}
a.job-exist:hover {
    color: #E57C00;
}

.job-reply {
    border: 1px dashed #608ab9;
    padding: 4px 6px;
    margin: 5px 0;
    display: block;
}
.job-reply-btns {
    display: block; 
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 6px;
    background-color: #F5F5F5;
}
.job-reply-btns div:first-of-type, .num-report-task > div:first-of-type {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-around;
}
.job-reply-btns > div:not(:first-of-type), .num-report-task > div:not(:first-of-type) {
    padding: 10px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.num-report-task > h3 {
    margin: 0;
    margin-bottom: 10px;
}
.num-report-task {
    padding: 14px 0;
    background-color: #F5F5F5;
}
.num-report-task__menu {
    justify-content: center !important;
}
.ip_reply {
    background: url(img/icon-ip.svg) 16px/16px no-repeat;
    color: #608ab9;
    background-position: left;
    display: block;
    padding-left: 20px;
    text-align: left;
    height: 16px;
    margin-bottom: 5px;
    cursor: help;
}

.icon-task-pin, a.scon-edit, a.scon-guarantee, 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 {
    height: 18px;
    width: 18px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
    margin: -5px 3px -5px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}
a.scon-url{
    height: 16px;
    width: 24px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}
.icon-task-pin { background-image: url(img/ico/kabinet/top.svg); margin-right: 5px; }
a.scon-edit { background-image: url(img/ico/kabinet/edit.svg); margin-right: 5px; }
a.scon-guarantee { background-image: url(img/ico/kabinet/guarantee.svg); margin-right: 5px; }
a.scon-money { background: url(img/ico/kabinet/many.gif) no-repeat left top; margin-right: 5px; }
a.scon-editno { background: url(img/ico/kabinet/editno.png) no-repeat left top; margin-right: 5px; }
a.scon-view { background-image: url(img/ico/arrow-down.svg); margin-right: 5px;}
a.scon-url { background: url(img/ico/kabinet/url_task.png) no-repeat left top; margin-right: 5px;}
a.scon-lock { background: url(img/ico/kabinet/lock_16.png) no-repeat left top; margin-right: 5px;}
a.scon-ulock { background: url(img/ico/kabinet/ulock_16.png) no-repeat left top; margin-right: 5px;}
.scon-up { background-image: url(img/ico/kabinet/upper-task.svg); margin-right: 5px; }
.scon-upno { background-image: url(img/ico/kabinet/upper-task.svg); margin-right: 5px; opacity: .5; }
.scon-vip { background-image: url(img/ico/kabinet/task-vip-active.svg); margin-right: 5px;}
.scon-vipno { background-image: url(img/ico/kabinet/task-vip.svg); margin-right: 5px;}
.scon-color { margin-right: 5px;border-radius: 2px;background: #ce6457; }
.scon-colorno { background: #ce6457; margin-right: 5px; border-radius: 2px; opacity: .5; }
.scon-delete { background-image: url(img/ico/delete.svg); }
.scon-erase { background: url(img/ico/kabinet/switch.png) no-repeat left top; margin-right: 5px; }
a.scon-delete { background-image: url(img/ico/delete.svg)}
a.scon-backmoney { background: url(img/ico/kabinet/mbudget.png) no-repeat left top;}
a.scon-stat { background: url(img/ico/kabinet/statistic.svg) no-repeat left top; margin-right: 5px;}
a.scon-backmoney2 { background: url(img/ico/kabinet/movebudget2.png) no-repeat left top; }

.scon-erase { background: url(img/ico/kabinet/switch.png) no-repeat left top; }
.budget{
	text-align: center;
}
.add-budget, a.add-budgetnone {
    text-align: center;
    display: block;
    border: none;
    background-image: url(img/ico/kabinet/coin.svg);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 34px;
    width: 70px;
    cursor: pointer;
    transition: all .5s;
    margin-bottom: 8px;
}
.scon-speed-1 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 1px; margin-right: 5px; }
.scon-speed-2 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -15px; margin-right: 5px; }
.scon-speed-3 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -31px; margin-right: 5px; }
.scon-speed-4 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -47px; margin-right: 5px; }
.scon-speed-5 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -63px; margin-right: 5px; }
.scon-speed-6 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -79px; margin-right: 5px; }
.scon-speed-7 { background: url(img/ico/kabinet/advspeed.png) no-repeat 0 -95px; margin-right: 5px; }

.expanding {
    font: 12px tahoma, arial, sans-serif;
    width: 90%;
    height: 150px;
    padding: 2px 6px;
    margin: 5px 0;
    border: 3px solid #B1C3CA;
}
.search-history{background-color: #e2e2e2;text-align: center;padding:5px 0;}
.search-history .inp-ser-arch{width: 150px;padding:2px 5px;}

.new-task-stata {
    padding: 10px 10px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    font-size: 11px;
    color: #114c5b;
}

.new-task-stata .stata-user {
    float: right;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background: url(img/ico/document.svg) no-repeat;
    background-size: 16px 16px;
}

.go-task-start{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e853a;
  width: 100%;
  height: 100%; 
}

.task-blok-error{
  text-align: center;
  position: absolute;
  border:1px solid #8e0000;
  background: #d70000;
  padding:15px;
  color:#FFF;
  font: 16px tahoma, arial, sans-serif;
  top: 30%;
  left: 50%;
  width: 450px;
  margin: 0 0 0 -225px;
  box-shadow: 1px 1px 10px  rgba(0,0,0,0.7) 
}
.polytask {
    border: none;
    background: url(img/ico/loop.svg) no-repeat;
    background-size: 15px;
    width: 22px;
    height: 15px;
    display: block;
    float: right;
    cursor: help;
}

a.add-budget:hover {
    border: none;
    background-image: url(img/ico/kabinet/coin-gold.svg);
    background-repeat: no-repeat;
    background-size: 34px;
    outline: none;
    background-position-x: center;
    height: 34px;
}
.transport-go_moder {
    text-align: center;
    display: block;
    border: none;
    background: url(img/ico/kabinet/gomoder.png) no-repeat top center;
    font-size: 11px;
    padding-top: 25px;
    color: #5B9F00;
    cursor: pointer;
}
.transport-go_moder:hover {
    border: none;
    background: url(img/ico/kabinet/gomoder-act.png) no-repeat top center;
    outline: none;
    color: #EF6A00;
}
.transport-moder {
    text-align: center;
    display: block;
    border: none;
    background: url(img/ico/kabinet/gomoder-act.png) no-repeat top center;
    font-size: 11px;
    padding-top: 25px;
    color: #EF6A00;
    width: 70px;
}

a.btn-blue, a.btn-blue136, a.btn-red136 {font-size: 13px; text-align: center; margin: 16px 5px; line-height: 2.1em; display: block; height: 26px; color: #ffffff; outline: none; border: none; clear:left; text-decoration: none;}
a.btn-blue { background: url(img/ico/kabinet/btn-blue.png) no-repeat left top; width: 104px; }
a.btn-blue136 { background: url(img/ico/kabinet/btn-blue136.png) no-repeat left top; width: 136px; }
a.btn-red136 { background: url(img/ico/kabinet/btn-red136.png) no-repeat left top; width: 136px; }
a.btn-blue:hover, a.btn-blue136:hover , a.btn-red136:hover {background-position: left bottom;}

a.fbtn-green, a.fbtn-red, a.fbtn-black, a.fbtn-org {font-size:11px; text-align:center; line-height:2em; height:25px; width:92px; color:#fff; text-shadow:1px 1px 1px #292929; outline:none; border:none; display:block; float:right;}
a.fbtn-blue160 {font-size:11px; text-align:center; line-height:2em; height:25px; width:160px; color:#fff; text-shadow:1px 1px 1px #292929; outline:none; border:none; display:block; float:right;}
a.fbtn-green {background:url(img/ico/kabinet/btn-green.png) no-repeat left top;}
a.fbtn-blue160 {background:url(img/ico/kabinet/btn-blue160.png) no-repeat left top;}
a.fbtn-red {background:url(img/ico/kabinet/btn-red.png) no-repeat left top;}
a.fbtn-org {background:url(img/ico/kabinet/btn-orange.png) no-repeat left top;}
a.fbtn-black { background:url(img/ico/kabinet/btn-black.png) no-repeat left top;}
a.fbtn-bl {text-align:center; height:25px; width:45px; outline:none; border:none; display:block; float:right;}
a.fbtn-bl {background:url(img/ico/kabinet/btn-bl.png) no-repeat left top;}
.job-note input.fbtn-green, .job-note input.fbtn-red, .job-note input.fbtn-black, .job-note input.fbtn-org, .job-note input.fbtn-blue160 {
    font-size: 11px;
    text-align: center;
    line-height: 2em;
    height: 25px;
    width: 92px;
    color: #fff;
    text-shadow: 1px 1px 1px #292929;
    outline: none;
    border: none;
    display: block;
    float: right;
    cursor: pointer;
}

.job-note input.fbtn-green {background:url(img/ico/kabinet/btn-green.png) no-repeat left top;}
a.workstatus-yes, a.workstatus-no, a.workstatus-wait, a.workstatus-otziv, a.workstatus-izbr {
    color: #ffffff;
    text-shadow: 1px 1px 1px #555555;
    float: left;
    font-size: 11px;
    text-align: center;
    display: block;
    outline: none;
    padding: 3px 6px 3px 6px;
	margin: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
a.task-ballans {
    color: #ffffff;
	background: #22A82c;
    text-shadow: 1px 1px 1px #555555;
    float: left;
    font-size: 11px;
    text-align: center;
    display: block;
    outline: none;
    padding: 3px 7px 3px 7px;
	margin: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
a.task-ballans:hover { background: #fe8710; }

a.workstatus-yes { background: #22A82c; }
a.workstatus-no { background: #c80000; }
a.workstatus-wait { background: #BFBFBF; }
a.workstatus-otziv { background: #2c7fb8; }
a.workstatus-izbr { background: #B200FF; }

td.ext-viptask{
	background: #eee;
	padding: 10px;
	border-top:1px solid #CCC;
}

td.ext-viptask input{
	width: 220px;
}

.kab-text{
  color: #555;
  font-size: 11px;	
}

.refdel, .refdel_no, .ref_birj, .ref_birj_es, .ref_birj_no{
    display: block;
    height: 16px;
    width: 16px;
    outline: none;
    border: none;
    margin: auto;
    cursor: pointer;
}
.refdel { background: url(img/ico/icon-comp.png) no-repeat left top; }
.refdel_no { background: url(img/ico/icon-comp.png) no-repeat left bottom; }
.ref_birj { background: url(img/ico/ref_birj.png) no-repeat left top; }
.ref_birj_es { background: url(img/ico/box.png) no-repeat left top;}
.ref_birj_no { background: url(img/ico/ref_birj.png) no-repeat left bottom; }
.refdel:hover, .refdel_no:hover, .ref_birj:hover, .ref_birj_es:hover, .ref_birj_no:hover{border: none;}

.refbonus{
    font-size: 11px;
    text-align: center;
    color: #fff;
    padding: 4px 0px;
    display: block;
    background: #608ab9;
    border-radius: 2px;
    cursor: pointer;
    width: 40px;
}
.refbonus-no{
    font-size: 11px;
    text-align: center;
    color: #000;
    padding: 4px 0px;
    display: block;
    background: #e1e2e2;
    border-radius: 2px;
    cursor: pointer;
    width: 40px;
}
.refdel{display: block; height: 16px; width: 16px; outline: none; border: none; margin: 2px auto; cursor: pointer; background: url(img/ico/icon-comp.png) no-repeat left top; margin-top: 0;}
.refdel_no{display: block; height: 16px; width: 16px; outline: none; border: none; margin: auto; cursor: help; background: url(img/ico/icon-comp.png) no-repeat left bottom;}
.refdel:hover, .refdel_no:hover{border: none;}

#referals-new th span{cursor: pointer;font-size:11px;}
#referals-new th span.active-ASC, th span.active-DESC{font-weight: bold;border-bottom: 1px dashed #fff;}
#referals-new th span.active-ASC:after, #referals-new th span.active-DESC:after {font-size:10px;vertical-align: top;}
#referals-new th span.active-ASC:after { content:' \2191';}
#referals-new th span.active-DESC:after { content: ' \2193';}

.mesto span{
	display:inline-block;
	text-align:center;
	width:25px;
	height:25px;
	border:2px solid #FFF;
	border-radius:5px;
	background: #cbb7a1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	line-height:25px;
	color:#FFF;
	box-shadow: 0 1px 8px rgba(0,0,0,0.7);
	margin:5px 10px 5px 0;
}
.mesto .priz1{ background: #02b258; }
.mesto .priz2{ background: #9bce55; }
.mesto .priz3{ background: #96cc4e; }

a.konkurs-start{
	background: url(img/ico/cont-start.png) no-repeat top center;
	text-align: center;
    display: block;
    border: none;
    font-size: 11px;
    padding-top: 30px;
    cursor:pointer;
    color:#C80000;
}
a.konkurs-start:hover {color:#FF7979;}
a.konkurs-start-1{background: url(img/ico/finish.png) no-repeat top center;cursor:default;}
.period{
  color: #0079B8;
  padding: 1px 4px;
  border: 1px solid #BEE8EB;
  background: #D5EFF1;
  cursor: pointer;
  display:inline-block;
  margin:0 5px;
}
.mnogo{background: #F7E4DA;color: #E66900;border: 1px solid #F7DACB;}
.top-mesto{background: url(img/ico/trophys.png) no-repeat top left;display: inline-block;padding-left:30px;width: 70px;}
.top-mesto-no{display: inline-block;padding-left:30px;width: 70px;}
.top-priz{color:#909090;}

.n-box-find{padding:7px 0;text-align:center;position: relative;}
#seach-wall{position: absolute;top:29px;left:117px;width: 345px;border:1px solid #ccc;background: rgba(255, 255, 255, 1);max-height: 240px;overflow-y: auto;display:none;z-index: 100;}
#seach-wall-table{width: 100%;color:#575757;text-shadow: none;font-size:11px;border-collapse: collapse;border-spacing:0;}
#seach-wall-table tr:hover td{background:#eee;cursor:pointer;}
#seach-wall-table tr td{border-bottom:1px dashed #CCC;}
#seach-wall-table .seach-wall-ava{width: 50px;padding:5px 0;}
#seach-wall-table .seach-wall-ava img{width: 35px;height: 35px;border-radius:50%;border:1px solid #ccc;}
#seach-wall-table .seach-wall-login{width: 110px;text-align:left;padding:5px;}
#seach-wall-table .seach-wall-online{text-align:right;padding:5px 10px 5px 5px;}
#seach-wall-table .onli{color:#009F00;}
#seach-wall-table .sego{color:#00bfff;}
#seach-wall-table .vche{color:#00009F;}
#seach-wall-table .novxod{color:#FF5555;}

.wall-chs-button{width:30px; text-align:center; border: 0px;display: inline-block; padding: 2px; margin: -2px 5px -2px 0px; color:#fff;}
.wall-chs-t{cursor:pointer;}

.wall-chs-green .wall-chs-button{background: #007F0E;border-radius:14px}
.wall-chs-green .wall-chs-t{color: #007F0E;}

.wall-chs-red .wall-chs-button{background: #C80000;border-radius:14px}
.wall-chs-red .wall-chs-t{color: #C80000;}

.wall-chs-gray .wall-chs-button{background: #999999;border-radius:14px}
.wall-chs-gray .wall-chs-t{color: #999999;}

.signature {
    font-size:11px;
    display:block;
    color: #A06150;
    text-shadow:0px 1px 0px #fff;
    padding:5px 10px;
    margin:10px 30px 0 0;
    background: #F5F5F5;
}
.menu-arr{
    /*float:right;*/
    display:block;
    width:150px;
    border:1px dotted #000;
    text-align:center;
    background:#DCDCDC;
    /*margin-bottom:5px;*/
    padding:3px 0;
    cursor:pointer;
    /*margin-right:5px;*/
}
#block-friends-menu{display:none;}
.ava_new {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#us-friends-wall{position: relative;}
.us-friends-wall{position: absolute;top:auto;left:auto;width: 100%;display:none;}
.us-friends-wall div{border-bottom:1px solid #CCC;font-size:11px;height: 30px;padding:3px 0px 3px 0px;margin:0 3px;}
.us-friends-wall div .name{color:#019FB6;cursor:pointer;}
.us-friends-wall div .name_0{color:#696969;cursor:pointer;}
.us-friends-wall div .name_1{color:#019FB6;cursor:pointer;}
.us-friends-wall div .name_2{color:#F5A9A9;cursor:pointer;}
.us-friends-wall div .mod{color:#088A08;font-weight: normal;}
.us-friends-wall div .fio{color:#019FB6;font-size: 11px;}
.us-friends-wall div .fio_0{color:#696969;font-size: 11px;}
.us-friends-wall div .fio_1{color:#019FB6;font-size: 11px;}
.us-friends-wall div .fio_2{color:#F5A9A9;font-size: 11px;}
.us-friends-wall .avatar_chat{float:left;width:30px;height:30px;vertical-align:middle;margin-right:5px;border-radius:50%;}

.butt-friends-next{display:none;margin:10px auto;text-align:center;background:#eee;border:1px solid #ccc;width: 130px;font-size:11px;border-radius:3px;padding:4px 10px;cursor:pointer;color:#585858;}
.butt-friends-next:hover{background:#DADADA;}
.tables-refkon{font-size:12px;}
.block_podarok{display:inline-block;padding:5px;position: relative;}
.block_podarok .infa_podarok{display: none;width:250px;position: absolute;top: 69px;left: 50%;margin-left:-125px;background: rgba(0, 0, 0, 0.9);color:#FFF;text-align:left;z-index:1;border-radius: 5px; font-size:11px;}
.block_podarok .infa_podarok .user_w_podarok{background:rgba(0, 0, 0, 0.4);padding:4px 10px;}
.block_podarok .infa_podarok .comm_w_podarok{padding:5px 10px;}
.block_podarok:hover .infa_podarok{display: block;}
.block_podarok img{cursor:pointer;width:64px;height: 64px;}
.all-forma-new-p{background: #EEE;padding:12px 10px;text-align:right;}
#all-podarok{width:600px;}
.pluspodarok:hover{opacity:0.8}
.all-block-podarok{border-bottom:1px solid #CCC;padding:10px 10px 10px 10px;text-align:center;position: relative;}
.all-block-podarok .all-name{float:left;width:100%;text-align:left;}
.all-block-podarok .all-name img{float:left;width:45px;height: 45px;margin:0 10px;border-radius:50%;}
.all-block-podarok .all-name b{color:#546873;}
.all-block-podarok .all-name .all-date{float:right;color:#CCC;}
.all-block-podarok .all-name .all-date{float:right;color:#CCC;}
.all-block-podarok .im-pod{margin:10px 0;}
.all-block-podarok .all-text{margin-bottom:10px;}
#vse-podarki{display:block;width:700px;}
#user-podarki{text-align:center;line-height: 16px;}
#user-podarki img{display:block;width:128px;height: 128px;margin:40px auto 30px auto;}
.p-mess{width:300px;margin:20px auto;text-align:left;}
.p-mess b{display:block;}
.p-mess textarea{width:290px;height: 90px;padding:5px;resize: none;}
.p-ser{background: #C0C0C0;padding:10px 0;}

.p_block{border-bottom:1px solid #CCC;margin:10px 0;}
.p_block:last-of-type { margin-bottom: 0;}
.p_block .p_name_cat{padding:10px 10px;color:#546873;font-size:12px;}
.p_block .p_name_cat b{display:inline-block;width:250px;}

.p_scroll{margin-bottom:10px;height: 172px;}
.p_img{display:inline-block;margin:3px 7px;position: relative;width:80px;height: 80px;cursor:pointer;}
.p_img .p_cena{position: absolute;bottom: 0;left: 50%;margin-left:-35px;width:70px;background:rgba(190, 190, 190, 0.6);text-align:center;padding:3px 0;color:#FFF;display:none;border-radius:3px;}
.p_img .p_cena b{color:#1E3D1D;}
.p_img img{width:80px;height: 80px;position: absolute;top: 0;left: 0;}
.p_img:hover .p_cena{display:block;}
.p_plaginat{margin-left:0px;}
.p_plaginat span{display:inline-block;color:#608ab9;margin:0 2px;border:1px solid #CCC;padding:2px 5px;border-radius:3px;cursor:pointer;}
.p_plaginat span.activ, .p_plaginat span:hover{background: #608ab9;color:#FFF;border:1px solid #608ab9;}
.scrol_page{display:none;height: 172px;}
#offers-menu a.filterlineactive{color:#ff8000;}
.offers-img-butt{width:16px;height:16px;border:0;vertical-align: middle;cursor: pointer;}
.mail-sample{position: relative;}
.mail-sample .uved{position: absolute;top: 11px;right: 30px;color:red;}
.mail-sample:hover .inp-del{display:block;}
.avatar-mail{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #f5f5f5;
    margin: -14px 0px 0px -20px;
}
.mail_mess{overflow: auto;max-height:400px;}
.mess_dial{
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    padding: 0 0 0 5px;
    min-height:60px;
    border:1px solid #F5F5F5;
    margin:40px 2px 0 250px;
    color:#8a6d3b;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #dddfe0;
}
.mess_dial .text-us img {
    width: 20.22px;
    height: 20.22px;
}
.data-us{display: flex;justify-content: space-between;align-items: center;padding:3px 15px;border:1px solid #F5F5F5;border-top:0;border-right:0;font-size:11px;border-radius: 0px 5px 0px 5px;}
.data-us .mess-edit {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
.supp-title {
    display: block;
    margin-top: 3px;
    margin-left: 14px;
    padding-top: 1px;
    float: left;
}

.supp-title .d-a-p{
	padding: 4px;
    border-radius: 50%;
    border: none;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -3px 8px -3px 0;
    float: left;
}
.taskcut {color: #fff; text-shadow: 1px 1px 1px #608630; font-size: 11px; margin-top: -15px; padding: 0px 4px 2px 10px; border-right: 1px solid #8fbd54; display: block; float: right; background: #abd378 url(imgk/cut.png) no-repeat left center;}


.mess_autor{
    border:1px solid #D3D3D3;
    margin: 40px 250px 0 2px;
    flex-flow: row-reverse nowrap;
    padding: 0 5px 0 0;
}
.mess_dial__content {
    margin-left: 12px;
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
}
.mess_autor .mess_dial__content {
    margin-left: 0;
    margin-right: 12px;
}
.mess_autor .data-us{ color:#8a6d3b;}
.mess_autor .avatar-mail {
    margin: -14px -20px 0 20px;
}
.avatar-mail__img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mess_autor .data-us {
    border-right-width: 1px;
    border-left: 0;
    border-radius: 5px 0px 5px 0px;
    flex-flow: row-reverse;
}
.mess_autor .text-us{
    /*justify-content: flex-start;*/
}
.message-reply {
    display: flex;
    justify-content: flex-end;
    padding-left: 10px;
    box-sizing: border-box;
}
.mess_autor .message-reply {
    justify-content: flex-start;
}

.status-mess{font-size:11px;color:#D50000;}
.date_mail{font-size:11px;color:#999999;float:right;}

.text-us{
    padding:10px 10px 10px 10px;
    word-wrap:break-word;
    word-break: break-word;
    color:#555555;
    box-sizing: border-box;
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*flex-flow: row wrap;*/
    /*align-items: center;*/
}
.text-us img {
    vertical-align: middle;
}
.dop-m-tite .supp-title{width:320px;display:inline-block; line-height:27px;}
.inp-del{float:right;margin-top:10px;margin-right:5px;display:none;}

.block-users{padding:5px 10px;}

.people_cell {
    width: 50px;
    overflow: hidden;
    padding: 6px 0px;
    margin-right: 6px;
    text-align: center;
    float: left;
    margin: 0 10px;
    padding-bottom: 7px;
}
.people_cell img {
    border-radius: 50px;
}
.name_field {
    text-align: center;
}

.dialog-del {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/ico/delete.svg) 16px/16px;
    cursor:pointer;
}

.icon_opacity_zero {
    opacity: 0;
}

.icon_opacity_low {
    opacity: 0.3;
}

.mail-sample .mail-postcount, .mail-sample .mail-postcount-read, .mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount, .mail-sample-active .mail-postcount-read, .mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount-send {
    color: #fff;
    background: #FDF5E6;
    text-align: center;
    display: block;
    float: left;
    padding: 1px 0 2px;
    margin-top: 10px;
    width: 23px;
}
.mail-sample-active .mail-postcount, .mail-sample-active .mail-postcount-read, .mail-sample-active .mail-postcount-send { border: 1px solid #fff; }

.mail-sample .mail-postcount-read, .mail-sample-active .mail-postcount-read {
    background: #608ab9;
    border-radius: 2px;
    border: 0;
}
.mail-sample .mail-postcount-send, .mail-sample-active .mail-postcount-send { 
    background: #7995BC;
    text-shadow:1px 1px 1px #4C6688;
}

.mail-sample .mail-title, .mail-sample-active .mail-title {
    line-height: 3.4;
    margin-left: 180px;
    display: block;
}
.all-del-uved{background: #FFF;position: absolute;bottom: 30px;left: 0;right:0;top:50px;display:none;text-align:center;}
.all-del-uved .text-uved{margin-top:50px;}

.all-del-uved .text-uved .da-del, .net-del{display:inline-block;font-size:13px;line-height: 24px;border:1px solid #CCC;padding:0;margin:5px 10px;text-align:center;width: 60px;cursor:pointer;background-color:transparent;border-radius:3px;}
.all-del-uved .text-uved .da-del{background-color:#00AE00;border:1px solid #008000;color:#FFF;}
.all-del-uved .text-uved .net-del{background-color:#D70000;border:1px solid #B70000;color:#FFF;}
.all-del-uved .text-uved .da-del:hover{background-color:#007700;}
.all-del-uved .text-uved .net-del:hover{background-color:#930000;}

.dialog-smail{vertical-align: middle;margin-bottom: 1px; display:inline-block;width: 20px;height: 20px;border-radius:3px;cursor:pointer;line-height: 20px;background: url(img/ico/smile.svg) 20px/20px;position:relative;}
.dialog-smail div{
    display: none;
    width: 290px;
    overflow: auto;
    height: 244px;
    position: absolute;
    top: -244px;
    right: -272px;
    background-color: rgba(255,255,255, 1);
    z-index: 2;
    border: 1px solid #CCC;
    text-align: justify;
    padding: 4px 10px;
    box-sizing: border-box;
}
.dialog-smail div img{cursor:pointer;margin:2px;}
.dialog-smail:hover div{display:block;}

.cash-moneyadd{font-size:13px;margin:20px auto;width:550px;text-align:left;line-height: 18px;}
.cash-moneyadd div{border-bottom:1px solid #CCC;padding:5px 10px;}
.cash-moneyadd div b{font-size:13px;}
.cash-moneyadd div span{display:inline-block;width:150px;margin-left:10px;font-size:13px;}

.cash-pred{font-size:15px;margin:20px auto;width:300px;text-align:left;line-height: 18px;}
.cash-pred div{border-bottom:1px solid #CCC;padding:5px 10px;}
.cash-pred div b{font-size:16px;}
.cash-pred div span{display:inline-block;width:100px;margin-left:30px;font-size:13px;}

.moder-test, .moder-test-u, .moder-test-o{display:inline-block;background:url(img/ico/kabinet/gomoder.png) center center no-repeat;height: 75px;width: 37px;cursor:pointer;}
.moder-test-u{background:url(img/ico/kabinet/gomoder-u.png) center center no-repeat;float:right;margin-right:20px;}
.moder-test-o{background:url(img/ico/kabinet/exit.png) center center no-repeat;float:right;margin-right:10px;}

.new-select{position: relative;margin-right:4px;text-align:left;}
.new-select .select-text{position: relative;border:1px solid #a7a7a7;color:#333333;background: white;padding:5px 3px;border-radius:2px;cursor:default;}
.new-select .select-text:after{content:'\25bc'; position: absolute;bottom:5px;right:5px;display:inline-block;color:#333333;font-size:9px;}
.new-select .select-list{display:none;position:absolute;left:0;right:0;top:22px;background: white;border:1px solid #899aaa;z-index:2;}
.new-select .select-list div{padding:1px 5px;color:#333333;cursor:default;}
.new-select .select-list div:hover, .new-select .select-list .active-list{color:#FFF;background: #1d91ff;}

.otcaz-moder{display:inline-block;background:url(img/ico/kabinet/no-moder.png) center center no-repeat;height: 65px;width: 100px;position: absolute;top:10px;right:90px;cursor:pointer;}
.moder-test{display:inline-block;background:url(img/ico/kabinet/gomoder.png) center center no-repeat;height: 75px;width: 37px;cursor:pointer;}
.del-mess{cursor: pointer;display: inline-block;margin-left:20px;}
.del-mess:hover{color:red;}
#dialog-moder .avatar-mail{width: 40px;height: 40px;border-radius: 50%;box-shadow: 0px 0px 1px 1px #f5f5f5;margin: -14px 0px 0px -20px;}
#dialog-moder .mail_mess{width: 550px;text-align:left;}
#dialog-moder .mess_dial{padding: 0 0 0 5px;min-height:60px;border:1px solid #F5F5F5;background: #F0FFFF;margin:20px 2px 0 15px;color:#8a6d3b;border-radius: 5px;}
#dialog-moder .data-us{background-color:#F0F8FF; color:#8a6d3b;padding:3px 15px;border:1px solid #F5F5F5;border-top:0;border-right:0;font-size:11px;border-radius: 0px 5px 0px 5px;}
#dialog-moder .date_mail{font-size:11px;color:#999999;float:right;}
#dialog-moder .text-us{
    background: #F0FFFF;
}
.img_task{display:none;cursor:pointer;}
.show-img:hover .img_task{display: inline-block;}

#aj-content input[type=range]{
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#aj-content input[type=range]:hover {
    opacity: 1;
}

#aj-content input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height:25px;
    width:30px;
    background: #608ab9;
    cursor: pointer;
}

#aj-content input[type=range]::-moz-range-thumb {
    height:25px;
    width:30px;
    background: #608ab9;
    cursor: pointer;
}
.moderimgm {
background: url(img/lupa.png) no-repeat 2px 1px;
width: 39px;
height: 38px;
display: inline-block;
margin-bottom: -2px;
}
#zamer{position: fixed;left:5px;top:5px;color:#fff;display:block;background:rgba(0,0,0, 0.7);font-size:11px;padding:10px;}

.right-control-wrap {

}

/* button styles */
.button {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    padding: .5em;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid transparent;
    transition: all .25s;
    line-height: normal;
}

.button_size_xs {
    font-size: 12px;
    padding: .5em;
}

.button_size_s, .button_size_s-two {
    font-size: 14px;
    padding: .5em;
}


.button_size_m {
    font-size: 16px;
    padding: .5em;
}

.button_size_l {
    font-size: 18px;
    padding: .5em;
}

.button_size_xs .button__title {
    margin: 0 .3em;
}

.button_size_s .button__title {
    margin: 0 .6em;
}

.button_size_s-two .button__title {
    margin: 0 1em;
}

.button_size_m .button__title {
    margin: 0 1.20em;
}
.button_size_l .button__title {
    margin: 0 2em;
}

.button__title {
    position: relative;
    display: inline-block;
    resize: none;
    white-space: nowrap;
    pointer-events: none;
    line-height: normal;
}

.button_theme_blue {
    color: #fff;
    background-color: #608ab9;
}

.button_theme_green {
    color: #fff;
    background-color: #7da25f;
}

.button_theme_white {
    color: #608ab9;
    background-color: transparent;
    border-color: #608ab9;
}
.button_theme_red {
    color: #fff;
    background-color: #ce6457;
}
.button_theme_sale {
    box-shadow: 0 0 40px 40px #ff4d4d inset, 0 0 0 0 #ff4d4d;
    transition: .15s ease-in-out;
    color: #fff;
    -webkit-animation: button_sale 1.7s infinite; /* Safari 4.0 - 8.0 */
    animation: button_sale 1.7s infinite;
}

.button_theme_blue:hover {
    color: #fff;
    background-color: #4a76a8;
}

.button_theme_green:hover {
    color: #fff;
    background-color: #6a8950;
}
.button_theme_white:hover {
    color: #4a76a8;
    background-color: rgba(74,118,168, 0.1);
}
.button_theme_red:hover {
    color: #fff;
    background-color: #ca5648;
}
.button_theme_sale:hover {
    box-shadow: 0 0 10px 0 #ff4d4d inset, 0 0 10px 4px #ff4d4d;
    color: #ff4d4d;
}


.button_margin_bottom {
    margin-bottom: 10px;
}
.button_margin_tb {
    margin: 10px 0;
}
.button_margin_right {
    margin-right: 10px;
}

.button_vk, .button_google {
    margin: 0;
    padding: 0;
}
.button_vk [data-uloginbutton=vkontakte], .button_google [data-uloginbutton=google] {
    padding: .5em;
    margin: 0 .3em;
}

.button_tg .button__title {
    margin: 0 .3em;
}

.button_border_transparent {
    border: 1px solid transparent;
}
.button_border_blue {
    border: 1px solid #608ab9;
}



.button_display_block {
    display: block;
}

.button_style_big {
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.wrapper_shadow {
    box-shadow: 1px 1px 3px #dddfe0;
}


/* main menu */
#main-navigation-wrapper {

}
.main-navigation {
    background-color: #608ab9;
    border-radius: 2px;
    padding: 0 50px;
    margin-bottom: 14px;
}

.main-navigation__link {
    display: block;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}
.main-navigation__link:hover, .main-navigation__link_active {
    background-color: #4a76a8;
    color: #ffffff;
}
.main-navigation__link_regard {
    background-color: #d67676;
}
.main-navigation__link_regard:hover, .main-navigation__link_active.main-navigation__link_regard {
    background-color: #e46868;
}

.main-navigation__link_bf {
    background-color: #000;
}
.main-navigation__link_bf:hover, .main-navigation__link_active.main-navigation__link_bf {
    background-color: #292929;
}

/* left sidebar */
.account_money {
    font-size: 16px;
}
.account_title {
    font-size: 12px;
}
.account_link {
    padding: 10px 0;
    margin-bottom: 6px;
    border: 1px solid rgba(74,118,168, 0.3);
    border: 1px solid #608ab9;
    border-radius: 2px;
}
.account_link:hover {
    background-color: rgba(74,118,168, 0.1);
}

.left-sidebar, .right-sidebar {
    width: 208px;
    max-width: 208px;
    vertical-align:top;
    padding: 0;
    padding-bottom: 120px;
}
.usermenu, .banner-rotation {
    margin-bottom: 14px;
}
.roll-banner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.roll-banner_468x60 {
    padding-top: 15px;
    min-height: 116px;
}
.roll-banner:first-child {
    margin-bottom: 14px;
}
.roll-banner__link, .roll-banner__link img {
    display: block;
}
.roll-banner__control {
    padding: 10px 0;
}
.roll-banner-control__item {
    padding: 0 4px;
}
.roll-banner-control__item .icon {
    width: 18px;
    height: 18px;
    fill-opacity: 1;
    fill: #608ab9;
}
.roll-banner-control__item:hover .icon {
    fill-opacity: .7;
}
.roll-banner_200x300 .roll-banner__body {
    height: 300px;
}
.roll-banner_100x100 .roll-banner__body {
    height: 100px;
}
.roll-banner_200x200 .roll-banner__body {
    height: 200px;
}

/* right sidebar */
.context-ad {
    border: 1px solid #608ab9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.context-ad__title {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #e29332;
}
.context-ad_bottom .context-ad__row {
    width: calc(100% / 3);
}
.context-ad__row {
    padding: 0 10px;
    padding-top: 10px;
}
.context-ad_row_bottom {
    padding-right: 0;
}
.context-ad__link {
    text-decoration: none;
}
.context-ad__link:hover .context-ad__header {
    color: #47A447;
    border-color: #47A447;
    text-decoration-color: #47A447;
}
.context-ad__header {
    display: inline;
    font-size: 13px;
    line-height: 1.042;
    margin: 0;
    text-align: left;
    margin-bottom: 2px;
    text-shadow: none;
    color: #608ab9;
    font-weight: normal;
    border-bottom: 1px dotted #608ab9;
}
.context-ad__text {
    font-size: 13px;
    line-height: 1.2;
    color: #000000;
    margin: 0;
    word-break: break-word;
}
.context-ad__url {
    color: #47A447;
    margin: 0;
    word-break: break-word;
}
.context-ad__footer a {
    background-color: #608ab9;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 10px;
}



/* short stats */

.short-stats__item {
    margin-bottom: 14px;
}

.short-stats__top {
    font-size: 18px;
}

.short-stats__bottom {
    font-size: 14px;
    color: #608ab9 !important;
    margin-top: -2px;
}

.short_stats__bold-text {
    font-size: 12px;
    text-shadow: #c1cdcd 0 1px 1px;
    color: #696969;
    font-weight: bold;
}

/* flex settings */

.flex-container {
    display: flex;
}
.flex-item {
    flex: 1 0 auto;
}

.direction_row {
    flex-flow: row wrap;
}
.direction_column {
    flex-flow: column wrap;
}
.flex_justify_center {
    justify-content: center;
}
.flex_justify_between {
    justify-content: space-between;
}
.flex_justify_around {
    justify-content: space-around;
}
.flex_justify_start {
    justify-content: flex-start;
}
.flex_justify_end {
    justify-content: flex-end;
}
.flex_align_center {
    align-items: center;
}
.flex_align_start {
    align-items: flex-start;
}
.flex_align_end {
    align-items: flex-end;
}


/* footer */
.footer__container {
    width: 1024px;
    margin: 0 auto;
}
.footer-copyright {
    align-items: center;
}
.footer-menu__link {
    display: block;
    text-align: center;
    padding: .5em 1em;
}
.footer-menu .footer-menu__link:hover {
    text-decoration: underline;
}
.footer-top {
    margin-bottom: 1em;
}
.social-icons .footer-info__item {
    margin: 0 6px;
}
.social-icons .footer-info__link {
    opacity: .7;
    transition: all .3s;
}
.social-icons .footer-info__link:hover {
    opacity: 1;
}
/* header */

.header {
    padding: 10px 0;
}
.header-logo__img {
    display: block;
    color: #608ab9;
    font-size: 34px;
    letter-spacing: 6px;
    font-weight: bold;
}
.header-logo__img:hover {
    color: #4a76a8;
}

.user-block {
    border: 1px dashed #608ab9;
    padding: 4px 10px;
    border-radius: 2px;
}
.user-block__info {
    padding-right: 1em;
}
.info_title {
    color: #334046;
    font-weight: bold;
}
.user-block-control__hbd {
    background: url(img/hbd.svg);
    width: 45px;
    height: 45px;
    opacity: 1;
    background-size: 45px 45px;
    background-repeat: no-repeat;
}
.user-block-control__personal-data {
    background: url(img/personal-data.svg);
    width: 45px;
    height: 45px;
    opacity: 1;
    background-size: 45px 45px;
    background-repeat: no-repeat;
}
.user-block-control__rating {
    display: block;
    text-align: center;
    border: 2px solid #608ab9;
    color: #608ab9;
    border-radius: 40px;
    padding: 8px 0px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    width: 70px;
}
.user-block-control__cookie {
    background: url(img/cookie.svg);
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #000 !important;
    font-weight: bold !important;
}
.user-block-control__new-year {
    background: url(img/new-year-2021.svg);
    background-size: 45px;
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #000 !important;
    font-weight: bold !important;
}
.user-block-control__contest {
    background: url(img/contest.svg);
    background-size: 45px;
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #000 !important;
    font-weight: bold !important;
}
.user-block-control__withdraw_bitcoin {
    background: url(img/gift_bitcoin.png);
    background-size: 45px;
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #000 !important;
    font-weight: bold !important;
}
.user-block-control__support {
    background: url(img/headphones.svg);
    width: 45px;
    height: 45px;
    opacity: 1;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    -webkit-animation: support_animation 1.2s infinite; /* Safari 4.0 - 8.0 */
    animation: support_animation 1.2s infinite;
}
@-webkit-keyframes support_animation {
    0%   {
        -webkit-transform:rotate(-10deg) scale(.9);
        -ms-transform:rotate(-10deg) scale(.9);
        -moz-transform:rotate(-10deg) scale(.9);
        -o-transform:rotate(-10deg) scale(.9);
        transform:rotate(-10deg) scale(.9);
    }
    50%  {
        -webkit-transform:rotate(5deg) scale(1);
        -ms-transform:rotate(5deg) scale(1);
        -moz-transform:rotate(5deg) scale(1);
        -o-transform:rotate(5deg) scale(1);
        transform:rotate(5deg) scale(1);
    }
    100% {
        -webkit-transform:rotate(-10deg) scale(.9);
        -ms-transform:rotate(-10deg) scale(.9);
        -moz-transform:rotate(-10deg) scale(.9);
        -o-transform:rotate(-10deg) scale(.9);
        transform:rotate(-10deg) scale(.9);
    }
}
.user-block-control__cookie:hover, .user-block-control__support:hover, .user-block-control__hbd:hover {
    opacity: .7;
}

.user-block-control .user-block-control__item {
    margin-right: 10px;
}


.dropdown-toggle:hover .dropdown-menu {
    display: block;
}

.dropdown-toggle {
    position: relative;
    display: block;
    cursor: pointer;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    box-shadow: -5px 5px 10px rgba(102, 102, 102, 0.22);
    border: 1px solid #efefef;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 160px;
}

.dropdown-menu li > a {
    padding: 6px 0 6px 13px;
    color: #333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
}

.dropdown-menu li > a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #333;
    filter: none;
}
.dropdown-toggle__avatar {
    position: relative;
}
.dropdown-toggle__icon {
    position: absolute;
    top: -3px;
    right: -4px;
    transform: rotate(49deg);
    z-index: 10;
}
.dropdown-toggle__icon .icon {
    width: 18px;
    height: 18px;
    fill-opacity: 1;
    fill: #608ab9;
}






.board-honor {
    text-align: center;
    margin-bottom: 14px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.board-honor__title {
    font-size: 16px;
    vertical-align: middle;
    padding: 6px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    background: #608ab9;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
}
.board-honor__username {
    display: inline-block;
    color: #7aa04f;
}
.board-honor__rating {
    display: inline-block;
}
.board-honor__avatar {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 50%;
}
.board-honor__text {
    font-size: 14px;
    word-wrap: break-word;
    margin-bottom: 10px;
    padding: 0 10px;
}
.board-honor__button {
    padding-top: 8px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding-bottom: 8px;
    border: 1px solid #608ab9;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.board-honor__button:hover {
    background-color: rgba(74,118,168, 0.1);
}




/* index page  */
.offer__header {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}
.offer__desc {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 28px;
    line-height: 1.5em;
}
.offer-ads__list .icon {
    width: 60px;
    height: 60px;
}
.offer-ads__item {
    width: 20%;
    padding: 26px;
    padding-top: 0;
    padding-bottom: 20px;
    flex-basis: 24%;
}
.offer-ads__title {
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}

/* contact page */
.contact {
    font-size: 14px;
}
.contact__item {
    line-height: 1.15;
    padding-left: 14px;
    color: #608ab9;
}
.contact-item__title {
    color: #646464;
    font-weight: bold;
}

/* wall page */

.friends-wall {

}
.friends-wall__module:first-child {
    margin-right: 4px;
}
.friends-wall__module {
    border: 1px solid #e7e8ec;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    position:relative;
    width:232px;
    padding: 6px 10px 8px;
    margin-top:5px;
    margin-bottom:5px;
    border-radius:2px
}
.icon_gift_wall .icon {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    fill: #fff;
}
#ontext2 .icon, #offtext2 .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
}
.wall_comment .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
}

/* modal window */
.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
.no-scroll {
    overflow: hidden;
}
.modal-wrapper__container {
    height: auto;
    margin: 0 auto;
    z-index: 1000;
    padding: 0 0 20px;
    min-height: 100%;
}



.ajaxchat{width:100%;position:relative;}
.ajaxchat .height-chat{height: 500px;}
.ajaxchat .message{overflow-y:auto;height: 500px;padding:0 5px;position: absolute;top:0;left:0;right:0;}
.ajaxchat .message .chat-text{border-bottom:1px solid #F5F5F5;padding:4px 0;font-size:12px;word-wrap: break-word;}
.ajaxchat .message .red{color:#FF0000;}
.ajaxchat .message .chat-text .time{color:#A8A8A8;}
.ajaxchat .message .chat-text .name{color:#7A7876;cursor:pointer;}
.ajaxchat .message .chat-text .komu b{color:#F7942A;font-weight: normal;}
.ajaxchat .tos-chat{
    height: 720px;position: absolute; top:0; left:0; right:0; bottom:0;z-index: 998;background: #f5f5f5;color:#545454;padding:10px;display:none;    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8; }

.ajaxchat .message .chat-text .del-chat-mess{position: relative;cursor:pointer; color:#A4A4A4;}
.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess{display: none;position: absolute;top:0;left:0;padding-top:20px;width: 140px;z-index: 1;}
.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess .ahref-chat{display: block;background-color: #505050;padding:3px 5px;color:#fff;font-size: 10px;margin-top: -35px;}
.ajaxchat .message .chat-text .del-chat-mess .menu-chat-mess .ahref-chat:hover{background-color: #6c6c6c;}
.ajaxchat .message .chat-text .del-chat-mess:hover .menu-chat-mess{display: block;}

.chat-panel-mess .panel{background:#4a76a8;padding:4px;margin-bottom: 8px;}
.chat-panel-mess .panel span{display:inline-block;width: 18px;height: 18px;margin:0 4px;cursor:pointer;line-height: 18px;}
.chat-panel-mess .panel .c-b{background: url(chat/b.png) 0 0 no-repeat;}
.chat-panel-mess .panel .c-i{background: url(chat/i.png) 0 0 no-repeat;}
.chat-panel-mess .panel .c-u{background: url(chat/u.png) 0 0 no-repeat;}
.chat-panel-mess .panel .sound{background: url(chat/sound_on.png) 0 0 no-repeat;}
.chat-panel-mess .panel .so_active{background: url(chat/sound_off.png) 0 0 no-repeat;}
.chat-panel-mess .panel .scroll{background: url(chat/scroll.png) 0 0 no-repeat;}
.chat-panel-mess .panel .s_active{opacity: 0.6;}
.chat-panel-mess .panel span.len{float:right;width: 40px;text-align:right;color:#FFF;}
.fill-input-chat {
    position: relative;
}
.smile-chat {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    width: 20px;
    height: 20px;
    background: url(img/ico/smile.svg) 20px/20px;
    opacity: .7;
}
.smile-chat div{
    display: none;
    width: 290px;
    overflow: auto;
    height: 244px;
    position: absolute;
    top: -244px;
    left: -272px;
    background-color: rgba(255,255,255, 1);
    z-index: 2;
    border: 1px solid #CCC;
    text-align: justify;
    padding: 4px 10px;
    box-sizing: border-box;
}
.smile-chat div img{cursor:pointer;margin:2px;}
.smile-chat:hover div{display:block;}
.smile-chat:hover {opacity: 1;}
.chat-panel-mess .mess textarea{
    width: 96%;
    resize: none;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 13px;
    border: 1px solid #c9d0d6;
    padding-right: 30px;
}
.chat-panel-mess .chat-users{font-size:12px;display:none;color:#FFF;text-shadow: 0 1px 1px rgba(0,0,0,0.56);}
.chat-panel-mess .chat-users #delit{display:inline-block;background:#585858;cursor:pointer; padding: 0px 3px 2px 2px; line-height: 18px; border-radius: 5px;}

#message_moder{display:none;}

.block-online{}
.block-online .title{background:#608ab9;padding:5px; margin:0px;color:#FFF;}
.block-online .title span{float:right;}
.block-online #us-online{overflow-y:auto;height: auto;min-height: 200px;max-height: 700px;}
.block-online #us-online div{border-bottom:1px solid #CCC;font-size:11px;height: 30px;padding:3px 0px 3px 0px;}
.block-online #us-online div .name{color:#019FB6;cursor:pointer;}
.block-online #us-online div .name_0{color:#CCCCCC;cursor:pointer;}
.block-online #us-online div .name_1{color:#019FB6;cursor:pointer;}
.block-online #us-online div .name_2{color:#FF637A;cursor:pointer;}
.block-online #us-online div .mod{color:#608ab9;font-weight: normal;}
.block-online #us-online div .fio{color:#019FB6;font-size: 11px;}
.block-online #us-online div .fio_0{color:#CCCCCC;font-size: 11px;}
.block-online #us-online div .fio_1{color:#019FB6;font-size: 11px;}
.block-online #us-online div .fio_2{color:#FF637A;font-size: 11px;}
.block-online .avatar_chat{float:left;width:30px;height:30px;vertical-align:middle;margin-right:5px;border-radius:50%;}

a.chat-mail {background: url(chat/chat-mail.png); display: block; width: 15px; height: 11px;float:right;}
a.chat-mail:hover {background-position: 0 -11px;}

.li-bb{position:relative;width:50px;}
.li-bb .v-color{display:none;position: absolute;bottom:10px;left:-60px;border:2px solid #CCC;width: 180px;background-color:rgba(255,255,255, 0.8);}
.li-bb .v-color span{display:inline-block;border:1px solid #CCC;width: 15px;height: 15px;float:left;margin:1px;}
.li-bb:hover div{display:block;}

.cvet-vid{width: 12px;height: 12px;background-color:#128720;border:1px solid #4E4E4E;}

#bg-color-aj{width: 15px;height: 15px;background-color:#128720;display:inline-block;border:1px solid #414141;}

#tabs-chat span{border:1px solid #CCC;border-bottom:0;padding:3px;text-align:center;display:inline-block;width: 150px;margin:0 0 0 10px;font-size:12px;border-radius:5px 5px 0 0;cursor:pointer;}
#tabs-chat span.active, #tabs-chat span:hover {background: rgba(74,118,168, 0.1);border-color: #4a76a8;}

#menu-moder {border:1px solid rgba(255,0,0,1); -webkit-animation: menu-moder 1s linear infinite; animation: menu-moder 1s linear infinite;}
@-webkit-keyframes menu-moder { 100% { border:1px solid rgba(255,0,0,1);background-color:#FE9A2E;} }
@keyframes menu-moder{ 100% { border:1px solid rgba(255,0,0,1);background-color:#FE9A2E;} }

#user-bann-chat{height: 100%;width: 100%;background: url(chat/ban_gerl.jpg) center center no-repeat;background-size: auto;position:relative;}
.ban-chat-block{position: absolute;top:20px;left:21%;width:220px;border:5px solid rgba(204,204,204,0.5);background-color:rgba(255,255,255,0.7);}
.ban-chat-block .title{text-align:center;font-size:17px;font-weight: bold;}
.ban-chat-block .text{text-align:center;font-size:12px;color:red;}
.ban-chat-block .clock-ban{font-size:20px;width: 200px;margin:0 auto;}
.ban-chat-block .clock-ban .block-clock{display:inline-block;width: 40px;line-height: 40px;background:#000;text-align:center;border-radius:60px;color:#FFF;font-weight: 700;box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.4);position: relative;margin:10px 0;}
.ban-chat-block .clock-ban .block-clock .line{display: none;top:52%;left:2px;width: 90%;height: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);background: #000;}

#chat-text-reklama{position:relative;margin:3px 0px 5px 0px;background:#4a76a8;padding:7px 0px 7px 10px;}
#chat-text-reklama a.text-norm{color:#FFFFFF;font-weight: bold;}
#chat-text-reklama a.text-norm:hover{color:#FFE419;font-weight: bold;}
#chat-text-reklama a.text-active{color:#FFE419;font-weight: bold;}
#chat-text-reklama a.text-active:hover{color:#FFFFFF;font-weight: bold;}
#chat-text-reklama .chat-panel-reklama{position: absolute;top:3px;right:2px;width: 40px;}
#chat-text-reklama .ico_rek{background: url(chat/ico_rek3.png) 0px 0px no-repeat;display:inline-block;width: 16px;height: 16px; cursor:pointer;margin:3px 0;opacity:0.9;}
#chat-text-reklama .ico_rek:hover{opacity:1;}
#chat-text-reklama .ico_edit_c{background: url(chat/ico_rek2.png) -0px 0px no-repeat;display:inline-block;width: 18px;height: 16px; cursor:pointer;margin:3px 0;opacity:0.9;}
#chat-text-reklama .ico_info_c{background-position: -22px 0px;}

.dop_panel .dop_title{background:#4a76a8;padding:5px 10px;height: 17px;color:#FFF;text-align:left;}
.dop_panel span{float:left;width: 50%;padding:5px 0 5px 0px;text-align:left;border-bottom:1px dashed #CCC;cursor:pointer;background: url(img/left-menu.png) no-repeat 5px 8px;color:#135b11;}
.dop_panel span:hover{background-color: #F3F3F3;}
.dop_panel span:before {content: ' ';margin:0 10px;color:#CCC;}

.exit-chat{float:right;}


/* settings page */
.pay-setting_form {
    display: flex;
    justify-content: space-between;
}

.payment-details input[type=text]:not([name="pincod"]), .payment-details input[type=tel], .phone-details input[type=text]:not([name="phone"]), .phone-details input[type=text]:not([name="code"]) {
    text-align: center;
    font-size: 13px;
    outline-width: 5px;
}
.payment-details__title {
    width: 40%;
}
.payment-details__data {
    width: 54%;
}
.payment-details__status {
    width: 6%;
    text-align: right;
}
.payment-details_confirm td {
    padding-top: 25px;
}
.settings-payout__pincode {
    margin-top: 4px;
    margin-bottom: 8px;
}

/* policy */
.policy {
    padding: 5px 10px 5px 10px;
}
.policy h2 {
    text-align: center;
    font-size: 16px;
    color: #608ab9;
    font-weight: bold;
}
.policy p {
    line-height: 1.462;
}
.policy li {
    line-height: 1.462;
    color: #545454;
}
.policy_service_price {
    color: #608ab9;
}

/* policy */
.privacy {
    line-height: 1.462;
}
.privacy ul {
    list-style: disc;
    margin-left: 16px;
}



/* toggle */
.toggle,  .toggle_yt, .toggle_vk, .toggle_tg, .toggle_ip, .toggle_2fa {
    margin-left: auto;
    cursor: pointer;
}

.toggle_disabled {
    opacity: .5;
}
.toggle_disabled label {
    cursor: not-allowed !important;
}

#toggle, #toggle_yt, #toggle_vk, #toggle_tg, #toggle_ip, #toggle_2fa {
    display:none;
}

.toggle label, .toggle_yt label, .toggle_vk label, .toggle_tg label, .toggle_ip label, .toggle_2fa label {
    width: 55px;
    height: 30px;
    display: inline-block;
    border-radius: 40px;

    cursor: pointer;
    background: #ce6457;
    transition: background .15s;
}

.toggle .slide, .toggle_yt .slide, .toggle_vk .slide, .toggle_tg .slide, .toggle_ip .slide, .toggle_2fa .slide {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    transform: scale(.9);
    transition: all .15s;
    box-shadow: inset -3px 0 0 #ddd;
}


#toggle:checked ~ label,
#toggle_yt:checked ~ label,
#toggle_vk:checked ~ label,
#toggle_tg:checked ~ label,
#toggle_ip:checked ~ label,
#toggle_2fa:checked ~ label
{
    background: #608ab9;
}

#toggle:checked ~ label .slide,
#toggle_yt:checked ~ label .slide,
#toggle_vk:checked ~ label .slide,
#toggle_tg:checked ~ label .slide,
#toggle_ip:checked ~ label .slide,
#toggle_2fa:checked ~ label .slide
{
    transform: translateX(25px) scale(.9);
    box-shadow: inset 3px 0 0 #ddd;
}


/* personal data warning */

.personal-data-warning {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    padding: 10px 0;
    background-color: #2c2b29;
    opacity: .98;
}
.personal-data-warning__inner {
    display: flex;
    align-items: center;
    padding: 8px 0;
}
.personal-data-warning__close {
    flex-grow: 1;
    text-align: right;
}
.personal-data-warning__close .icon {
    height: 30px;
    width: 30px;
    fill: #fff;
}
.personal-data-warning__close:hover .icon {
    fill-opacity: .5;
}
.personal-data-warning__text {
    color: #fff;
    width: 90%;
    font-size: 14px;
}
.personal-data-warning__text a {
    color: #fff;
    text-decoration: underline;
}
.personal-data-warning__text a:hover {
    color: rgb(234,234,234);
}
.container-warning {
    width: 1024px;
    margin: 0 auto;
}


/* sale */
.sale-desc {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 15px 20px;
    background-color: #f6f7f8;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 16px;
}
.sale-banner {
    text-align: center;
}
.timer-control {
    margin-bottom: 40px;
    text-align: center;
}

.card{
    display: block;
    cursor: pointer;
    width:500px;
    color:#263238;
    margin:50px auto;
    border-radius:5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-family: 'Roboto';
    font-weight: 500;
    font-size:16px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    overflow: hidden;
    z-index: 998;
}

.card:active,
.card:focus,
.card:hover{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card>i{
    display:block;
    font-size:100px;
}

.clock {
    width: 120px;
    height: 120px;
    margin:10px auto;
}

.hands {
    width: 100%;
    height: 100%;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    border-radius: 50%;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
circle {
    position: absolute;
    fill: none;
}
.seconds {
    stroke: #212121;
    stroke-width: 5;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.minutes {
    stroke: #616161;
    stroke-width: 10;
    z-index: 2;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.hours {
    stroke: #bdbdbd;
    stroke-width: 18;
    z-index: 3;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.days {
    stroke: #fff;
    stroke-width: 32;
    z-index: 4;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.greeting{
    font-size:20px;
    color:#263238;
    font-family: 'Roboto';
    font-weight: 600;
    text-align: center;
    margin: 0;
    margin-top: 16px;
}

.fabs {
    margin: 1em auto;
    width:100%;
    height:100px;
}

.fab {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    margin: 25px 25px;
    cursor: pointer;
    font-family: 'Roboto';
    font-weight: 500;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 997;
    overflow: hidden;
}

.fab>div{
    display:block;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 10px;
    line-height: 28px;
}

.fab>.time{
    font-size: 2em;
}

/* Ripple */

.ink {
    display: block;
    position: absolute;
    background: rgba(38, 50, 56, 0.4);
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    webkit-transform: scale(0);
    transform: scale(0);
}
/*animation effect*/

.ink.animate {
    animation: ripple 0.5s ease-in-out;
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/

    100% {
        opacity: 0;
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        webkit-transform: scale(5);
        transform: scale(5);
    }
}


@-webkit-keyframes button_sale {
    0%   {
        -webkit-transform:rotate(-1deg) scale(.9);
        -ms-transform:rotate(-1deg) scale(.9);
        -moz-transform:rotate(-1deg) scale(.9);
        -o-transform:rotate(-1deg) scale(.9);
        transform:rotate(-1deg) scale(.9);
    }
    50%  {
        -webkit-transform:rotate(1deg) scale(1);
        -ms-transform:rotate(1deg) scale(1);
        -moz-transform:rotate(1deg) scale(1);
        -o-transform:rotate(1deg) scale(1);
        transform:rotate(1deg) scale(1);
    }
    100% {
        -webkit-transform:rotate(-1deg) scale(.9);
        -ms-transform:rotate(-1deg) scale(.9);
        -moz-transform:rotate(-1deg) scale(.9);
        -o-transform:rotate(-1deg) scale(.9);
        transform:rotate(-1deg) scale(.9);
    }
}


/* reg and login page */
.two-fa-box__desc-text {
    margin: 15px 0 0 0;
}

.two-fa-box__desc {
    padding: 0 15px;
}

.login-box, .two-fa-box {
    border: 1px solid #608ab9;
    box-sizing: border-box;
    width: 450px;
    margin: 0 auto;
    border-radius: 2px;
    margin-bottom: 20px;
}
.registration-box {
    border: 1px solid #e29332;
    box-sizing: border-box;
}
.login-box__heading, .two-fa-box__heading {
    background-color: #608ab9;
    padding: 10px 15px;
}
.registration-box__heading {
    background-color: #608ab9;
    padding: 10px 15px;
}
.login-box__heading-title, .two-fa-box__heading-title {
    color: #ffffff;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
}
.registration-box__heading-title {
    color: #ffffff;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
}
.login-box__body, .registration-box__body, .two-fa-box__body {
    padding: 15px;
}
.reg-warning {
    border: 2px dotted #dca7b0;
    background-color: #f9f0f0;
    padding: 10px 30px;
}
.reg-warning__text {
    text-align: center;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: white;
    border: 1px solid #D0D0D0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
}
input.form-control, textarea.form-control {
    border-color: #dbdbdb;
    color: #777;
    font: 14px Arial, sans-serif;
    border-radius: 0;
    box-shadow: none;
}
.captcha-wrap_support {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.captcha__refresh {
    cursor: pointer;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.captcha__code-wrap {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    vertical-align: middle;
}
.reg-referer__bottom {
    font-size: 0;
}
.reg-referer__icon, .reg-referer__info {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}
.reg-referer__icon-img {
    width: 70px;
    height: 70px;
    display: block;
    box-sizing: border-box;
}
.reg-referer__title {
    font-size: 16px;
}
.reg-rules {
    text-decoration: underline;
    color: #e29332;
}
.reg-attention {
    text-align: center;
    background: linear-gradient(to bottom, rgba(241,111,92,1) 0%, rgba(231,56,39,1) 100%);
    padding: 10px;
    color: #fff;
    margin: 10px 0;
}
.captcha {
    box-sizing: border-box;
    padding: 10px 30px 10px 0px;
    display: block;
    width: 70%;
    font-size: 0;
    text-align: center;
    border: 1px solid #f6f7f8;
}

/* banners-all */

.banners-all {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 20px 0px;
}
.banner-item {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-bottom: 4px;
}
.banner-item_200-300, .banner-item_200-200 {
    width: 192px;
}
.banner-item_100-100 {
    width: 98px;
}
.banner-item_468-60 {
    width: 292px;
}
.banner-item__info {
    text-align: center;
    font-size: 11px;
}

/* articles page */
.article ul, .news ul {
    display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;
}
.article {
    box-shadow: 1px 1px 3px #dddfe0;
}
.article th {
    background: none;
    padding: 14px 18px;
}
.article .article__title {
    font-size: 16px;
    color: #000;
}
.article__title-link {
    color: #000;
}
.article__title-link:hover {
    text-decoration: underline;
    color: #000;
}
.article .article__meta {
    color: #999;
}
.article .articles__text {
    line-height: 1.5em;
    border: none;
    padding: 14px 18px;
}

/* other */
.adv-account {
    position: relative;
}
.adv-account__cashback {
    position: absolute;
    width: 48px;
    height: 100%;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background: #e46868;
    right: 0;
}
.bf-money-add {
    text-align: center;
    padding: 10px;
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
    border-radius: 2px;
    margin-bottom: 20px;
}

.bf-gift {
    background: url(img/gift_bf.svg);
    width: 45px;
    height: 45px;
    opacity: 1;
    background-size: 45px 45px;
    background-repeat: no-repeat;
}
.bf-text {
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 30px;
    font-size: 16px;
}

.cashback-money-add {
    text-align: center;
    border-radius: 2px;
    padding: 10px 22px;
    margin-bottom: 20px;
    color: #326aa0;
    background-color: #e8f3fe;
    border: 1px solid #aed5fa;
}

.cashback-gift {
    background: url(img/gift_bf.svg);
    width: 55px;
    height: 55px;
    opacity: 1;
    background-size: 55px 55px;
    background-repeat: no-repeat;
}
.cashback-text {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 10px;
}
.cashback-list {
    text-align: left;
}
.cashback-info {
    padding-left: 30px;
}
.money-add,
.money-payout {
    margin: 14px auto;
    width: 250px;
    font-size: 0;
}


.subheader, h4.subheader {
    color: #222;
    font-weight: 500;
    margin: 18px 0 12px;
    padding: 0;
    border-bottom: none;
    font-size: inherit;
}

/* settings page */
.settings {
    padding-top: 10px;
}
.settings td {
    border: none;
}
.settings-tab_theme_cloud {
    background: #fafbfc;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    border-radius: 2px;
    margin-bottom: 10px;
}
.settings__control {
    text-align: center;
    padding: 10px 0;
}
.settings__block-header {
    display: block;
    background: #fafbfc;
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e7e8ec;
    border-radius: 2px 2px 0 0;
    font-size: 16px;
    outline: none;
    color: #000;
}
.settings__block-content {
    padding: 10px;
}

.phone-verification .table tr td {
    border: none;
    text-align: center;
}
.phone-verification {
    padding: 15px 25px;
}
.phone-verification__icon {
    margin-bottom: 20px;
}

.phone-verification__code-sent-wrap {
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
}

.phone-verification__code-sent-phone {
    font-weight: bold;
}

.phone-verification__code-sent-change_phone {
    border-bottom: 1px dotted #608ab9;
    font-size: 12px;
}

.phone-verification__icon img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
.phone-verification__text {
    text-align: center;
    font-size: 13px;
    margin-bottom: 30px;
}
.phone-verification__notify-block, .phone-verification__head-block {
    margin-bottom: 15px;
    margin-top: 0;
}

.avatar-upload {
    position: relative;
    cursor: pointer;
}
.avatar-upload img, .avatar-upload {
    width: 100px;
    height: 100px;
    display: block;
}
.avatar-upload__filter {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.7);
    z-index: 2;
    color: #fff;
    font-size: 14px;
    height: 50px;
    border-radius: 0 0 50px 50px;
    text-align: center;
    line-height: 40px;
}
.avatar-upload:hover .avatar-upload__filter {
    display: block;
}

.bind-tg-account {
    padding: 15px 25px;
}

.bind-tg-account__text {
    padding-left: 8%;
    font-size: 13px;
    margin-bottom: 30px;
}

.bind-tg-account__icon {
    margin-bottom: 15px;
    margin-top: 0;
}

.bind-tg-account__icon img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

/* message page */
.dialogs-wrap {
    border: 1px solid #e7e8ec;
}
.dialog-im {
    height: 62px !important;
    box-sizing: border-box;
}
.dialog-im__link {
    padding: 6px 10px;
}
.dialog-im__link:hover .dialog-del {
    opacity: .3;
}
.dialog-im__link:hover .dialog-im__control-checkbox-im {
    opacity: 1;
}
.dialog-im__control-remove:hover .dialog-del {
    opacity: 1;
}
.dialog-im__avatar {
    align-self: center;
}
.dialog-im__avatar img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    border: none;
}
.dialog-user-online { position: relative; }
.dialog-user-online:after {
    content: '';
    position: absolute;
    background-color: #8ac176;
    border-radius: 50%;
    bottom: 2%;
    right: 2%;
    border: 2px solid #fff;
    height: 8px;
    width: 8px;
}
.dialog-im__content {
    flex: 2 1 400px;
    padding: 0 8px;
}
.dialog-im__content-name {
    margin-bottom: 5px;
    font-size: 13px;
}
.dialog-im__content-who img {
    border-radius: 50%;
    border: none;
    width: 22px;
    height: 22px;
}
.dialog-im__control {
    width: 20px;
    padding-left: 6px;
    align-items: center;
}

.dialog-im__content-text-preview {
    width: 360px;
}

.dialog-im__content-inner-text {
    font-size: 13px;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 4px 10px;
    border-radius: 4px;
    margin-left: 6px;
    padding-right: 10px;
    height: 28px;
    box-sizing: border-box;
    line-height: 21px;
    width: 360px;
}
.dialog-im__content-inner-text_status_unread-out {
    background: #f0f2f5;
}
.remove-dialogs-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/trash.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.header-dialogs {
    border: 1px solid #e7e8ec;
    background: #fafbfc;
    padding: 10px;
}
.header-dialogs__control {
    width: 42px;
    justify-content: space-around;
}
.header-dialogs__search input {
    width: 400px;
    border: none;
    font-size: 13px;
    padding: 4px 10px;
    background: transparent;
}
.dialog-im__control-checkbox-im {
    opacity: 0;
}

.dialog-head {
    background: #fafbfc;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    color: #656565;
    padding: 4px 10px;
    border-radius: 5px;
}

.dialog-head__avatar {
    text-align: left;
}
.dialog-head__avatar img {
    display: block;
    border-radius: 50%;
}

/*.dialog-head__info {

}
*/

.dialog-head__info-username {
    font-size: 15px;
}
.dialog-head__info-status {
    color: #afb1b7;
    font-size: 13px;
} 
.dialog-head__control {
    text-align: right;
}


/* activation */
.activation-status, .resend-code-status {
    text-align: center;
    margin-top: 30px;
}
.activation-status__check {
    margin-bottom: 10px;
}
.activation-status__check img {
    height: 45px;
    width: 45px;
}
.resend-activation-code {
    display: none;
}

 /*rating page*/

.table-status>tbody>tr:nth-child(odd)>td {
    background-color: #f9f9f9;
}
.table-status>tbody>tr:hover>td {
    background-color: #f5f5f5;
}

/*.table-status .active-column {*/
/*    color: #ffffff !important;*/
/*    background-color: #608ab9 !important;*/
/*    border-color: #608ab9 !important;*/
/*}*/

.table-1-status_user_0 tr td:nth-child(2),
.table-1-status_user_1 tr td:nth-child(3),
.table-1-status_user_2 tr td:nth-child(4),
.table-1-status_user_3 tr td:nth-child(5),
.table-2-status_user_4 tr td:nth-child(2),
.table-2-status_user_5 tr td:nth-child(3),
.table-2-status_user_6 tr td:nth-child(4),
.table-2-status_user_7 tr td:nth-child(5)
{
    color: #ffffff !important;
    background-color: #608ab9 !important;
    border-color: #608ab9 !important;
}

/* contest page */
.contest-banner {
    position: relative;
    height: 250px;
    box-sizing: border-box;
}

.contest-banner__img {
    display: block;
    width: 594px;
}

.contest-banner__button {
    position: absolute;
    left: 18px;
    bottom: 48px;
    height: 48px;
    width: 260px;
    cursor: pointer;
}
.contest-banner__button_on {
    background-image: url('contest/contest_button.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.hide-chatra {
    font-family: 'Gill Sans', sans-serif;
    font-size: 1.6em;
    position: absolute;
    right: -12px;
    top: -18px;
    color: #9d9d9d;
    display: none;
    cursor: pointer;
    font-weight: normal;
    padding: 3px;
}
.hide-chatra:hover {
    color: #767676;
}
#chatra:not(.chatra--expanded):hover .hide-chatra {
    display: block;
}


.scroll-up {
    width: 100px;
    height: 100vh;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #aaa;
    font-size: 13px;
    text-align: left;
    padding: 15px;
    padding-top: 28px;
    padding-left: 16px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .2s ease;
    display: none;
}

.scroll-up__text {
    color: #608ab9;
    font-weight: bold;
    vertical-align: bottom;
    opacity: .7;
}
.scroll-up__img {
    vertical-align: bottom;
    margin-right: 4px;
    opacity: .7;
}

.scroll-up__img.scroll-up-img_arrow_down  {
    transform: rotate(180deg);
}

.scroll-up:hover {
    background: #ecf3f8;
    background: rgba(174, 198, 215, 0.2);
    color: #777777;
}
.scroll-up:hover .scroll-up__img, .scroll-up:hover .scroll-up__text {
    opacity: 1;
}

/* referals */

.reset-ref-search {
    display: inline-block;
    background-image: url(img/ico/reset.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 4px;
    cursor: pointer;
}

/* payment */
.payout-card-temp {
    text-align: center;
    padding: 6% 18%;
}

.payout-card-temp__cc, .payout-card-temp__sum, .payout-card-temp__country, .payout-card-temp__name {
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: 3% 50%;
    padding: 5px 5px 5px 45px;
}
.payout-card-temp__cc {
    background-image: url(img/bank-card.svg);
}
.payout-card-temp__sum {
    background-image: url(img/ruble.svg);
}
.payout-card-temp__country {
    background-image: url(img/card_country.svg);
}
.payout-card-temp__name {
    background-image: url(img/user-icon.svg);
}

.payout-crypto-temp {
    text-align: center;
    padding: 6% 18%;
}

.payout-crypto-temp__method, input.payout-crypto-temp__sum, .payout-card-temp__sum {
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: 3% 50%;
    padding: 7px 9px 7px 45px;
    font-size: 12px;
    color: #000 !important;
    line-height: 1.15;
    height: 32px;
}
.payout-crypto-temp__method {
    background-image: url(img/crypto-icon.svg);
}
.payout-crypto-temp__sum {
    background-image: url(img/ruble.svg);
}

.payout-data {
    width: 60%;
    margin: 20px auto;
    font-size: 15px;
}

.payout-data b {
    font-size: 16px;
}

.payout-data tr td:last-child {
    width: 54%;
}

.payout-data tr td:first-child {
    padding-left: 12%;
    font-size: 13px;
    width: 44%;
    word-break: keep-all;
}

.payout-data td {
    border-bottom: 1px solid #CCC;
    padding: 8px 0;
    word-break: break-all;
}

.crypto-invoice .payout-data td {
    text-align: left;
}


/* pay */
.crypto-payment-error, .sbp-payment-error {
    text-align: center;
    font-size: 14px;
    color: #a94442;
    padding: 20px;
}

.crypto-invoice-success {
    text-align: center;
    padding: 20px 20%;
}

.crypto-invoice-success__img,
.crypto-invoice-success__head,
.crypto-invoice-success__msg {
    margin-bottom: 20px;
}

.crypto-invoice-success__head {
    font-weight: bold;
    font-size: 14px;
}

.crypto-invoice-success__msg {
    font-size: 12px;
}

.crypto-invoice, .sbp-invoice {
    text-align: center;
    padding: 20px;
    font-size: 12px;
}

.crypto-invoice__qr-code {
    margin-bottom: 10px;
}

.sbp-invoice__qr-code {
    margin-bottom: 14px;
}

.crypto-invoice__info, .sbp-invoice__info {
    width: 58%;
    margin: auto;
    margin-bottom: 20px;
}

.wm-type {
    width: 16%;
}

.payment-card-type, .payment-ym-type, .payment-qiwi-type {
    width: 64%;
}

.payment-ym-type, .payment-qiwi-type {
    width: 44%;
}

.cryptocurrency-type {
    width: 40%;
}

/* grecaptcha */
.grecaptcha-badge{
    visibility: collapse !important;
}
.g-recaptcha {
    height: 78px;
    width: 304px;
}

/* rouble icon */
@font-face {
    font-family: ALSRubl;
    src: url(font/rouble.ttf);
}

.ruble-symbol {
    font-family: ALSRubl;
}

/* youtube popup */
.yt-container {
    padding: 25px;
}

.yt-container__info {
    padding-bottom: 25px;
    font-size: 16px;
}


.icon_delete {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(img/ico/delete.svg) 14px/14px;
    cursor:pointer;
}

.icon_delete:hover {
    opacity: 1;
}


.rating-purchase {
    display: flex;
    width: 594px;
    flex-wrap: wrap;
    margin: auto;
}
.rating-purchase__item {
    text-align: center;
    font-weight: bold;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    min-width: 186px;
    /*height: 176px;*/
    box-sizing: border-box;
    margin-right: 18px;
    padding-bottom: 20px;
    background-size: 186px auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('img/rating-purchase/wreath-background.png');
}
.rating-purchase__item:nth-child(3n) {
    margin: 0;
}
.rating-purchase__item:nth-child(-n+3) {
    margin-bottom: 20px;
}
.rating-purchase__item-header-img {
    height: 100px;
    display: flex;
    background-size: auto 66px;
    margin: auto;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 24px;
}
.rating-purchase__item-header-title {
    text-transform: uppercase;
}
.rating-purchase__item-price {
    font-weight: bold;
    padding: 10px 0;
}
.rating-purchase__item-button span {
    font-weight: 500;
}
.rating-purchase__item-button {
    padding: 0.5em 1.6em;
}

.rating-purchase__header_theme_blue .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-blue.png');
}
.rating-purchase__header_theme_blue {
    color: #608AB9;
}

.rating-purchase__header_theme_green .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-green.png');
}
.rating-purchase__header_theme_green {
    color: #68BC5D;
}

.rating-purchase__header_theme_brown .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-brown.png');
}
.rating-purchase__header_theme_brown {
    color: #AD7D1C;
}

.rating-purchase__header_theme_brown .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-brown.png');
}
.rating-purchase__header_theme_brown {
    color: #AD7D1C;
}

.rating-purchase__header_theme_violet .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-violet.png');
}
.rating-purchase__header_theme_violet {
    color: #6588F4;
}

.rating-purchase__header_theme_red .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-red.png');
}
.rating-purchase__header_theme_red {
    color: #DE6262;
}

.rating-purchase__header_theme_gray .rating-purchase__item-header-img {
    background-image: url('img/rating-purchase/wreath-gray.png');
}
.rating-purchase__header_theme_gray {
    color: #536375;
}

.countdown-timer-task-report-container {
    text-align: center;
    margin-top: 14px;
}

.countdown-number-task-report {
    padding: 4px;
    display: inline-block;
}

.countdown-time-task-report {
    color: rgb(0, 128, 0);
    display: inline-block;
}

.countdown-text-task-report {
    display: inline-block;
}


.yt-task-info-subscribe, .yt-task-info-view {
    color: #f80000;
    margin-top: 4px;
    text-align: center;
}

.yt-task-timer-show {
    width: 87px;
    display: inline-block;
    margin-top: 4px;
    text-align: center;
}

.yt-sub-user-response {
    display: none;
    vertical-align: top;
    margin: 3px auto;
}

.yt-sub-user-response__input {
    width: 140px;
    line-height: 1.154;
    font-size: 13px;
    padding: 8px 10px;
}


/* pin task service */

.pin-task-service {
    text-align: center;
    margin: 20px;
}

.pin-task-tariffs {
    display: flex;
    width: 494px;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pin-task-tariffs__item {
    text-align: center;
    font-weight: bold;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    min-width: 150px;
    padding: 16px 0;
}

.pin-task-tariffs__item-price {
    padding: 14px 0;
}

.pin-task-tariffs__item-img {
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.pin-task-tariffs__item-time-left {
    margin-top: 14px;
    color: #c7c7c7;
}

.pin-task-tariffs__item_theme_first .pin-task-tariffs__item-img {
    background-image: url(img/gold-medal.svg);
}

.pin-task-tariffs__item_theme_second .pin-task-tariffs__item-img {
    background-image: url(img/second.svg);
}

.pin-task-tariffs__item_theme_third .pin-task-tariffs__item-img {
    background-image: url(img/third.svg);
}

.pin-task-tariffs__item-button {
    padding: 0.5em 1.6em;
}

/*.pin-task-tariffs__item-button .button__title {*/
/*    margin: 0 .4em;*/
/*}*/

.pin-task-service__description {
    margin-bottom: 20px;
}

.pin-task-service__input-minutes {
    width: 130px;
}

.pin-task-service__back {
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px;
}

.pin-task-service__back-img {
    vertical-align: bottom;
    margin-right: 4px;
    opacity: .7;
    transform: rotate(-90deg);
}

.pin-task-service__back-text {
    color: #608ab9;
    font-weight: bold;
    vertical-align: bottom;
    opacity: .7;
}

.pin-task-service__back:hover .pin-task-service__back-img, .pin-task-service__back:hover .pin-task-service__back-text {
    opacity: 1;
}

.pin-task-service__available-pin {
    margin-bottom: 20px;
    font-weight: bold;
}

.pin-task-service__bubble-time {
    display: flex;
    justify-content: center;

}

.pin-task-service__bubble-time-item {
    opacity: .7;
    background-color: #AD7D1C;
    color: #fff;
    border-radius: 10px;
    padding: 5px 6px;
    cursor: pointer;
    margin-right: 4px;
    line-height: 1;
}

.pin-task-service__bubble-time-item:hover  {
    opacity: 1;
}


/* adv company */

.adv-company__header {
    display: flex;
    justify-content: space-between;
    padding: 2px 4px 4px 0;
    align-items: center;
}


.adv-company__info-title {
    font-size: 13px;
}

.adv-company__control {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.adv-company__control-balance {
    background-color: #e0e0e0;
}

.adv-company__control-balance, .adv-company__status {
    padding: 4px 12px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 4px;
}

.adv-company__status {
    color: #fff;
}

.adv-company__control-balance:hover {
    background-color: #d4d4d4;
}

.adv-company__status_theme_pause {
    background-color: #a9a9a9;
}

.adv-company__status_theme_work {
    background-color: #90d28f;
}

.adv-company__status_theme_ban {
    background-color: #ff9ca1;
}

.adv-company__status_theme_moderation {
    background-color: #b3b167;
}

.adv-company__status_theme_edit {
    background-color: #6789b3;
}

.adv-company__status_theme_verify {
    background-color: #ad8db7;
}

.adv-company__control-dropdown-menu {
    padding: 0;
    margin: 0;
    position: relative;
    margin-left: 8px;
}

.adv-company__control-dropdown-menu-toggle {
    background-image: url(img/ico/kabinet/show-more-button.svg);
    background-size: 18px;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.adv-company__control-dropdown-menu-list {
    position: absolute;
    top: 25px;
    right: 5px;
    z-index: 100;
    display: none;
    list-style: none;
    text-shadow: none;
    background-color: #ffffff;
    box-shadow: -5px 5px 10px rgba(102, 102, 102, 0.22);
    border: 1px solid #efefef;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 182px;
    margin: 0;
    padding: 0;
}
.adv-company__control-dropdown-menu-list li > span {
    padding: 6px 0 6px 13px;
    color: #333 !important;
    display: block;
    cursor: pointer;
}
.adv-company__control-dropdown-menu-list li > span:hover {
    background-color: #eee;
}

.adv-company__control-dropdown-menu_toggle_on + .adv-company__control-dropdown-menu-list {
    display: block;
}
.adv-company__control-dropdown-menu_toggle_on {
    filter: grayscale(70%);
}

.adv-company__control-dropdown-menu-item_inactive span:first-child {
    color: #d2d2d2 !important;
    cursor: help;
}


/* payout page */

.payout-info__img-success {
    background-image: url(img/payout-money.svg);
    height: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px 0;
    text-align: center;
}

.payout-info__site-feedback {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.payout-info__site-feedback-item {
    width: 38%;
    height: 72px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 64px;
}

.payout-info__site-feedback-item:hover {
    background-color: #e4e4e4;
}

.payout-info__site-feedback-item_theme_feedback-marketing {
    background-image: url(img/otzyvmarketing.png);
    background-size: 85% auto;
}

.payout-info__site-feedback-item_theme_wot {
    background-image: url(img/wot.png);
}

.payout-info__site-feedback-item_theme_trustpilot {
    background-image: url(img/trustpilot-fb.png);
    background-size: auto 72px;
}

.payout-info__site-feedback-item_theme_webmoney {
    background-image: url(img/webmoney-blue.svg);
}

.payout-info__site-feedback-item_theme_otzovik {
    background-image: url(img/otzovik.svg);
    background-size: 82% auto;
}

.payout-info__site-feedback-item > a {
    display: block;
    width: 100%;
    height: 100%;
}

.user-online { position: relative; }
.user-online:after {
    content: '';
    position: absolute;
    background-color: #8ac176;
    border-radius: 50%;
    bottom: 2%;
    right: 2%;
    border: 2px solid #fff;
    height: 8px;
    width: 8px;
}

/* payout info */

td.payout-info__amount-min {
    padding-left: 40px;
}

td.payout-info__commission {
    padding-left: 46px;
}

td.payout-info__time {
    padding-left: 16px;
}

.payout-history-verifying-info {
    height: 11px;
    width: 11px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-image: url(img/ico/payout-verification.svg);
}

/* payout today page */


.payout-today tr th:first-child {
    text-align: left;
}

td.payout-today__date,
td.payout-today__money {
    padding-left: 22px;
}

td.payout-today__payment-system {
    padding-left: 16px;
}

/* iam not robot form */
.iam-not-robot {
    padding: 10px 20px;
    text-align: center;
}

.iam-not-robot__title {
    font-size: 14px;
    margin-bottom: 10px;
}

.iam-not-robot__button-container {
    margin: 10px 0;
}

#button-verify:disabled {
    filter: grayscale(50%);
}


.yt-notify-user {
    color: #608ab9;
}
.yt-notify-user:hover {
    color: #3c618c;
}

/* user history page */
.crypto_status_success {
    border-bottom: 1px dotted gray;
}

.table.user-history-payouts {
    text-align: center;
}

.table.user-history-payments {
    text-align: center;
}

.table.user-history-payments tr td:nth-child(2) {
    text-align: left;
    padding-left: 64px;
}

.wrappersq{
    display: inline-block;
    border: 1px solid #D3D9DE;
    border-radius: 2px;
    height: 31px;
    text-align: left;
    position: relative;
    top: 3px;
}
.select_wrap{
    width: 200px;
    position: relative;
    user-select: none;
    margin-top: -1px;
    z-index: 999;
}

.select_wrap .default_option{
    background: #fff;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    height: 30px;
    top: 1px;
}

.select_wrap .default_option li{
    padding: 9px 0 0 10px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 18px;
}

.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    width: 3px;
    height: 3px;
    border: 2px solid;
    border-color: transparent transparent #000 #000;
    transform: rotate(-45deg);
}

.select_wrap .select_ul{
    position: absolute;
    border-radius: 2px;
    left: -1px;
    width: 100%;
    background: #fff;
    border: 1px solid #DFE3E6;
    display: none;
}

.select_wrap .select_ul li{
    padding: 7px 0 7px 10px;
    cursor: pointer;
}


.select_wrap .select_ul li:hover{
    background: #DFE3E6;
}

.active_li{
    background: #DFE3E6;
}

.select_wrap .option{
    display: flex;
    align-items: center;
}


.select_wrap.active .select_ul{
    display: block;
}

.select_wrap.active .default_option:before{
    top: 15px;
    transform: rotate(-225deg);
}

/* faq */
.faq-section {
    margin-bottom: 10px;
}

.faq-section input,
.faq-section p {
    display: none;
}

.faq-section label~p,
.faq-section label~div {
    display: none;
    padding: 0 14px;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.faq-section input[type=checkbox]:checked~p,
.faq-section input[type=checkbox]:checked~div {
    display: block;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
}

.faq-section label{
    cursor: pointer;
    background: #fff;
    display: block;
    color: #608ab9;
    position: relative;
    padding: 7px 10px;
    font-weight: bold;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: 3px solid #608ab9;

    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.faq-section label::-moz-selection{
    background: none;
}

.faq-section label::selection{
    background: none;
}

.faq-section label:hover{
    background: rgba(74,118,168, 0.1);
    border-color: #608ab9;
    color: #4a76a8;
}

.faq-section input[type=checkbox]:checked~label{
    background: rgba(74,118,168, 0.1);
    border-color: #608ab9;
    color: #4a76a8;
}

.faq-section label::before{
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: inherit;
}

.faq-section input[type=checkbox]:checked~label::before{
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px;
}

.job-list ol li {
    padding: 4px;
}

/* advm youtube */
/*
.advm-youtube__info-bottom,
.advm-vk__info-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.advm-youtube__info-bottom-control,
.advm-vk__info-bottom-control {
    display: flex;
}

.advm-youtube__info-bottom-control > a,
.advm-youtube__info-bottom-control > span,
.advm-vk__info-bottom-control > a,
.advm-vk__info-bottom-control > span {
     margin: 0 3px 0 0;
}

.advm-youtube__balance,
.advm-vk__balance,
.advm-letter__balance,
.advm-test__balance {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
 */

.advm-youtube__middle,
.advm-surf__middle,
.advm-banner__middle,
.advm-context__middle,
.advm-statlink__middle,
.advm-text__middle,
.advm-fraim__middle,
.advm-letter__middle,
.advm-vk__middle,
.advm-test__middle {
    position: relative;
    height: 100%;
}

.advm-youtube__middle-info,
.advm-surf__middle-info,
.advm-banner__middle-info,
.advm-context__middle-info,
.advm-statlink__middle-info,
.advm-text__middle-info,
.advm-fraim__middle-info,
.advm-letter__middle-info,
.advm-vk__middle-info,
.advm-test__middle-info {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.advm-youtube__middle-controls > a,
.advm-youtube__middle-controls > span,
.advm-surf__middle-controls > a,
.advm-surf__middle-controls > span,
.advm-banner__middle-controls > a,
.advm-banner__middle-controls > span,
.advm-context__middle-controls > a,
.advm-context__middle-controls > span,
.advm-statlink__middle-controls > a,
.advm-statlink__middle-controls > span,
.advm-text__middle-controls > a,
.advm-text__middle-controls > span,
.advm-fraim__middle-controls > a,
.advm-fraim__middle-controls > span,
.advm-letter__middle-controls > a,
.advm-letter__middle-controls > span,
.advm-vk__middle-controls > a,
.advm-vk__middle-controls > span,
.advm-test__middle-controls > a,
.advm-test__middle-controls > span {
    margin: 0 5px 0 0;
}

.advm-youtube__middle-controls,
.advm-surf__middle-controls,
.advm-banner__middle-controls,
.advm-context__middle-controls,
.advm-statlink__middle-controls,
.advm-text__middle-controls,
.advm-fraim__middle-controls,
.advm-context__middle-controls,
.advm-letter__middle-controls,
.advm-vk__middle-controls,
.advm-test__middle-controls {
    position: absolute;
    bottom: 0;
    right: 0;
}

/*
.advm-youtube__balance {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
 */
.advm-task-pin-notify__icon {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(img/ico/kabinet/top.svg);
    vertical-align: middle;
}

.advm-task-pin-notify {
    margin-bottom: 20px;
    position: relative;
}

.advm-task-pin-notify__hide {
    top: 34%;
    right: 11px;
    height: 12px;
    width: 12px;
    position: absolute;
    cursor: pointer;
}

.advm-task-pin-notify__hide:hover {
    opacity: 0.6;
}

.advm-task__bottom-controls {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.advm-task__bottom-controls-left {
    align-items: center;
    flex-direction: row;
    display: flex;
}

.advm-task__bottom-controls-right {
    align-items: center;
    flex-direction: row-reverse;
    display: flex;
}

.advm-task__bottom-controls-right span:first-child {
    margin-right: 0;
}

/* withdraw bonus */

.withdraw-bonus {
    text-align: center;
    border-radius: 2px;
    padding: 10px 22px;
    margin-bottom: 20px;
    color: #326aa0;
    background-color: #e8f3fe;
    border: 1px solid #aed5fa;
}

.withdraw-bonus__gift {
    background-image: url(img/gift_bf.svg);
    width: 55px;
    height: 55px;
    opacity: 1;
    background-size: 55px;
    background-repeat: no-repeat;
    flex-basis: 18%;
}

.withdraw-bonus__info-text {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.withdraw-bonus-pin {
    border: initial !important;
    margin: auto;
    position: absolute;
    background-image: url(img/gift_bf.svg);
    background-size: 25px;
    height: 25px;
    width: 25px;
    left: -7px;
    top: -5px;
}

/* notify */

.blocked-kz {
    padding: 20px;
}

.blocked-kz__img {
    text-align: center;
    font-size: 0;
    margin-bottom: 20px;
}

.blocked-kz__img img {
    width: 300px;
}

div.blocked-kz__text {
    text-align: left;
    margin: 20px 0;
}

.blocked-kz__button {
    text-align: center;
}

.task-report-list {
    padding: 5px;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 30%);
}

.task-report-list td {
    padding: 5px;
}

.flags {
    color: #fff;
}

.flags:after{
    content: "";
    background-image: url(img/menu-arrow.svg);
    background-size: 10px 18px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 10px;
    transition: all 300ms 0s ease-in-out;
    vertical-align: top;
}
.link_language {
    color: #fff;
    font-size: 13px;
    position: relative;
    left: 50px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 7px;
    height: 35px;
}
.link_language:hover {
    background-color: #4a76a8;
    color: #ffffff;
}

.link_language span{
    margin-top: 4px;
}

.link_language_dropdown{
    top:35px;
    right: 15px;
}

.block_language{
    margin-left: -22px;
}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}


.block_subscribe_captcha{
    display: flex;
    align-items: stretch;
    justify-content: center;
}

/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    position: absolute;
    display: block;
    opacity: 0;
    height: auto;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    width: 350px;
    font-size: 12px;
    padding: 5px 8px;
    border: 1px solid rgba(0,0,0,0.25);
    background: rgba(0,0,0,0.9);
    border-radius: 3px;
    box-shadow: 0 0 3px #555;
    text-align: left;
    color: #fff;
    z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: calc(100% + 5px);
    border-top-width: 0;
    border-bottom-color: rgba(0,0,0,0.9)
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 10px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.close_button{
    float: right;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.3;
    background: url(img/ico/delete.svg) no-repeat;
    background-size: 16px 16px;
}
.close_button:hover{
    opacity: 1;
}


.decorationAds{
    text-decoration: line-through;
}
.ybprosm_grey {
    background: url(img/youtube-icon-grey.svg) 38px/38px;
    width: 38px;
    height: 38px;
    cursor: help;
}

.info_text_count_task_youtube{
    font-family: 'Arial';
    font-size: 11px;
    background-color: #65BD5F;
    color: #fff;
    padding: 2px 4px 2px 6px;
    border-radius: 24px;
    gap: 3px;
    justify-content: space-between;
    align-items: center;
}

.info_text_count_task_youtube__span{
    position: relative;
    display: inline-grid;
    top: 0.15em;
    cursor: pointer;
    height: 11px;
    margin-left: 1px;
}

.show__password{
    cursor: pointer;
    float: right;
    margin-top: -27px;
    margin-right: 10px;
    position: relative;
    width: 21px;
}

.avatar_ref__registration{
    width:50px;
    height:50px;
    border-radius:50%;
    margin:2px;
    cursor:pointer
}

.avatar__wall{
    width: 135px;
    height: 145px;
    border: 1px solid #cccccc;
    padding: 2px;
    margin-bottom:5px;
}

.avatar__top{
    border-radius:50px;
    width:40px;
    height:40px;
    border:none
}

.badge__youtube_green{
    margin-left: 1px;
    font-family: 'Arial';
    font-size: 11px;
    background-color: #a8e9c0;
    color: #3e4d5c;
    padding: 2px 7px 2px 6px;
    width: 31px;
    height: 15px;
    border-radius: 24px;
}

.badge__serf_green{
    margin-left: 1px;
    font-family: 'Arial';
    font-size: 11px;
    background-color: #a8e9c0;
    color: #3e4d5c;
    padding: 2px 7px 2px 7px;
    width: 31px;
    height: 15px;
    border-radius: 24px;
}
/* moder payout */

.moder-payout__control-dropdown-menu {
    padding: 0;
    margin: 0;
    position: relative;
    margin-left: 6px;
    align-self: center;
}

.moder-payout__control-dropdown-menu-toggle {
    background-image: url(img/ico/kabinet/show-more-button.svg);
    background-size: 18px;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.moder-payout__control-dropdown-menu-list {
    position: absolute;
    top: 25px;
    right: 5px;
    z-index: 100;
    display: none;
    list-style: none;
    text-shadow: none;
    background-color: #ffffff;
    box-shadow: -5px 5px 10px rgba(102, 102, 102, 0.22);
    border: 1px solid #efefef;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 152px;
    margin: 0;
    padding: 0;
}
.moder-payout__control-dropdown-menu-list li > span {
    padding: 6px 0 6px 13px;
    color: #333 !important;
    display: block;
    cursor: pointer;
}
.moder-payout__control-dropdown-menu-list li > span:hover {
    background-color: #eee;
}

.moder-payout__control-dropdown-menu_toggle_on + .moder-payout__control-dropdown-menu-list {
    display: block;
}
.moder-payout__control-dropdown-menu_toggle_on {
    filter: grayscale(70%);
}

.moder-payout__control-dropdown-menu-item_inactive span:first-child {
    color: #d2d2d2 !important;
    cursor: help;
}

.moder-payout__confirm-payout {
    background-image: url(img/ico/payout-confirm-button.svg);
    height: 21px;
    width: 21px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

.moder-payout__approval-num {
    background-image: url(img/ico/check.svg);
    height: 16px;
    width: 16px;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-left: 4px;
    margin-right: 2px;
}

.links__dotted{
    color: #c80000;
    font-weight: normal;
    border-bottom: 1px dotted #c80000;
}
.links__dotted:hover{
    color: #c80000;
}


.price-and-views {
    display: flex; flex-wrap: wrap; max-width: 355px;
}

.container-wait-timer {
    display: flex;
    justify-items: center;
    justify-content: center;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease;
}

.subscribe-arrow-container {
    color: #ea4335;
    font-size: 12px;
    font-family: Arial, sans-serif;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.subscribe-arrow {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left:2px;
}

.container-wait-timer.visible {
    max-height: 100px;
    margin-top: 6px;
}


.serf-load{
  background: url('img/load-offers1.gif') center center no-repeat;
  height: 35px;
}

.serf-button{
  min-height: 35px;
  text-align:center;
}

.serf-button .go-link-serf, .serf-button .status-link-serf, .serf-button .serf-error {
    border: 1px solid transparent;
    display: inline-block;
    padding:8px 10px;
    margin:3px auto;
    text-align:center;
    border-radius: 2px;
    color:#FFF;
    cursor:pointer;
}

.serf-button .serf-button-white {
    color: #608ab9;
    background-color: transparent !important;
    border-color: #608ab9;
}
.serf-button .serf-button-white:hover {
    color: #4a76a8;
    background-color: rgba(74,118,168, 0.1) !important;
}

.serf-button .go-link-serf{background: #608ab9;}
.serf-button .go-link-serf:hover{background:#4a76a8;}
.serf-button .status-link-serf{ border-color: #608ab9; color: #608ab9;}
.status-link-serf:hover {
    background-color: rgba(74,118,168, 0.1);
}

.serf-button .serf-error{
    background: #cc0000;
}

/* Скрытие блоков pending задач до восстановления таймеров */
[data-pending-tasks="true"],
[data-youtube-pending="true"] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in;
}

/* Показ блоков pending задач после восстановления */
[data-pending-tasks="true"].pending-visible,
[data-youtube-pending="true"].pending-visible {
    visibility: visible;
    opacity: 1;
}