

/* Start:/staffing/brics/css/style.css?16104551635739*/
.bs-board .block .name{text-transform: none; padding-bottom: 3px}
.bs-board .block .img {    width: 172px;    height: 172px;}
.bs-board .block {  width: 172px;  margin: 0 15px;}
.b-roadmap-workgroup .block p,.workgroup-mob p{padding:0}
.b-roadmap-workgroup.bs-board{padding-top: 0}
.title b{display: block; margin-bottom: 5px;}
.b-roadmap-workgroup .block p.wg-item,.workgroup-mob p.wg-item{font-size:12px;margin-bottom: 10px;}
.b-roadmap-workgroup .block p span,.workgroup-mob p span{font-size: 14px; font-weight: bold; padding-bottom: 4px;}
.b-roadmap-workgroup .block p b,.workgroup-mob p b{display: block; color: #6a6a6a}
.main_clipart .b-grey {background-image: url(/staffing/brics/css/../img/brics_bg.jpg) }
.main_clipart h1{background: url(/staffing/brics/css/../img/brics_h1.png) no-repeat 50% 140px}
.logos{position: relative; top: 435px; text-align: center;}
.logos a{display: inline-block; margin: 0 42px; }
.number_list-item {padding: 5px 0 20px 50px; background: url(/bitrix/templates/NewAsiDesign/img/lim1.png) no-repeat 0 0; }
.pencil{background:url(/bitrix/templates/NewAsiDesign/img/karr0.jpg) no-repeat 0 0; width:79px; height: 397px; position:absolute; right:-80px; top:20px}
.tasks h2 {background: url('/bitrix/templates/NewAsiDesign/img/big-line.png') 20px  100% no-repeat; padding-bottom: 9px; }
.number_list-item.item-second {background-image: url(/bitrix/templates/NewAsiDesign/img/lim2.png); }
.number_list-item.item-third {background: url(/bitrix/templates/NewAsiDesign/img/lim3.png) no-repeat -4px 0; }
.number_list-item.item-fourth {background-image: url(/bitrix/templates/NewAsiDesign/img/lim4.png); }
.number_list-item.item-fifth {background-image: url(/bitrix/templates/NewAsiDesign/img/lim5.png); }
.number_list-item.item-sixth {background: url(/bitrix/templates/NewAsiDesign/img/lim6.png) no-repeat -4px 0; }
.number_list-item.item-seventh {background-image: url(/bitrix/templates/NewAsiDesign/img/lim7.png); }
.number_list-item.item-eighth {background-image: url(/bitrix/templates/NewAsiDesign/img/lim8.png); }
.cloud span{display:inline-block; vertical-align: top; }
.cloud span.s1{display:inline-block; vertical-align: top; line-height: 1.5em; }
#plan .b-grey {background-image: url(/staffing/brics/css/../img/plan1.jpg);}
#plan .text {width: 255px; text-shadow: 1px 1px 1px #000; color: #fff; }
#plan .text h4{font-size:20px; margin-bottom: 25px; margin-top: 40px;  padding-left: 10px;}
#plan h2{text-shadow: 1px 1px 1px #000; color: #fff; }
#plan .text ol{list-style-type: decimal; list-style-position: outside;}
#plan .text li{font-size: 14px; margin-top: 30px; padding-left: 10px; position: relative; }
#plan .text li:first-child{margin-top:0}
#plan .text li strong{font-weight: 500; }
.tooltip{position: absolute; left: 271px; top: 0; background: #ee100f; padding: 20px; text-shadow: none; width: 238px; display: none; font-weight: 500;}
.tooltip:before{content: ""; position: absolute; left: -16px; top: 13px; border-right: 16px solid #ee100f; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.tooltip.long_tooltip{bottom: 0; top: auto;}
.tooltip.long_tooltip:before{bottom: 13px; top: auto;}
.tooltip.long_tooltip_middle{top: -130px;}
.tooltip.long_tooltip_middle:before{top:45%}
#plan .text li:hover .tooltip{display: block;}
.plan_year{float:right; display:block;}
.docs ul li {padding-left: 35px; background: url(/bitrix/templates/NewAsiDesign/img/skrp2.png) 0 0 no-repeat; padding-bottom: 15px; line-height: 1.2; font-size: 14px; display: inline-block; margin-left: 120px; }
.docs ul li:first-child{margin-left:0;}
#plan{padding-bottom: 70px;}
#asi {padding-top:40px;}
div.clock{background-position: 50% 160px!important;margin-top: 80px;}
div.clock .item{border-color: #d4d3d3}
div.clock .item i{font-size: 60px;color: #0271b9;width:150px;top: -50px;position: absolute;display: block;text-align: center;}
div.clock .item i:before{background: #fff}
div.clock{height: 665px;}
.clock .item .title{display: table-cell; vertical-align: middle; height:157px; }
#item_81110 .cloud{width: 170px}
#item_81115 .cloud{width:400px}
.ifc-eco,.ifc-seminar{-webkit-text-stroke-width: .3px;}
@media only screen and (max-width:480px){
	.main_clipart{
		height: 210px;
	}
	.main_clipart h1{
		width: 290px;
		background-image: url(/staffing/brics/css/../img/brics_h1-mob.png);
		background-size: contain;
		background-position: 50% 45px;
		padding-top: 30px;
	}
	.logos{
		top:10px;
	}
	.logos a{
		max-width: 20%;
		margin: 0 1%
	}
	.docs ul li{
		margin-left: 0;
		display: block;
		padding-bottom: 30px;
	}
	.bs-board .block .title{
		min-height: 5.2em;
	}
	#plan{
		background: #333;
	}
	#plan .text{
		width: auto;
		margin-left: 15px;
	}
	#plan .text li{
		padding-left: 0;
	}
	#plan .text h4{
		margin-top: 0;
		padding-left: 0;
	}
	.tooltip{
		position: relative;
		left:0;
		width: auto;
		display: block;
		background: none;
		border:1px solid #6f6f6f;
		font-weight: 300;
		font-size: 12px;
		padding: 12px;
		margin-top: 20px;
		color: #bdbdbd;
	}
	.tooltip:before{
		border-bottom: 10px solid #6f6f6f;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-top:none;
		top:-10px;
		left:50%;
		margin-left: -5px;
	}
	.tooltip:after{
		position: absolute;
		border-bottom: 10px solid #333;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-top:none;
		top:-9px;
		left:50%;
		margin-left: -5px;
		content: ""
	}
	.bs-board .block{
		background: #fff
	}
	.bs-board .block .title{
		margin-bottom: 20px;
	}
	.tasks h2{
		background-size: contain;
		background-position: 0 100%;
	}
	div.clock{
		margin-top: 30px;
	}
	div.clock .item i{
		position: relative;
		top:0;
		width:40px;
		font-size: 44px;
		margin-bottom: 20px;
	}
	.clock .item .title{
		height: auto;
		display: block;
	}
}
/* End */


/* Start:/bitrix/components/asi/infographics.round/templates/.default/style.css?16104537354329*/
sub{
font-size:12px;
vertical-align: sub;
}
sup{
font-size:12px;
vertical-align: super;
}
.cont.models_scheme{
	padding-bottom: 0
}
.model_annotation{
	font-size: 16px;
	display: none;
}
.model_annotation.active{
	display: block;
}
.model_annotation h3{
	font-size: 27px;
	color: #0271b9;
	margin: 1em 0 0.5em;
}
.model_desc.with_icon{
	padding-left: 38px;
}
.model_desc > i{
	display: block;
	position: absolute;
	left: 0;
	font-size: 27px;
	color: #939393;
}
.model_annotation .name,
.group-leader{
	font-size: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	color: #0271b9;
}
.group-leader span{
	text-transform: none;
}
.model_annotation .post {
	font-size: 12px;
	line-height: 14px;
	color: #6a6a6a;
}
.model_annotation .name span {
	font-size: 16px;
	display: block;
	text-transform: none;
}
.model_annotation .col3{
	width: 26%;
	float: left;
	margin-bottom: 30px;
}
.grid-sizer{
	width:26%;
}
.gutter-sizer{
	width: 11%
}
.model_annotation .col3 h4{
	font-weight: bold;
	margin-bottom: 30px;
}

.model_annotation .phone {
	background: url(/regions/images/phone-icon.png) no-repeat 0 0;
	padding-left: 24px;
	min-height: 16px;
	margin: 10px 0 0;
}
.model_annotation .email {
	background: url(/regions/images/email-icon.png) no-repeat 0 3px;
	padding-left: 24px;
	min-height: 16px;
	margin: 10px 0 0;
}
.model_annotation .email+.name{
	margin-top: 30px;
}
.clock{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 970px;
	position: relative;
}
.clock .item{
	position: absolute;
	top:0;
	left: 322px;
	width: 148px;
	height: 148px;
	border-radius: 50%;
	border: 1px solid #818181;
	background: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.clock .item i{
	display: block;
	font-size: 44px;
	color: #939393;
	margin: 20px auto 10px;
}
.clock .item:hover i,
.clock .item.active i{
	color: #0072bd;
}
.clock .item:hover,
.clock .item.active{
	color: #0072bd;
	border-color: #0072bd;
}
.clock .item:hover:after,
.clock .item.active:after{
	background-color: #0072bd;
}


.clock .item.with_link i { color:#0072bd; }
//.clock .item.with_link:hover, .clock .item.with_link.active { 	border-color: #db242b; }

.clock .item.with_link:hover a *,
.clock .item.with_link.active a * {
	color: #db242b;
}

.clock .wrap .m {
	position: absolute;
	background: url(/investclimate/img/mark-w.png) no-repeat 0 0;
	width: 46px;
	height: 46px;
	display: block;
	z-index: 2;
}
.round-scheme_lightbox{
	width: 560px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -305px;
	background: #fff;
	border: 1px solid #ccc;
	color: #999;
	font-size: 16px;
	padding: 35px 15px 20px;
	border-radius: 20px;
	text-align: left;
	display: none;
	z-index: 9;
}
.round-scheme_lightbox .close {
	width: 23px;
	height: 23px;
	position: absolute;
	right: 6px;
	top: 6px;
	background: url(/bitrix/templates/NewAsiDesign/img/close-pop2.png) no-repeat 0 0;
	background-size: contain;
	cursor: pointer;
}
.item_descr{
	display: none;
}
.clock .item .cloud {
    display: none;
    padding: 30px;
    position: absolute;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    text-align: left;
    background: #fff;
  //  bottom: 130px;
    left: 50%;
    cursor: default;
    width: 300px;
    z-index: 99;
    color: #333;
min-height:30px; height:auto;
}
.clock .item:hover .cloud{
	display: block;
}
.clock .wrap .item:first-child .cloud,
.clock .wrap .item:last-child .cloud{
    left:auto;
    right:50%
}
.item .title{
	padding: 0 10px
}
@media only screen and (max-width:480px){
	div.clock{
		background: none!important;
		height: auto;
	}
	.round-scheme_lightbox{
		left:0;
		top:0;
		width:100%;
		margin:0!important;
		border-radius:0;
		box-sizing:border-box;
	}
	div.clock .item .cloud{
		width:auto!important;
		height: auto;
		top:-10px;
		bottom: auto;
		left:60px
	}
	.clock .item{
		position: relative;
		top:0!important;
		left:0!important;
		background: none;
		border: none;
		width: auto;
		height: auto;
		text-align: left;
		clear: both;
		font-size: 16px;
		margin-bottom: 20px;
		min-height: 50px
	}
	.clock .item i{
		float: left;
		width: 40px;
		margin-right: 20px;
		margin-top: 0;
	}
	.clock .item .title{
		font-size: 16px;
		margin-top: 15px;
		text-align: left;
	}
	.clock .wrap .m{
		display: none;
	}
	.model_annotation .col3 {
		width: auto;
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/news_block/style.css?161045456742*/
.bs-list-news .block .img{border-radius:0}
/* End */
/* /staffing/brics/css/style.css?16104551635739 */
/* /bitrix/components/asi/infographics.round/templates/.default/style.css?16104537354329 */
/* /bitrix/templates/.default/components/bitrix/news.list/news_block/style.css?161045456742 */
