@import url("/template/fonts/ubuntu/ubuntu.css");
@import url("/template/fonts/ptserif/ptserif.css");
@import url("/template/fonts/roboto/roboto.css");

@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }

html {}
body { background-color: #e2e2e2; overflow-y: scroll; -webkit-animation: fade-in 0.1s ease-out; -moz-animation: fade-in 0.1s ease-out; -o-animation: fade-in 0.1s ease-out; animation: fade-in 0.1s ease-out; }

.new-year{
	background: url("../images/header/bg.svg") no-repeat fixed left, url("../images/header/bg.svg") no-repeat fixed right, linear-gradient(180deg, rgba(0,156,244,1) 0%, rgba(103,0,184,1) 100%) no-repeat fixed top;
	background-size: auto, auto, 100%;
	height: 100%;
}

/* Верстка */
#layout_inner { width: 100%; height: 100%; }
#layout { position: relative; width: 1248px; margin: 0 auto; min-height: 100%; height: auto; }

#overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0, 0, 0, 0.24); }
#inner { background: #fff; min-height: 100%; width: 100%; box-sizing: border-box; padding: 24px 24px 0 96px; display: inline-block; }
#inner:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: -1; }
#footer { background-color: #f3f3f4; width: 100%; box-sizing: border-box; padding: 24px 24px 24px 97px; position: absolute; bottom: 0; height: 318px; }





/* Меню */
#navbar { top: 0; bottom: 0; width: 74px; z-index: 99991; position: absolute; border-right: 1px solid #bbbdbf; border-left: 1px solid #bbbdbf; box-sizing: border-box; }

#nav_panel { background: #f2f2f2; position: absolute; top: 0; bottom: 0; }
#nav_panel a.nav_item { display: block; width: 72px; height: 73px; background-repeat: no-repeat; text-align: center; line-height: 71px; border-bottom: 1px solid #bbbdbf; position: relative; text-decoration: none; z-index: 10; box-sizing: border-box; }

#scrollUp { position: absolute; top: 198px; bottom: 0; left: 0; right: 0; z-index: 5; display: none; }
#scrollUp.H {  }
#scrollUp:after { content: ""; width: 30px; height: 30px; position: absolute; left: 21px; top: 50%; margin-top: -15px; }

#nav_tabs { position: absolute; left: 73px; width: 234px; top: 0; bottom: 0; overflow: hidden; background: #f1f1f2; box-shadow: inset 5px 0 3px -5px rgba(0, 0, 0, 0.1); box-sizing: border-box; display: none; }
#nav_tabs div.title { color: #1f2336; font-size: 19px; padding: 15px 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#nav_tabs div.menu {  }

#nav_tabs div.menu a { display: block; position: relative; }
#nav_tabs div.menu a div { display: block; color: #808184; font-size: 16px; letter-spacing: 1px; padding: 10px 24px; text-decoration: none; position: relative; }

#nav_tabs div.menu a:hover:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0px; left: 0; background-color: #00a69c; }
#nav_tabs div.menu a:hover div { color: #fff; }
#nav_tabs div.menu a:hover div:before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: rgba(0,0,0,0); }

#nav_tabs div.menu a.SEL:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0px; left: 0; background-color: #00a69c; }
#nav_tabs div.menu a.SEL div { color: #fff; }
#nav_tabs div.menu a.SEL div:before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: rgba(0,0,0,0); }



#nav_tabs_cont { position: absolute; left: 294px; min-height: 100px; border: 1px solid #bbbdbf; background: #fff; box-sizing: border-box; padding: 14px 18px; display: none; font-family: Ubuntu; font-size: 18px; }
#search_tabs_cont { position: absolute; left: 73px; width: 1174px; height: 73px; min-height: 90px; background: #fff; box-sizing: border-box; padding: 21px 24px; display: none; border-bottom: 1px solid #a7a7a7; }

a.siteLogoCube { background: url(/images/site_logo_cube.svg) no-repeat scroll 0 0 #fff; }

@media screen and ( min-width: 1266px ) and (min-height: 500px) {
	#navbar { position: fixed; }

	#scrollUp:after { background: url(/template/images/icon/ico_arrow_up_blue.svg) no-repeat center center; opacity: 0.6; }
	#scrollUp.H:after { background: url(/template/images/icon/ico_arrow_up_blue.svg) no-repeat center center; opacity: 1; }
}

/* Стили остального */
a.SKBtn {
	display: inline-block;
	position: relative;
	height: 36px;
	box-sizing: border-box;
	font-family: Verdana;
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	padding: 3px 16px;
	background-color: #088e8b;
	border-radius: 5px;
	border: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.SKBtn:hover { opacity: 0.9; }
a.SKBtn.Orange { background-color: #f6921e; }
a.SKBtn.Blue { background-color: #5aabc0; }
a.SKBtn.LOAD:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/images/ajax-loader.gif) no-repeat scroll center center #fff; border: 1px solid #00a69c; border-radius: 6px; }
a.SKBtn.GrayBorder {
	height: 36px;
	color: #808184 !important;
	font-size: 12px;
	line-height: 33px;
	background-color: #fff;
	border: 1px solid #808184;
	padding-top: 1px;
}
a.SKBtn.GrayBorder:hover { border: 1px solid #231f20; color: #231f20 !important; opacity: 1; }
.SKBtn.Gray { width: 324px; height: 42px; box-sizing:border-box; font-family: Verdana; font-size: 18px; text-align: center; background-color: #f1f1f2; padding-top:8px; cursor:pointer; }
.SKBtn.Gray:hover {opacity:0.8;}

img.imgBtn { opacity: 0.3 }
img.imgBtn:hover { opacity: 1 }

.verdana { font-family: Verdana,sans-serif; }
.ubuntu { font-family: Ubuntu,Verdana,sans-serif; }
.ubuntuMedium { font-family: UbuntuMedium,Verdana,sans-serif; }
.ubuntuBold { font-family: UbuntuBold,Verdana,sans-serif; }
.ptserif {font-family: PT Serif,Verdana,serif;}
.robotoThin {font-family: Roboto,Arial,Verdana,serif;font-weight:100;}
.robotoLight {font-family: Roboto,Arial,Verdana,serif;font-weight:300;}
.roboto {font-family: Roboto,Arial,Verdana,serif;font-weight:400;}
.robotoBold {font-family: Roboto,Arial,Verdana,serif;font-weight:bold;}
.robotoBlack {font-family: Roboto,Arial,Verdana,serif;font-weight:900;}
.robotoSlab {font-family: 'Roboto Slab',Roboto,Arial,Verdana,serif;font-weight:400;}
.robotoSlabBold {font-family: 'Roboto Slab',Roboto,Arial,Verdana,serif;font-weight:bold;}
.robotoCondensed {font-family: 'Roboto Condensed',Roboto,Arial,Verdana,serif;font-weight:400;}
.robotoCondensedBold {font-family: 'Roboto Condensed',Roboto,Arial,Verdana,serif;font-weight:bold;}

.linearGradient:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.linearGradient.H:before { background: none !important; }

.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; }

.noSelect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.noDrag { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; }
img.CCAPCHA { cursor: pointer; }
div.formHead { color: #969696; font-size: 12px; }

div.myTable { display: table; }
div.myTable div.tr { display: table-row; }
div.myTable div.tr div.td { display: table-cell; vertical-align: top; padding: 0 0 18px 0; }
div.myTable div.tr div.td input.text { border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; height: 28px; padding: 3px 10px; width: 100%; }

fieldset {  }
fieldset legend { font-family: Ubuntu,Verdana,sans-serif; }

.hint { display: inline-block; cursor: help; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: super; color: #999; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; font-size: 11px; line-height: 12px; width: 12px; height: 12px; margin-left: 4px; }
.hint:before { content: '?'; }
.hint:hover { background-color: #28b473; color: #fff; border: 1px solid #28b473; }

img.viewGray { position:relative; background: url(/template/images/icon/ico_view.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 14px; height: 14px; vertical-align: middle; top:2px;}
img.viewWhite { background: url(/template/images/icon/ico_view_white.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 14px; height: 14px;  }
img.commentGray { background: url(/template/images/icon/ico_comment.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 12px; height: 12px; vertical-align: middle;}
img.commentWhite { background: url(/template/images/icon/ico_comment_white.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 12px; height: 12px; vertical-align: middle;}

#err { position: absolute; color: red; z-index: 5; }

.LOAD>div {
    margin: 0 auto;
}

.LOAD>div>span {
    display: none;
}

div.newsContent { font-family: Roboto,Arial,Verdana,serif; font-size: 16px; line-height: 28px; color: #231f20; }
div.newsContent p, div.newsContent div { margin-bottom: 15px; }
div.newsContent blockquote { position: relative; font-size: 17px; font-weight: 300; margin: 42px 0 42px 120px; padding: 0 !important; color: #231f20; line-height: 32px; }
div.newsContent blockquote:before { content: ''; position: absolute; background: url(/template/images/icon/ico_quote.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 42px; left: -57px; top: 8px; height: 30px; }
div.newsContent img { margin: 12px 0 6px 0; }
div.newsContent ul { margin: 0 0 0 66px; }
div.newsContent ul li { position: relative; margin: 13px 0; }
div.newsContent ul li:before { content: ''; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiPjxjaXJjbGUgZmlsbD0iI0JCQkRCRiIgY3g9IjMiIGN5PSIzIiByPSIzIi8+PC9zdmc+) no-repeat center center; width: 6px; height: 6px; left: -13px; top: 12px; }
div.newsContent ol { margin: 0 0 0 66px; counter-reset: myCounter; }
div.newsContent ol li { list-style: none; position: relative; margin: 13px 0; }
div.newsContent ol li:before { counter-increment: myCounter; content: counter(myCounter)'.'; color: #bbbdbf; font-weight: bold; font-size: 18px; display: inline-block; text-align: center; margin: 5px 10px; }
div.newsContent h3 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 12px; color: #231f20; }
div.newsContent h6 { margin: 0 0 0 0; font-size: 10px; line-height: 14px; color: #808184; font-weight: normal; }
div.newsContent img.PollWidget { background: url(/template/images/icon/ico_pull.svg) no-repeat center center; width: 32px; height: 16px; margin: 0; }

/* ИНЖЕКТЫ { */
div.newsContent img.injectNews { background: url(/template/images/icon/ico_news_inject.svg) no-repeat center center; width: 51px; height: 17px; margin: 0; box-sizing: border-box; }

div.newsContent div.injectNewsLeft { clear: both; float: left; width: 264px; border-bottom: 2px solid #bbbdbf; margin: 7px 36px 24px 0; background-color: #f3f3f4; position: relative; z-index: 1; padding-bottom: 22px; box-sizing: border-box; }
div.newsContent div.injectNewsLeft div, div.newsContent div.injectNewsLeft img { margin: 0; }

div.newsContent div.injectNewsRight { clear: both; float: right; width: 264px; border-bottom: 2px solid #bbbdbf; margin: 7px 0 24px 36px; background-color: #f3f3f4; position: relative; z-index: 1; padding-bottom: 22px; box-sizing: border-box; }
div.newsContent div.injectNewsRight div, div.newsContent div.injectNewsRight img { margin: 0; }

div.newsContent div.injectNewsBig { clear: both; width: 100%; background-color: #f3f3f4; border: none; border-bottom: 2px solid #bbbdbf; box-sizing: border-box; }
div.newsContent div.injectNewsBig div, div.newsContent div.injectNewsBig img { margin: 0; }
/* ИНЖЕКТЫ } */

.paginate{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}
.paginate .separator{
	color: #a8a8a8;
}
.paginate .active{
	padding: 5px 13px;
	color: #a8a8a8;
	border-radius: 20px;
	border: 1px solid #a8a8a8;
	text-align: center;
	cursor: pointer;
}
.paginate li{
	margin: 7px;
	font-size: 12px;
}
.paginate li a{
	padding: 8px 13px;
	color: #1386a5;
	border-radius: 20px;
	border: 1px solid #1386a5;
	text-align: center;
	cursor: pointer;
}
.pop {
	position: absolute;
	background: #F6F3E2;
	padding: 16px 20px;
	box-shadow: 0px 12px 44px -10px rgb(0 0 0 / 25%);
	top: 20px;
	left: 0;
	min-width: 200px;
	border-radius: 4px;
	z-index: 99999999;
	opacity: 0;
	transition: opacity 0.2s;
}
.pop.active {
	opacity: 1;
	transition: opacity 0.2s;
}
div.pop div {
	margin: 0;
}
div.pop__title, div.pop__text {
	margin: 0;
}
.pop__title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.pop__text {
	font-size: 14px;
}
.popup:hover {
	text-decoration: none;
	background-color: lightgrey;
	cursor: default;
}
.popup, .tooltip {
	border-bottom: 1px dashed #088e8b;
}
.tooltip {
	cursor: pointer;
}
.popup {
	position: relative;
}
.tool {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
	z-index: 9999999;
}
.tool__wrap {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	white-space: nowrap;
}
.tool__wrap:after {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
	content: '';
}
.tool__element {
	background: white;
	margin: 40px auto;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	position: relative;
	z-index: 10000000;
}
.tool__content {
	padding: 50px 30px 35px;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	max-width: 500px;
	min-width: 200px;
	align-items: center;
	white-space: pre-wrap;
}
.tool__title {
	font-size: 24px;
	font-weight: bold;
}
.tool__text {
	font-size: 18px;
	margin: 22px 0 32px;
}
a.tool__uri {
	background: #29A49A;
	color: white;
	text-decoration: none;
	padding: 12px 34px;
	font-size: 18px;
	border-radius: 60px;
}
.tool__close {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 18px;
	height: 18px;
	opacity: 0.3;
}
.tool__close:hover {
	opacity: 1;
}
.tool__close:before, .tool__close:after {
	position: absolute;
	left: 10px;
	content: ' ';
	height: 19px;
	width: 2px;
	background-color: #333;
}
.tool__close:before {
	transform: rotate(45deg);
}
.tool__close:after {
	transform: rotate(-45deg);
}