html,body,div,p,span,h1,h3,img{margin:0;padding:0;vertical-align:top}
html{width:100%;height:100%;text-align:center;}
html * { max-height:999999px; }
body{font-family:arial;font-size:14px;color:#222;background: #fafafa;}
#wr{width: 100%;max-width:1100px;margin:0 auto;background:url(../images/bbg.png) center top no-repeat}
a{color:#4077c9}
a:hover{text-decoration:none}
.main-wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background:#fff url(../images/hbg.png) top repeat-x;
    box-shadow:0 0 15px #ddd
}
/* header */
#head{height:110px}

/* logo */
#logo{width:173px;height:108px;float:left}
#logo img{margin:36px 0 0 110px;float:left}

/* navi */
#nav{float:right;margin:15px 52px 0 0}
#nav ul li{display:inline-block;list-style:none}
#nav ul li a{height:42px;display:inline-block;font-weight:700;color:#000;text-decoration:none;font-size:15px;padding:0 15px;line-height:42px;background:url(../images/nav.png) 0 -42px repeat-x;text-shadow:1px 1px 1px #fff;border-bottom:1px solid #4f9cd5}
#nav ul li a:hover,#nav ul li.act a{background-position:0 -84px;color:#fff;text-shadow:none}
#nav ul li.act a{background-position:0 0}
#nav ul li:first-child a{border-top-left-radius:5px;border-bottom-left-radius:5px}
#nav ul li:last-child a{border-top-right-radius:5px;border-bottom-right-radius:5px}

/* main first block */
#main_top{padding:30px 0 60px 0;background:url(../images/main_s1.png) center bottom no-repeat}
#main_top > p{width:550px;line-height:160%;text-align:left;font-size:16px;display:inline-block}
#main_top  .enter{margin:10px 0 0 0}

/* new */
.welcome-text
{
  display:inline-block;
  margin:10px 0 0 26px;
  text-align:left;
  width: 100%;
  max-width:820px;
}

.welcome-text p 
{
  font-size:15px;
  line-height:140%;
  margin:0 0 10px;
}

.welcome-text h1, .footer-text h1{
	font-size: 17px;
	margin: 0 0 2px 0;
}

.welcome-text h2, .footer-text h2{
	font-size: 16px;
	margin:20px 0 5px;
}

#main_top h1 {
  font-size: 20px;
	margin: 0 0 2px 0;
}

.footer-text {margin:0 0 40px;}

.footer-text p 
{
  font-size:13px;
  line-height:140%;
  margin:0 100px 10px 115px;
  text-align:left;
}

.footer-text ol, ul 
{
  font-size:13px;
  line-height:140%;
  text-align:left;
}
/*/

/* button */
.button{display:inline-block;border:4px solid #fff;border-radius:4px;box-shadow:0 0 10px #ccc;font-size:15px;font-weight:700;color:#fff;cursor:pointer}
.button span{display:inline-block;height:38px;line-height:38px;height:38px;padding:0 12px;border-radius:2px;}
.button.small{font-size:13px;font-weight:400}
.button.small span{height:32px;line-height:30px;padding:0 39px}
.button.min{font-size:12px;font-weight:400;height:24px;line-height:24px;padding:0 15px;border:2px solid #fff;}
/* button blue */
.button.blue span,.button.min,.button.green span{background:url(../images/nav.png) 0 -86px repeat-x;text-shadow:1px 1px 1px #073387}
.button.blue.small span{background-position:0 -6px}
.button.blue.min{background-position:0 -302px}
.button.blue:hover span{background-position:0 -2px}
.button.blue.small:hover span{background-position:0 -90px}
.button.blue.min:hover{background-position:0 -326px}
/* button green */
.button.green span{padding:0 22px;background-position:0 -126px}
.button.green:hover span{background-position:0 -164px}
.button.green.addmyjob span{padding:0 40px}
/* button red */
.button.red.min{background-position:0 -228px}
.button.red.min:hover{background-position:0 -252px}
/* button vk enter */
.button.enter{background:url(../images/enter.png) left center no-repeat;padding:0 0 0 42px}
/* smb button */
.smb{display:inline-block;height:25px;line-height:25px;padding:0 24px;text-align:center;border:1px solid #e3e3e3;border-radius:4px;font-size:12px;color:#555;background:url(../images/nav.png) 0 -202px repeat-x;cursor:pointer}
.smb:hover{background-position:0 -276px}
/* smb green */
.smb.green{background:#4b9a0a;box-shadow:inset 0 12px 12px #57bb1b;border:1px solid #4b9a0a;color:#fff;cursor:default}
/* smb gray */
.smb.gray{background:#bbbbbb;box-shadow:inset 0 12px 12px #d3d3d3;border:1px solid #b5b5b5;color:#fff;cursor:default}
/* smb orange */
.smb.orange{background:#FFA500;box-shadow:inset 0 12px 12px #ffce2e;border:1px solid #ebb22f;color:#fff;cursor:default}
/* smb red */
.smb.red{background:#FF0000;box-shadow:inset 0 12px 12px #ff4000;border:1px solid #e00000;color:#fff;cursor:default}

.circle-green {
	width: 14px;
	height: 14px;
	background: #72b900;
	display:inline;
	margin: 0;
	padding:0 5px;
	text-shadow: none;
	font-weight:500;
	color:#FFFFFF;
}

.circle-silver {
	width: 14px;
	height: 14px;
	background: #A9A9A9;
	display:inline;
	margin: 0;
	padding:0 5px;
	text-shadow: none;
	font-weight:500;
	color:#FFFFFF;
}

.circle-red {
	width: 14px;
	height: 14px;
	background: #cc0000;
	display:inline;
	margin: 0;
	padding:0 5px;
	text-shadow: none;
	font-weight:500;
	color:#FFFFFF;
}

.circle-orange {
	width: 14px;
	height: 14px;
	background: #FF8C00;
	display:inline;
	margin: 0;
	padding:0 5px;
	text-shadow: none;
	font-weight:500;
	color:#FFFFFF;
}

/* triggers */
#triggers{margin:25px 0 0 0;}
.trg{width:225px;display:inline-block;}
.trs{width:25px;height:312px;margin:0 22px;display:inline-block;background:url(../images/trs.jpg) center no-repeat}
.tri{width:175px;height:175px;margin:0 auto;background:url(../images/trig.png) no-repeat}
.tri.a{background-position:0 -3px}
.tri.b{background-position:-1px -178px}
.tri.c{background-position:-4px -354px}
.trg b{display:block;font-size:15px;margin:10px 0 20px 0}
.trg p{line-height:140%; font-size:13px}

/* last fain block */
#main_last{margin:40px 0 25px;}
/*#main_last p{width:420px;padding:2px 0px 12px 25px;margin:0 0 0 60px;text-align:left;background:url(../images/mp.jpg) left top no-repeat}*/
#main_last p{font-size:13px;width:260px;padding:2px 0px 12px 25px;margin:0 0 0 15px;text-align:left;background:url(../images/mp.jpg) left top no-repeat}

/* stat */
#stat{font-size:13px;height:252px;background:url(../images/sbg.png) center repeat-x}
#stat > .ib{margin:0 20px}
.col{height:36px;width:285px;margin:15px 0;padding:0 0 0 12px;background:#fff;text-align:left}
.col .blue,.col .red,.stb{height:36px;text-align:center;float:right;color:#fff;line-height:36px;font-size:17px;background:url(../images/stb.png) repeat-x}
.stb{width:12px;display:inline-block}
.stb.b{background-position:0 0}
.stb.r{background-position:0 -72px}
.col .blue{width:70px;background-position:0 -36px}
.col .blue.big{width:140px}
.col .blue.short{width:90px}
.col .red{width:58px;background-position:0 -108px}
.col img{padding:6px 0 0 0}
.col span{line-height:36px;padding:0 0 0 4px}
.sth{width:258px;height:38px;margin:-15px 0 0 18px;background:url(../images/sth.png) center no-repeat}
.sth b{color:#fff;line-height:40px;padding:0 0 0 10px;font-size:16px;text-transform:uppercase}
.col.one{margin-top:38px}

#content{min-height:400px}
#left_col{width:100%;max-width:600px;float:left;text-align:left;margin:0 0 0 85px}
#right_col{width:310px;float:right;margin:0 80px 0 0}

.ib{display:inline-block}
.fr{float:right}
.refr{cursor:pointer}
.cl{clear:both}
.cl.end{height:50px}
.tac{text-align:center}

/* right blocks */
.right_block{width:100%;max-width:300px;margin:50px 20px 10px 0;padding:0 0 20px 0;border:1px solid #f1f1f1;box-shadow:inset 0 -70px 150px #f7f7f7;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.right_block_bonus{width:300px;margin:0 20px 10px 0;border:1px solid #f1f1f1;box-shadow:inset 0 -70px 150px #f7f7f7;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.rb_head{height:39px;line-height:38px;font-weight:700;font-size:15px;color:#fff;margin:-23px 0 0 0;background:url(../images/rbh.png) center no-repeat}
.rb_cont{padding:20px 20px 0 20px}
.rb_cont_bonus{padding:10px 20px 10px 20px;text-align:center;line-height: 19px;}
.rb_cont.nws{padding-left:0}
.rb_cont p{text-align:left;margin:5px 0 5px 30px}
.right_block hr{width:150px;border:0;background:0;margin:15px auto;border-top:1px solid #e3e3e3}
.nwsh{border-bottom:1px solid #ddd;padding:0 0 5px 0;margin:0 0 5px 0}
.nwsh b{display:block}
.nwsh a{text-decoration:none}
.nwsh a:hover{text-decoration:underline}

/* left blocks */
#left_col h1{font-size:17px;display:block;margin:10px 0;}
#left_col h1 a{font-weight:normal;}
#left_col h2{font-size:17px;display:block}
#left_col h2 a{font-weight:normal;}
.cn_head{padding:10px 0 19px 0;background:url(../images/hs.jpg) center bottom no-repeat}
.cn_block{line-height:20px}
.cn_block p{margin:5px 0}

.list ul, ol{
	margin:0 0 1px;
}
.list ul li{
  line-height: 16px;
	list-style:none;
	clear: both;
  float: left;
	margin:0 0 4px -22px;
	padding:0 0 0 16px;
	background:url(../images/tick.png) no-repeat left 4px;
}
.list ol{
	list-style-type:decimal;
	margin:0 0 0 14px;
	padding:0 0 0 26px;
}

/* point blocks */
.point_block{display:inline-block;width:191px;height:221px;text-align:center;margin:10px 5px 10px 0;background:url(../images/point.jpg) center no-repeat}
.point_block p.a{color:#fff;height:58px;padding:22px 0 0 0}
.point_block p.a b{font-size:33px;display:block}
.point_block p.b{font-size:14px;height:35px;padding:11px 0 0 0}
.point_block .button{margin:15px 0 0 0}
.point_block input.button.blue.small{background: url(../images/nav.png) 0 -6px repeat-x;padding: 0 39px;height: 40px;display: inline-block;text-shadow: 1px 1px 1px #073387;}
.point_block input.button.blue.small:hover{background-position:0 -90px}

.point_block_bonus{display:inline-block;width:191px;height:272px;text-align:center;margin:10px 5px 10px 0;background:url(../images/point_bonus.jpg) center no-repeat}
.point_block_bonus p.a{color:#fff;height:58px;padding:22px 0 0 0}
.point_block_bonus p.a b{font-size:33px;display:block}
.point_block_bonus p.b{font-size:14px;height:35px;padding:11px 0 0 0}
.point_block_bonus p.c{height:35px;padding:12px 0 0 0;color:#800000}
.point_block_bonus .button{margin:15px 0 0 0}
input.button.blue.small{background: url(../images/nav.png) 0 -6px repeat-x;padding: 0 39px;height: 40px;display: inline-block;text-shadow: 1px 1px 1px #073387;}
input.button.blue.small:hover{background-position:0 -90px}

/* all jobs */
.job{width:590px;padding:0 0 15px 0;border-radius:4px;margin:15px 0 0 0;box-shadow:inset 0 -50px 100px #f7f7f7;border:1px solid #efeaea}
.j_head{padding:19px 0 24px 0;background:url(../images/hs.png) center bottom no-repeat}
.j_head .ib.fl.type .icons{margin:-2px 0 0 15px}
.j_head .type{width:210px}

/*.j_head .name{width:210px;white-space:nowrap;word-wrap:normal;padding:0 0 0 30px;overflow:hidden;text-overflow:ellipsis}*/

.j_head .name {
    padding: 0 0 0 24px;
    width: 180px;
    word-break: break-all;
    word-wrap: break-word;
}

.j_head .check{margin:-3px 16px 0 0}
.job .buts{margin:9px 16px 0 0}
.job .buts .abuse{margin:0 10px 0 0}
.addjob{margin:40px auto 0 auto}
.price{background:#59BA1C;border-radius:5px;color:#fff;padding:2px 7px 1px 7px}

/* my jobs */
.p-campaign img {margin:4px 5px -3px;}
.j_icon {margin: -2px 0 0 -4px;}
.j_id{background:#57bb1b;padding:2px 15px;color:#fff;margin:10px 0 0 0;font-size:14px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.j_body{padding:20px 0 0 30px}
.j_body p{margin:5px 0}
.j_name{color:#0f9922}
.p_b{width:300px;background:#fff;margin:7px 0 7px 0;border:1px solid #ddd;border-radius:5px;padding:10px 7px 7px 15px}
.p_b .check{margin:-3px 0 0 0}
.j_bb{margin:10px 0 0 0}
.j_bb .smb{margin:0 0 0 7px}
.j_bb .smb.st{}
.j_bb .smb.big{width:159px}
.j_bb span{display:inline-block;width:65px;line-height:28px}
.addmyjob{margin:20px 0 0 0}
.add-job-block, .text-block {margin:0 0 12px; line-height: 20px;}
.add-job-block-lh {line-height: 31px;}

/* pages */
.pages{margin:10px 0}
.p{display:inline-block;font-size:12px;padding:0px 8px;margin:2px 0;border-radius:4px}
.pages a.p{color:#000;text-decoration:none}
.p.act,.pages a.p.blue{background:#2f72c5;color:#fff}
.pages a.p:hover,.p.blue:hover{background:#458adf;color:#fff}

/* foot */
#foot{height:90px; border-top: 1px solid #DDDDDD;}
#foot .fl{margin:15px 0 0;text-align:center}
#foot .fr{margin:25px 40px 0 0}
#foot ul{list-style:none;text-align:center;margin:25px 0 0;padding-left: 0;}
#foot ul li{display:inline-block;padding:0 7px}

/* ����������� ���� */
#easyTooltip{
	width:345px;
	padding:8px;
	background:#fcfcfc;
	border:1px solid #1E90FF;
	font:12px/20px arial;
}
#easyTooltip img{
  background:#fff;
  padding:1px;
  border:1px solid #1E90FF;
  float:left;
  margin-right:10px;
}

.comment-answer {
  display: none;
}

/* extra */
.warning{width:544px;margin:16px 0 0 0;padding: 12px 18px 12px 28px;border-radius:4px;box-shadow:inset 0 -50px 100px #f7f7f7; color:#ff0000; border:1px solid #ff0000}
.warning_main{width:500px;margin:10px auto 0;float:none;padding: 12px 18px 12px 28px;border-radius:4px;box-shadow:inset 0 -50px 100px #f7f7f7; color:#ff0000; border:1px solid #ff0000;text-align:center;}
.good{width:544px;margin:0 0 10px;padding: 12px 18px 12px 28px;border-radius:4px;box-shadow:inset 0 -50px 100px #f7f7f7; color:green; border:1px solid green}

/* popup arctic*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(../images/arctic_loading.gif) no-repeat 50% 50%; }

.box-modal {
	position: relative;
	text-align: left;
	width: 800px;
	padding: 16px;
	background: #fff;
	color: #3c3c3c;
	font: 13px/20px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
}
.box-modal a {
  color: #0A87BA;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }

/* elements */
.table
{
  font:14px/21px arial;
	color:#002432;
	margin:0 0 24px;
}

.table-box
{
	background: #ffffff;
	border: 1px solid #C0C0C0;
	margin: 10px;
	padding: 8px;
	vertical-align: top;
}

.table-box-minimal
{
	vertical-align: top;
}

textarea {
  margin: 0 0 8px 0;
  padding: 6px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  font-family: arial;
  height:70px;
}

input, button[type=submit]:not([class]) {
  margin: 0 0 8px 0;
  padding: 6px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  font-family: arial;
}

input[type=submit], button[type=submit] {
  cursor: pointer;
}

#full {
  display: block; 
  font-family: inherit;
  font-size: 1em;
}

hr {
  color: #E5E5E5;
  background-color: #E5E5E5;
  height: 1px;
  border-width: 0px;
}

.dashed {text-decoration: none; border-bottom: 1px dashed;}

.error p {margin: 10px; overflow: hidden;}

p {margin: 10px; overflow: hidden;}

p a {
  color: #0A87BA;
}

.welcome{
  font-size: 15px;
	display: inline-block;
  text-align: left;
  padding: 9px 0 10px 20px;
  border-radius: 5px;
  margin: 7px 0 0 3px;
  width: 220px;
  background: #f7f7f7;
}

.reg_bonus{
  color: #8B0000;
  font-size: 15px;
  display: inline-block;
  text-align: left;
  padding: 9px 0 0 20px;
  margin: 60px 0 0 -240px;
  width: 220px;
}

.hide_blc
{
  display: none;
}

.adult {
  color: red;
  float:left;
  font-size: 13px;
  margin:9px 0 0 15px;
}
.adult img{
  margin:-8px 0 0 2px;
}

.check_success {
  color: green;
  float:left;
  font-size: 13px;
  line-height: 17px;
  margin:9px 0 0 17px;
}
.check_success img{
  height: 22px;
  width: 22px;
  margin:-6px 0 0;
}

.check_fail {
  color: red;
  float:left;
  font-size: 13px;
  line-height: 17px;
  margin:9px 0 0 17px;
}
.check_fail img{
  height: 24px;
  width: 24px;
  margin:-3px 0 0;
}

.check_processing {
  clear:both;
  color: #265f9b;
  float:left;
  font-size: 13px;
  line-height: 17px;
  margin:9px 0 0 21px;
}
.check_processing img{
  height: 11px;
  width: 16px;
  margin:2px 0 0 5px;
}

.check_red {
  color:red;
  float:left;
  font-size: 13px;
  line-height: 17px;
  margin:9px 0 0 21px;
}

/* news */
.info-post-news span{
	float:left;
	display:block;
	height:40px;
}

.info-post-news{
	height:40px;
	width:544px;
	color:#0a87ba;
	font:12px/40px arial;
}

.time{
	padding:0 2px 0 23px;
	background:url(../images/icon.png) no-repeat left;
}
.views{
	padding:0 1px 0 23px;
	margin:0 0 0 8px;
	background:url(../images/icon.png) no-repeat -312px center;
}


/* comments */
.comments-tabs {
  border-top: 1px solid #DDDDDD;
}

.tab-content {
}

.comments-tabs input[type="text"]{
	border:1px solid #e3e0e0;
	height:30px;
	padding:0 16px;
	width:135px;
	font:13px arial, sans-serif;
	margin:0 0 8px;
	clear:both;
	display:block;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.comments-tabs textarea{
	border:1px solid #e3e0e0;
	height:111px;
	padding:10px 0 0 16px;
	width:376px;
	clear:both;
	font:13px arial, sans-serif;
	margin:0 0 8px;
	display:block;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.comments-tab-selected{
	color:#257690;
	font:19px arial, sans-serif;
}
.comments-tab-selected {
  cursor: pointer;
  float: left;
  margin:26px 38px 26px 0;
  position: relative;
}

.comment-answer {
  display: none;
}

.button-comments {
  text-align: center;
}

.button-comments input {
  cursor: pointer; 
  display: inline-block;
}

#comments-upBlock {
  margin-top: 10px;
  display: none;
}

#comments-upBlock {
  margin-top: 10px;
  display: none;
}

.myForm textarea {
  margin: 0 0 8px 0;
  padding: 6px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  font-family: arial;
  height:70px;
}

.myForm input {
  margin: 0 0 8px 0;
  padding: 6px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  color: #333;
  font-family: arial;
}

.myForm input[type=submit] {
  cursor: pointer;
}

.comment-b a{
	color:#6EB3C2;
	font:13px/28px arial;
	text-decoration:none;
}
.comment-b{
	clear:both;
	position:relative;
	padding:10px 0 10px 18px;
	margin: 0 0 1px 0;
	overflow:hidden;
	min-height:75px;
	color:#002432;
	font:13px/28px arial;
	border:1px solid #eaeaea;
}
.t-m{
	display:block;
	padding:0 10px 5px 0;
	color:#002432;
	font:13px/18px arial;
}
.n-o{
	display:block;
	color:#002432;
	padding:0 0 5px;
	font:13px/28px arial;
}
.n-o a{
	font:13px/28px arial;
}
.d-m{
	color:#808080;
	text-decoration: none;
	font:13px/28px arial;
}
.d-m a{
	color:#6EB3C2;
	text-decoration: none;
	font:13px/28px arial;
}
.d-m a:hover{
	color:#6EB3C2;
	text-decoration: underline;
	font:13px/28px arial;
}
.left-com-b{
	float: left;
  width: 580px;
}

.upload-preview {
    width: 200px;
    border-right: 1px solid #cecece;
}

.upload-preview img {
    max-width: 100%;
    vertical-align: top;
}

.upload-preview .jq-file {
    display: none !important;
}

.upload-preview button {
    width: 100%;
    border: 0;
    border-top: 1px solid #b5b5b5;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    background: #dfdfdf;
}

#complaint-modal-alert {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    display: none;
    margin-bottom: 8px;
}

#complaint-modal-form textarea {
    margin-bottom: 10px;
    display: block;
}

#complaint-modal-alert.success {
    background: #a1ff75;
}

#complaint-modal-alert.error {
    background: #ffbdb7;
}







.block-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.block-table > * {
    display: table-cell;
}


.audience-block {
    padding: 10px;
    color: #ffffff;
    font: 14px verdana,tahoma,arial,sans-serif;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23abd3+0,197dbb+100 */
    background: #23abd3; /* Old browsers */
    background: -moz-linear-gradient(top,  #23abd3 0%, #197dbb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #23abd3 0%,#197dbb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #23abd3 0%,#197dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23abd3', endColorstr='#197dbb',GradientType=0 ); /* IE6-9 */
}

.audience-block span {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    vertical-align: baseline;
}

.geotargeting-button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 7px;
    padding: 6px 15px;
    background: #07435D;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all linear 0.3s;
}

.geotargeting-button:hover {
    background: #0b668e;
}

.geotargeting-button.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#geotarget-block {
    padding: 0 10px 7px;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    display: none;
    font-size: 11px;
    color: #535353;
    background: #fafafa;
    border-top-left-radius: 0;
}

.geotargeting-field {
    margin-bottom: 8px;
    text-align: left !important;
    font-family: verdana,tahoma,arial,sans-serif;

}

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


.geotargeting-field:last-child {
    margin-bottom: 5px;
}

.geotargeting-field > label {
    line-height: 18px;
}

.geotargeting-field .block-table > *:first-child {
    padding-right: 10px;
}

.geotargeting-field .block-table > *:last-child {
    padding-left: 10px;
}

.geotargeting-field .jq-selectbox, .geotargeting-field .select {
    width: 100% !important;
}

.geotargeting-field .select2-selection--multiple {
    padding: 0 0 4px;
    line-height: 23px;
}

.geotargeting-field .select2-selection--multiple input {
    padding: 0 0 4px;
    line-height: 23px;
    margin-bottom: 0 !important;
}

.geotargeting-field .select2-selection__choice {
    background: #07435D !important;
    color: #FFFFFF;
    border: 0 !important;
}

.geotargeting-field .select2-selection__choice__remove {
    color: #c7c7c7 !important;
}

.geotargeting-field-label {
    background: #e4e4e4 none repeat scroll 0 0;
    display: block;
    font-weight: bold;
    margin-bottom: 9px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 4px 10px;
    line-height: 18px;
}

.geotargeting-input-wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;

}

.geotargeting-input-wrapper > * {
    display: table-cell;
    vertical-align: middle;
}

.geotargeting-input-wrapper > span {
	background-color: #eee;
	border: 1px solid #ccc;

	text-align: center;
	width: 20%;
}

.geotargeting-input-wrapper > span:first-child {
	border-right: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.geotargeting-input-wrapper > span:last-child {
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.geotargeting-input-wrapper > div > input {
    margin-bottom: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

.geotargeting-input-wrapper input, .geotargeting-input-wrapper .select2-selection {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#campaign-type-description {
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    display: none;
    font-size: 11px;
    color: #535353;
    background: #fafafa ;
    margin: 7px 0;
}


.select2-results__option {
    font-size: 12px;
}

.select2-results__group {
    font-weight: bold;
}

.campaign-add-field {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #e5e5e5;
}

.campaign-add-field * {
    box-sizing: border-box;
}

.campaign-add-field .jq-radio {
    box-sizing: content-box;
}

.campaign-add-field *, .select2-container {
    font-family: verdana,tahoma,arial,sans-serif;
}

.campaign-add-field > div {
    display: table-cell;
    vertical-align: top;
    padding: 15px 10px;
    font: 13px/18px verdana,tahoma,arial,sans-serif;
}

.campaign-add-field-label {
    color: #a4a4a4;
    width: 215px;
    line-height: 29px !important;
    padding-left: 0 !important;
}

.campaign-add-field-value {
    padding-right: 0 !important;
}

.campaign-add-field-value input {
    width: 100%;
}

.campaign-add-field-value input:last-child {
    margin-bottom: 0;
}

.campaign-warning {
    background: #ba0000;
    color: #FFFFFF;
    padding: 10px;
    padding-left: 37px;
    font: 11px/18px verdana,tahoma,arial,sans-serif;
    position: relative;
    margin-bottom: 15px;
}

.campaign-warning:before {
    content: '!';
    position: absolute;
    left: 14px;
    top: 50%;
    font-size: 30px;
    line-height: 1;
    margin-top: -15px;
    font-weight: bold;
}


.campaign-price-block {
    font-size: 0;
    text-align: justify;
    margin-bottom: 5px;
}

.campaign-price-block:last-child {
    margin-bottom: 0;
}

.campaign-price-block:after {
    display: inline-block;
    width: 100%;
    content: '';
}

.campaign-price-block > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.campaign-price-label {

}

.campaign-price-badge {
    padding: 2px 5px;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    background: #16a500;
    font-size: 13px;
}

.campaign-price-badge.gray {
    background: #9e9e9e;
}


/*  CAMPAIGNS ERRORS    */
.campaign-errors {
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c40000+0,aa0303+100 */
    background: #c40000; /* Old browsers */
    background: -moz-linear-gradient(top,  #c40000 0%, #aa0303 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #c40000 0%,#aa0303 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #c40000 0%,#aa0303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40000', endColorstr='#aa0303',GradientType=0 ); /* IE6-9 */

    color: #fff;
    font: 12px/18px verdana,tahoma,arial,sans-serif;
    display: none;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.campaign-errors:before {
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -90px;
    content: '\00D7';
    color: #ffffff;
    opacity: 0.8;
    font-size: 160px;
    line-height: 160px;
}

.campaign-errors span {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
}

.campaign-errors ul {
    list-style: decimal;
    margin: 0;
    display: inline-block;
    text-align: left;
    padding: 0;
}

.campaign-errors ul li {
    margin-left: 15px;
}


/*  ICONS   */

.icons {
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/icons-sprite.png");
    background-repeat: no-repeat;
}

.icons.icon-user {
    width: 24px;
    height: 24px;
    background-position: 0 0;
}

.icons.icon-hand {
    width: 24px;
    height: 24px;
    background-position: -24px 0;
}

.icons.icon-order {
    width: 24px;
    height: 24px;
    background-position: -48px 0;
}

.icons.icon-exit {
    width: 24px;
    height: 24px;
    background-position: -72px 0;
}

.icons.icon-speaker {
    width: 24px;
    height: 24px;
    background-position: -96px 0;
}

.icons.icon-view {
    width: 24px;
    height: 24px;
    background-position: -222px 0;
}

.icons.icon-ok {
    width: 24px;
    height: 24px;
    background-position: -120px 0;
}

.icons.icon-fail {
    width: 24px;
    height: 24px;
    background-position: -144px 0;
}

.icons.icon-success {
    width: 24px;
    height: 24px;
    background-position: -168px 0;
}

.icons.icon-question {
    width: 16px;
    height: 16px;
    background-position: -192px 0;
}

.icons.icon-refresh {
    width: 14px;
    height: 14px;
    background-position: -208px 0;
}



/* Datepicker
----------------------------------*/
.ui-datepicker { width: 18em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#ui-datepicker-div {
	background-color: #ffffff;
	border: 4px solid #aaaaaa;
	display: none;
	z-index: 999;
	
	color:#333333;
  font-family:verdana, tahoma, arial, sans-serif;
  font-size:14px;
  word-spacing:2px;
}
.ui-datepicker-prev, .ui-datepicker-next { cursor:pointer }
.ui-datepicker-month { width: 82px !important }
.ui-datepicker-year { width: 59px !important }
/*.ui-datepicker-calendar {
	width: 15.5em;
	text-align: right;
}*/
.ui-datepicker-calendar td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background-color: #e6e6e6;
	cursor: pointer;
	border: 1px solid #ffffff;
}
.ui-datepicker-calendar td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background-color: #dadada;
}
.ui-datepicker-calendar td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background-color: #ffffff;
}
.ui-datepicker-calendar select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #FFFFFF;
}
.ui-state-active { color: #FF0000 !important }
.ui-state-highlight { color: #0000CC !important }
.ui-datepicker th { padding:5px 0 !important }
.ui-datepicker td { padding: 0px !important }

.YaproClock { width: auto !important; margin-left:21px !important }
.YaproClock TD { padding: 2px !important }
.YaproClock select { border: 1px solid #d3d3d3 }
.datepickerYaproOK { width: 35px; text-align: center; border: 1px solid #CCCCCC; font-size: 13px; cursor: pointer; }
/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 1080px) {
#right_col {
    margin: 0 55px 0 0;
}
#left_col {
    margin: 0 0 0 60px;
}
}
@media only screen and (max-width : 1030px) {
#right_col {
    margin: 0 25px 0 0;
}
#left_col {
    margin: 0 0 0 30px;
    max-width: 560px;
}
}
@media only screen and (max-width : 1024px) {
#stat > .ib {
    margin: 0 10px;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.footer-text ul{
margin: 10px 0 10px 20px!important;
}
  #right_col {
    margin: 0 0px 0 0;
}
#left_col {
    margin: 0 0 0 0px;
    max-width: 55%;
}
  #content {
    padding: 0 15px;
}
  body{
    overflow-x: hidden;
  }
  #stat {
    height: 100%;
    background-size: cover;
        padding: 1px 0 15px;
}
#stat > .ib:nth-child(1){
      display: block;
    margin: 0 auto 40px;
    width: 297px;
}

  .footer-text p {
    margin: 5px 25px 0 25px;
}
  #main_last p{
    width: 203px;
  }
  .trg {
    width: 194px;
}
  .welcome-text{
    margin: 20px 0 0 0px;
  }
  #stat > .ib {
    margin: 0 10px;
}
#nav {
    margin: 15px 10px 0 0;
    }
#nav ul{
  padding-left: 0;
}
#logo img {
    margin: 36px 0 0 15px;
    width: 150px;
 }
 #nav ul li a{
  padding: 0 10px;
 }
 #main_top > p {
    max-width: 550px;
    width: auto;
 }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.warning_main{
width: 100%;
padding: 15px 0;
}

    #right_col {
      float: none;
      display: block;
    margin: 0 auto 0;
}
#left_col {
    margin: 0 0 0 0px;
    max-width: 100%;
    float: none;
}
.trg {
    width: 185px;
}
.trg:nth-child(3) + .trs{
  display: none;
}
#main_last p {
    width: 180px;
}
#stat > .ib {
    margin: 10px 10px;
}
#logo img {
    margin: 36px 0 0 15px;
    width: 100%;
}
#nav ul li a:hover{
  color: #000;
}
#nav ul li a{
  background: none;
}
#nav ul li{
  display: block;
  text-align: right;
}
#nav ul li:last-child a {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#nav ul li:first-child a {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#nav {
    margin: 15px 15px 0 0;
    background-color: #fff;
    width: 180px;
    position: absolute;
    padding: 0 20px 10px;
    right: 0;
    z-index: 2;
    top: 50px;
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,.5);
    display: none;
}
.nav-mobile{
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  margin: 34px 15px 0 0;
  background-image: url(../images/menu_2x.png);
  float: right;
}
#foot ul{
  padding-left: 0;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.trs{
  display: none;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.nav-mobile{
  display: none;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* дополнение */
@media only screen and (max-width: 1200px){  
#nav ul {  
    padding-left: 0;  
    margin: 11px 0 0 !important;  
}  
}  
@media only screen and (max-width: 992px){  
#nav ul {  
    padding-left: 0;  
    margin: 11px 0 0 !important;  
}  
}  
@media only screen and (max-width: 480px){    
#content .footer-text ol{      
    font-size: 13px;      
    line-height: 140%;      
    margin: 0 0px 10px 0px !important;      
    text-align: left;      
    padding-left: 10px;      
    width: 100%;
}    
}

@media only screen and (max-width: 480px){    
#foot { 
    height: 125px !important; 
} 
#foot ul { 
    margin: 15px 0 0 !important; 
} 
#foot ul li { 
    display: inline-block; 
    padding: 0 12px; 
    width: 50%; 
    box-sizing: border-box; 
    margin-bottom: 10px; 
} 
#foot ul li { 
font-size: 16px !important; 
} 
} 

#content .footer-text ol{ 
margin: 10px 125px !important; 
}