* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Open Sans';
	color: #333;
	font-size: 14px;
}

input, textarea {
	font-family: 'Open Sans';
	color: #333;
}

h1 {
	color: #333;
	font-size: 34px;
	font-weight: 300;
	line-height: 45px;
}

a {
	color: #17a1e6;
}

ol {
	list-style-position: inside;
}

ul.unlist {
	list-style: none;
}

.c-policy {
	margin: 10px 0;
}

.page-wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.page-wrapper > section.main {
	width: 960px;
	margin: 0 auto;
}

.page-wrapper header.main {
	width: 100%;
	background: url(/image/design/header.jpg) no-repeat;
	background-size: cover;
	height: 365px;
	position: absolute;
	top: 0;
	z-index: -1;
}

.header-img-rating {
	display: block;
	margin-bottom: 5px;
}

div.top-block {
	max-width: 960px;
	margin: 10px auto 35px;
	padding: 0 25px 0 25px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 15px 50px rgba(155, 166, 141, 0.25);
}

div.top-block header {
	position: relative;
}

div.top-block header .logo,
div.top-block header .desc {
	display: inline-block;
	vertical-align: middle;
}

div.top-block header .logo {
	background: url(/image/design/logo.png) no-repeat;
	background-size: cover;
	width: 151px;
	height: 52px;
	margin-top: 18px;
}


div.top-block header .logo-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 320px;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

div.top-block header .techart-logo-img {
	padding-top: 30px;
}

div.top-block header .desc {
	width: 240px;
	margin-left: 23px;
	margin-top: 21px;
	padding-left: 25px;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	border-left: 1px solid #d9d9d9;
}

div.top-block header .right-block {
	position: absolute;
	right: 0;
	top: 19px;
}

div.top-block header .right-block .phone,
div.top-block header .right-block a {
	display: block;
}

div.top-block header .right-block .phone {
	color: #333;
	font-size: 14px;
	font-weight: 400;
}

div.top-block header .right-block a {
	padding: 7px 20px;
	margin-top: 5px;
	background-color: white;
	border: 2px solid #333;
	border-radius: 3px 4px 4px 3px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
}

div.top-block header .right-block a[href^=tel] {
	display: inline;
	padding: 0;
	border: none;
	vertical-align: top;
}

div.top-block header .right-block a:hover {
	box-shadow: 0 5px 25px rgba(155, 166, 141, 0.24706);
}

div.top-block header .right-block a:focus {
	box-shadow: 0 0 20px rgba(155, 166, 141, 0.24706);
}

div.top-block menu {
	position: relative;
	padding: 24px 0 5px 0;
	margin: 24px 0 0 0;
	border-top: 1px solid #a6e67e;
}

div.top-block menu ul {
	list-style: none;
}

div.top-block menu ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 25px;
}

div.top-block menu ul li:first-child {
	margin-left: 0;
}

div.top-block menu ul li a {
	color: #333;
	text-decoration: none;
}

div.top-block menu .search {
	position: absolute;
	right: 1px;
	top: 23px;
	width: 175px;
}

div.top-block menu .search form {
	position: absolute;
	right: 0;
}

div.top-block menu .search input {
	display: inline-block;
	vertical-align: middle;
}

div.top-block menu .search input[type='text'] {
	border: 1px solid transparent;
	width: 60px;
	color: #333;
	font-size: 14px;
	outline: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

div.top-block menu .search input[type='text']:focus {
	width: 120px;
}

div.top-block menu .search input[type='submit'],
.c-search-submit-button {
	background: url(/image/design/icn-search.png) white no-repeat;
	width: 11px;
	height: 11px;
	border: none;
	cursor: pointer;
}

.search-index-page {
	margin-bottom: 15px;
}

.b-search-form-page {
	margin: 10px 0 8px;
}

.b-search-form-page__text {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.b-search-form-page__submit {
	margin-left: 7px;
	display: inline-block;
	vertical-align: middle;
}

.b-search-results {
	margin-top: 15px;
}

.b-search-page-nav__bottom {
	margin-top: 15px;
}

div.top-block section.about {
	border-top: 1px solid #a6e67e;
	padding: 33px 0 40px 0;
}

div.top-block section.about .accent,
div.top-block section.about h2 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 25px;
}

div.top-block section.about .accent {
	background: url(/image/design/accent.png) no-repeat;
	width: 12px;
	height: 37px;
	margin-left: -25px;
}

div.top-block section.about h2 {
	color: #95dc38;
	font-size: 34px;
	font-weight: 300;
	margin-left: 12px;
}

div.top-block section.about .left,
div.top-block section.about .right {
	display: inline-block;
	vertical-align: top;
}

div.top-block section.about .left {
	width: 280px;
	margin-top: 1px;
	color: #333;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
}

div.top-block section.about .right {
	width: 590px;
	margin-left: 35px;
	color: #333;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
}

div.top-block section.about .right a {
	text-decoration: none;
	color: #17a1e6;
}

div.top-block section.about .right a:hover {
	text-decoration: underline;
}

div.middle {
	padding: 0 24px 0 24px;
}

div.middle h2, div.middle h3 {
	display: inline-block;
	font-weight: 300;
	color: #333;
	font-size: 34px;
	line-height: 45px;
}

div.middle h3 {
	font-weight: 300;
	color: #333;
	font-size: 26px;
}

div.middle > span,
div.middle .research > span {
	color: grey;
	font-size: 18px;
}

div.middle > a,
div.middle .research > a,
div.middle .news > a {
	color: #17a1e6;
	font-size: 18px;
	border-bottom: 1px solid rgba(23, 161, 230, 0.5);
	text-decoration: none;
}

div.middle > a:hover,
div.middle .research > a:hover,
div.middle .news > a:hover {
	border-bottom: 1px solid transparent;
}

div.middle .offers {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

div.middle .offers .offer {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-content: flex-start;
	flex: 0 210px;
	cursor: pointer;
}

div.middle .offers .offer:first-child {
	margin-left: 0;
}

div.middle .offers .offer > * {
	display: block;
}

div.middle .offers .offer:hover .img {
	box-shadow: rgba(171, 191, 143, 0.45098) 0px 15px 50px 0px;
	cursor: pointer;
}

div.middle .offers .offer:hover header span {
	border-bottom: 1px solid #64dd17;
}

div.middle .offers .offer:nth-child(1) .img {
	background: url(/image/design/offer1.png) center center no-repeat;
}

div.middle .offers .offer:nth-child(2) .img {
	background: url(/image/design/offer2.png) center center no-repeat;
}

div.middle .offers .offer:nth-child(3) .img {
	background: url(/image/design/offer3.png) center center no-repeat;
}

div.middle .offers .offer:nth-child(4) .img {
	background: url(/image/design/offer4.png) center center no-repeat;
}

div.middle .offers .offer .img {
	width: 80px;
	height: 80px;
	background-color: white;
	border-radius: 3px;
	box-shadow: rgba(155, 166, 141, 0.24706) 0px 10px 30px 0px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

div.middle .offers .offer > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

div.middle .offers .offer header {
	flex: 100%;
	color: #64dd17;
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
	margin-top: 25px;
}

div.middle .offers .offer .desc {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-top: 18px;
}

div.middle .clients h2 {
	margin-top: 43px;
	margin-bottom: 32px;
	margin-left: 0;
}

div.middle .clients .row {
	display: flex;
	justify-content: space-between;
}

div.middle .clients .row > div {
	width: 210px;
	height: 80px;
	margin-top: 25px;
	border-radius: 4px;
	/*border: 1px solid #aaa;*/
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

div.middle .clients .row > div:hover {
	box-shadow: 0 15px 50px rgba(159, 230, 115, 0.45);
}

div.middle .clients .row > div:first-child {
	margin-left: 0;
}

div.middle .clients .row > div .logotypes {
	width: 210px;
	height: 80px;
}

div.middle .clients .row > div .logotypes:hover {
	background-position: 0 80px !important;
}

div.middle .clients .row > div .logotypes.rosnano {
	background: url(/image/clients/logotypes_1.png);
}

div.middle .clients .row > div .logotypes.oik {
	background: url(/image/clients/logotypes_2.png);
}

div.middle .clients .row > div .logotypes.optgan {
	background: url(/image/clients/logotypes_3.png);
}

div.middle .clients .row > div .logotypes.lighttech {
	background: url(/image/clients/logotypes_4.png);
}

div.middle .clients .row > div .logotypes.atomsvet {
	background: url(/image/clients/logotypes_5.png);
}

div.middle .clients .row > div .logotypes.net {
	background: url(/image/clients/logotypes_6.png);
}

div.middle .clients .row > div .logotypes.trekpor {
	background: url(/image/clients/logotypes_7.png);
}

div.middle .clients .row > div .logotypes.pcbk {
	background: url(/image/clients/logotypes_8.png);
}

div.middle .monitoring {
	margin: 45px 0;
	display: flex;
	flex-wrap: wrap;
}

div.middle .monitoring h2 {
	flex: 1 100%;
	margin-bottom: 28px;
}

div.middle .monitoring h3 {
	margin-bottom: 25px;
}

div.middle .monitoring .research,
div.middle .monitoring .news {
	flex: 1;
}

div.middle .monitoring .research a,
div.middle .monitoring .news a {
	color: #17a1e6;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

div.middle .monitoring .research a:hover,
div.middle .monitoring .news a:hover {
	text-decoration: none;
}

div.middle .monitoring .research > a,
div.middle .monitoring .news > a {
	font-size: 18px;
	text-decoration: none;
}

div.middle .monitoring .research .date,
div.middle .monitoring .news .date {
	color: grey;
	font-size: 14px;
	font-weight: 400;
	margin-top: -5px;
	cursor: default;
}

div.middle .monitoring .research .top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

div.middle .monitoring .research .top .right {
	margin-left: 25px;
}

div.middle .monitoring .research .note {
	margin-top: 25px;
	display: flex;
	align-content: space-between;
}

div.middle .monitoring .research .note img {
	width: 50px;
	height: 50px;
	border: 1px solid #bbb;
	border-radius: 4px;
}

div.middle .monitoring .research .note .right {
	margin-left: 15px;
}

div.middle .monitoring .news {
	margin-left: 25px;
}

div.middle .monitoring .news .article {
	margin-top: 20px;
}

div.middle .monitoring .news .article:nth-child(4) {
	margin-top: 0;
}

div.middle .energy,
div.middle .ecofriendly_transport,
div.middle .recycling,
div.middle .resources,
div.middle .environment,
div.middle .technologies,
div.middle .water {
	width: 15px;
	height: 15px;
	background: url(/image/design/icons1.png) no-repeat;
	background-position: 0 -15px;
	display: inline-block;
	margin-left: 1px;
	vertical-align: middle;
	margin-bottom: 3px;
}

div.middle .ustojchivoe-razvitie {
	display: none;
}

div.middle .energy:hover,
div.middle > .right .energy {
	background-position: 0 0;
}

div.middle .recycling {
	background-position: -15px -15px;
}
div.middle .recycling:hover,
div.middle > .right .recycling {
	background-position: -15px 0;
}

div.middle .water {
	background-position: -30px -15px;
}
div.middle .water:hover,
div.middle > .right .water {
	background-position: -30px 0;
}

div.middle .environment {
	background-position: -45px -15px;
}
div.middle .environment:hover,
div.middle > .right .environment {
	background-position: -45px 0;
}

div.middle .technologies {
	background-position: -60px -15px;
}
div.middle .technologies:hover,
div.middle > .right .technologies {
	background-position: -60px 0;
}

div.middle .resources {
	background-position: -75px -15px;
}
div.middle .resources:hover,
div.middle > .right .resources {
	background-position: -75px 0;
}

div.middle .ecofriendly_transport {
	background-position: -90px -15px;
}
div.middle .ecofriendly_transport:hover,
div.middle > .right .ecofriendly_transport {
	background-position: -90px 0;
}

footer.main {
	margin-top: 50px;
	background: url(/image/design/footer.png) no-repeat;
	background-size: cover;
	text-align: center;
	padding: 35px;
}

footer.main > * {
	vertical-align: middle;
}

footer.main h2 {
	display: inline-block;
	color: #64dd17;
	font-size: 24px;
	font-weight: 300;
}

footer.main .social {
	display: inline-block;
	position: relative;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	margin-left: 10px;
}

footer.main .social:hover {
	box-shadow: 0 5px 25px rgba(149, 220, 56, 0.75);
}

footer.main .social:active {
	box-shadow: 0 0 20px rgba(149, 220, 56, 0.75);
}

footer.main .social a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

footer.main .tw {
	background: url(/image/design/twitter.png);
}

footer.main .fb {
	background: url(/image/design/facebook.png);
}

footer.main .gplus {
	background: url(/image/design/g-.png);
}

footer.main .rss {
	background: url(/image/design/rss.png);
}

footer.main form {
	margin-left: 15px;
	display: inline-block;
}
.subscribe-form input[type='text'],
footer.main form input[type='text'] {
	padding: 0 6px;
	width: 223px;
	height: 31px;
	font: 14px 'Open Sans';
	background-color: white;
	border-radius: 2px 0 0 2px;
	border: 2px solid #64dd17;
	outline: none;
}

.subscribe-form input[type='text']:hover,
footer.main form input[type='text']:hover {
	box-shadow: 0 5px 25px rgba(149, 220, 56, 0.75);
}

.subscribe-form input[type='text']:focus,
footer.main form input[type='text']:focus {
	box-shadow: 0 0 20px rgba(149, 220, 56, 0.75);
}

.subscribe-form input[type='submit'],
footer.main form input[type='submit'] {
	background: url(/image/design/btn.png) no-repeat;
	font: 14px 'Open Sans';
	border: 0;
	width: 57px;
	height: 35px;
	color: white;
	font-size: 14px;
	font-weight: 400;
	margin-left: -5px;
	outline: none;
	cursor: pointer;
}

.subscribe-form input[type='submit']:hover,
footer.main form input[type='submit']:hover {
	filter: drop-shadow(0 5px 20px rgba(149, 220, 56, 0.75));
	-webkit-filter: drop-shadow(0 5px 20px rgba(149, 220, 56, 0.75));
}

.subscribe-form input[type='submit']:active,
footer.main form input[type='submit']:active {
	filter: drop-shadow(0 0 15px rgba(149, 220, 56, 0.75));
	-webkit-filter: drop-shadow(0 0 15px rgba(149, 220, 56, 0.75));
}

footer.main .notice {
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	color: #333;
	display: flex;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto 35px;
	padding: 0 24px;
	box-sizing: border-box;
	text-align: left;
}

footer.main .notice .line {
	height: 1px;
	width: 100%;
	background-color: rgba(100, 221, 23, 0.5);
	margin: 39px 0 45px;
}

footer.main .notice_left,
footer.main .notice_right {
	flex: 1;
}

footer.main .notice_left .notice_text {
	margin-bottom: 10px;
}

footer.main .notice_right {
	margin-left: 25px;
}

footer.main .notice a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

footer.main .notice a:hover {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

div.middle > .left, div.middle > .right {
	display: inline-block;
	vertical-align: top;
}

div.middle > .left {
	width: 600px;
}

div.middle > .left ul,
div.middle > .left-wide ul {
	list-style-position: inside;
}

div.middle > .left a {
	color: #17a1e6;
}

div.middle > .left .sector .title a,
div.middle > .left .research .right a,
div.middle > .left .news .article a {
	text-decoration: underline;
}

div.middle > .left .full a,
div.middle > .left .sector a {
	border-bottom: none;
	/*text-decoration: none;*/
}

div.middle > .left a:hover {
	border-bottom: 1px solid transparent;
}

div.middle > .left .publication {
	margin-top: 30px;
}

div.middle > .left .publication .date,
div.middle > .left .publication .source {
	color: #333;
	font-size: 16px;
	font-weight: 300;
}

div.middle > .left .publication .source {
	margin: 20px 0 0 0;
	text-align: right;
	font-size: 13px;
}



div.middle > .left .research .announce {
	margin-top: 25px;
	font-size: 12px;
	display: block;
}

div.middle > .left .announce img {
	float: left;
	margin-right: 25px;
}

div.middle > .left .announce p {
	color: #64dd17;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

div.middle > .left .text {
	clear: both;
	font-weight: 400;
	line-height: 20px;
	padding-top: 15px;
}

div.middle .text p {
	margin-top: 10px;
}

div.middle .text ul,
div.middle .text ol {
	margin-top: 10px;
}

div.middle .text ul ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

div.middle > .left .topics {
	margin-top: 30px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #262626;
}

div.middle > .left .socials {
	padding: 20px 0 20px 0;
	margin-top: 40px;
	border-top: 1px solid #d5ebd5;
	border-bottom: 1px solid #d5ebd5;
}

div.middle > .left .socials a {
	text-decoration: none;
	border-bottom: none;
}

div.middle > .left .socials .addthis {
	display: inline-block;
}

div.middle > .left .socials > div {
	display: inline-block;
	vertical-align: top;
}

div.middle > .left .socials .fb:before {
	content: url(/image/design/fb.png);
}

div.middle > .left .socials .tw:before {
	content: url(/image/design/tw.png);
}

div.middle > .left .socials .rss:before {
	content: url(/image/design/rss_1.png);
}

div.middle > .left .socials .vk:before {
	content: url(/image/design/vk.png);
}

div.middle > .left .socials .in:before {
	content: url(/image/design/in.png);
}

div.middle > .left .socials .best:before {
	content: url(/image/design/star.png);
}

div.middle > .left .socials .add:before {
	content: url(/image/design/add.png);
}

div.middle > .left .socials .print:before {
	content: url(/image/design/print.png);
}

div.middle > .left .socials .add, div.middle > .left .socials .vk {
	margin-left: 20px;
}

div.middle > .left .also {
	margin-top: 35px;
}

div.middle > .left .also > div {
	margin-top: 37px;
	width: 600px;
	height: 490px;
	border: 1px solid grey;
}

div.middle > .left h1 {
	font-size: 21px;
	font-weight: 600;
	line-height: 1.5em;
}

div.middle .left-wide .research .thems ul {
	list-style-position: inside;
	list-style-image: url(/image/design/icn-1.png);
}

div.middle .left-wide .research .thems li {
	width: 284px;
	float: left;
	border-bottom: 1px dashed #d5ebd5;
	margin-left: 24px;
	padding: 9px 0 10px;
}

div.middle .left-wide .research .thems li:nth-child(3n+1) {
	margin-left: 0;
}

div.middle .left-wide .research .thems li a {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

div.middle .left-wide .research .thems li a {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

div.middle > .right {
	width: 240px;
	margin-left: 25px;
}

div.middle > .right h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 30px;
}

div.middle > .right .research,
div.middle > .right .technologies_s {
	z-index: 999;
	width: 240px;
	padding: 30px 26px 40px 40px;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

div.middle > .right .research:hover,
div.middle > .right .technologies_s:hover {
	box-shadow: 0 15px 50px rgba(155, 166, 141, 0.25);
	cursor: pointer;
}

div.middle > .right .research {
	margin-top: -20px;
}

div.middle > .right .research ul {
	margin-top: 20px;
	margin-bottom: 12px;
	list-style-image: url(/image/design/icn-1.png);
}

div.middle > .right .research ul li {
	padding: 12px 0 12px 0;
	border-bottom: 1px dashed #d5ebd5;
}

div.middle > .right .research ul li:first-child {
	border-top: 1px dashed #d5ebd5;
}

div.middle > .right .research ul li a {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

div.middle > .right .research ul li a:hover {
	border-bottom: 1px solid #333;
}

div.middle > .right .research > a {
	font-size: 14px;
}

div.middle > .right .research.right__research ul li {
	padding: 9px 0 11px 0;
}

div.middle > .right .technologies_s {
	margin-top: -15px;
	padding-bottom: 20px;
}

div.middle > .right .technologies_s ul {
	list-style: none;
}

div.middle > .right .fb-page.fb_iframe_widget {
	margin: 10px 0 20px 0;
}

div.middle > .right .technologies_s > ul > li {
	margin-top: 15px;
}

div.middle > .right .technologies_s > ul > li > a {
	text-decoration: none;
	border-bottom: 1px solid rgba(23, 161, 230, 0.5);
}

div.middle > .right .technologies_s > ul > li > a:hover {
	border-bottom: 1px solid transparent;
}

div.middle > .right .technologies_s > ul div {
	margin-left: -23px;
	margin-right: 5px;
}

div.middle > .right .technologies_s li > ul {
	margin-top: 15px;
}

div.middle > .right .technologies_s li > ul a {
	color: grey;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
}

div.middle > .right .technologies_s li > ul a:hover {
	border-bottom: 1px solid grey;
}

.sector {
	padding-top: 10px;
}

.sector .calendar {
	margin-top: 25px;
}

.sector .calendar ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	color: #999;
}

.sector .calendar ul li a {
	color: #333;
	border-bottom: 0;
}

.sector .calendar .years {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.sector .calendar .years li {
	padding: 7px 10px;
	font-size: 11px;
}

.sector .calendar .years li.select {
	background: url(/image/design/chosen-y.png) no-repeat 0 2px;
	background-size: 100% 100%;
}

.sector .calendar .months li {
	flex: 1;
	text-align: center;
	padding-top: 7px;
	border-top: 2px solid grey;
	font-size: 12px;
}

.sector .calendar .months li.select {
	border-top: 2px solid #64dd17;
	background: url(/image/design/chosen.png) no-repeat 0 -2px;
	background-size: 100% 106%;
	padding-bottom: 10px;
}

.sector .note {
	margin-top: 35px;
	display: flex;
}

.sector .note img {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	flex-shrink: 0;
}

.sector .note > div {
	margin-left: 15px;
}

.sector .note > div .date {
	color: grey;
	line-height: 0;
	margin-top: -3px;
	min-height: 8px;
}

.sector .note > div .announce {
	color: grey;
	font-size: 12px;
	line-height: 15px;
	margin-top: 7px;
}

div.left > .article > p {
	margin-top: 10px;
}

div.left > .article > p:last-of-type {
	margin-bottom: 15px;
}

div.left > .article > .more {
	border-bottom: 1px dashed;
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
}

div.left > .article > .more:after {
	content: ' ';
	background: url(/image/design/arrow_drop.png) no-repeat 0 0;
	width: 9px;
	height: 6px;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 5px;
}

div.left > .article > .more.close:after {
	background: url(/image/design/arrow_drop.png) no-repeat 0 -6px;
}

div.middle h1.thematic {
	position: relative;
}

div.middle h1.thematic:before {
	content: ' ';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	left: -25px;
}

div.middle h1.thematic.head_energy {
	color: #de4000;
}

div.middle h1.thematic.head_energy:before {
	background: url(/image/design/icns.png) no-repeat;
}

div.middle h1.thematic.head_resources {
	color: #F6CB0F;
}

div.middle h1.thematic.head_resources:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -75px 0;
}

div.middle h1.thematic.head_recycling {
	color: #c048a2;
}

div.middle h1.thematic.head_recycling:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -15px 0;
}



div.middle h1.thematic.head_water:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -30px 0;
}

div.middle h1.thematic.head_environment {
	color: #459900;
}
div.middle h1.thematic.head_environment:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -45px 0;
}

div.middle h1.thematic.head_technologies {
	color: #FFA200;
}
div.middle h1.thematic.head_technologies:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -60px 0;
}

div.middle h1.thematic.head_resources:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -75px 0;
}

div.middle h1.thematic.head_ecofriendly_transport {
	color: #82C646;
}
div.middle h1.thematic.head_ecofriendly_transport:before {
	background: url(/image/design/icons1.png) no-repeat;
	background-position: -90px 0;
}

div.middle .monitoring.full {
	display: block;
}

div.middle .monitoring.full .announce {
	margin-top: 15px;
}

div.middle .monitoring.full .announce p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

div.middle .monitoring.full .announce p:first-child {
	margin-top: 0;
}

div.middle .monitoring.full .list {
	display: flex;
	flex-wrap: wrap;
}

div.middle .monitoring.full .list .note {
	flex: 1 45%;
}

div.middle .monitoring.full .list .note:nth-child(2n+1) {
	margin-left: 40px;
}

div.middle .monitoring.full .news {
	margin-top: 35px;
	margin-left: 0;
}

div.middle .monitoring.full .news .article {
	margin-top: 30px;
	display: flex;
}

div.middle .monitoring.full .news .article:first-of-type {
	margin-top: 0;
}

div.middle .monitoring.full .news .article img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px;
}

div.middle .monitoring.full .news .article .announce {
	color: grey;
	font-size: 12px;
	line-height: 15px;
	margin-top: 3px;
}

div.middle .article:hover,
div.middle .note:hover,
div.middle .list .top:hover, div.middle > .right {
	cursor: pointer;
}

div.middle .article:hover .energy,
div.middle .article:hover .ecofriendly_transport,
div.middle .article:hover .recycling,
div.middle .article:hover .resources,
div.middle .article:hover .environment,
div.middle .article:hover .technologies,
div.middle .article:hover .water,
div.middle .note:hover .energy,
div.middle .note:hover .ecofriendly_transport,
div.middle .note:hover .recycling,
div.middle .note:hover .resources,
div.middle .note:hover .environment,
div.middle .note:hover .technologies,
div.middle .note:hover .water,
div.middle .list .top:hover .energy,
div.middle .list .top:hover .ecofriendly_transport,
div.middle .list .top:hover .recycling,
div.middle .list .top:hover .resources,
div.middle .list .top:hover .environment,
div.middle .list .top:hover .technologies,
div.middle .list .top:hover .water, div.middle > .right .energy,
div.middle > .right .ecofriendly_transport,
div.middle > .right .recycling,
div.middle > .right .resources,
div.middle > .right .environment,
div.middle > .right .technologies,
div.middle > .right .water {
	background-position-y: 0px;
}

div.middle .left-wide {
	width: auto;
}

div.middle .left__text-block {
	margin-top: 25px;
}

div.middle .left-wide .research {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 19px;
}

div.middle .left-wide .research h1 {
	flex: 100%;
	font-size: 26px;
	font-weight: 300;
}

div.middle .left-wide .research img {
	/*max-width: 170px;*/
	max-width: 140px;
	max-height: 200px;
	display: inline-block;
	margin-top: 17px;
}

div.middle .left-wide .research .note {
	flex: 1;
	display: inline-block;
	margin-top: 17px;
	margin-left: 24px;
}

div.middle .left-wide .research .note .date {
	margin-top: -5px;
}

div.middle .left-wide .research .note .title {
	margin-top: 0;
}

div.middle .left-wide .research .note .report {
	margin-top: 10px;
	color: #333;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	text-decoration: none;
	display: block;
}

div.middle .left-wide .research .note .report p {
	margin-top: 0;
	line-height: 20px;
}

div.middle .left-wide .research .note .report p::first-child {
	margin-top: 0;
}

div.middle .left-wide .research .note .announce {
	margin-top: 10px;
	display: block;
	text-decoration: none;
	color: #333;
}

div.middle .left-wide .research .note .announce p {
	margin-top: 10px;
	line-height: 20px;
}

div.middle .left-wide .research .note .announce p::first-child {
	margin-top: 0;
}

div.middle .left-wide .thems {
	margin-top: 27px;
	padding: 10px 23px 20px;
	margin-left: -21px;
	width: 900px;
	border-bottom: 1px solid #d5ebd5;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

div.middle .thems ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;


	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}
div.middle .thems ul li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

div.middle .left-wide .thems:hover {
	cursor: pointer;
	box-shadow: 0 15px 50px rgba(155, 166, 141, 0.25);
	border-bottom: 1px solid transparent;
}

div.middle .left-wide .thems:hover h2 {
	border-top: 1px solid transparent;
}

div.middle .left-wide .thems h2 {
	width: 900px;
	color: #333;
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	padding: 16px 0 18px;
	border-bottom: 1px dashed #d5ebd5;
	border-top: 1px dashed #d5ebd5;
}

div.middle .left-wide .thems ul {
	list-style-position: inside;
	list-style-image: url(/image/design/icn-1.png);
}

div.middle .left-wide .thems li {
	width: 284px;
	/*float: left;*/
	border-bottom: 1px dashed #d5ebd5;
	margin-left: 24px;
	padding: 9px 0 10px;
	display: list-item;
}

div.middle .left-wide .thems li:nth-child(3n+1) {
	margin-left: 0;
}

div.middle .left-wide .thems li:nth-last-child(-n+3) {
	border-bottom: 0;
}

div.middle .left-wide .thems li a {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

div.middle .left-wide .thems li a:hover {
	border-bottom: 1px dashed #333;
}

.left__text-block p {
	margin-top: 10px;
	line-height: 20px;
}

.left__text-block p:first-of-type {
	margin-top: 0;
}

.left__text-block ol li {
	line-height: 20px;
}

.left__text-block ul li {
	margin-top: 2px;
	line-height: 25px;
}

div.left .buy {
	margin-top: 23px;
}

div.left .buy .date {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 25px;
}

div.left .buy .img__left {
	display: inline-block;
	width: 200px;
	height: 200px;
	background-size: cover;
}

img.img__left-image {
	max-width: 140px;
	max-height: 200px;
}

img.analytic-teaser-img {
	max-width: 140px;
	max-height: 200px;
}

div.left .buy .report {
	vertical-align: top;
	width: 350px;
	display: inline-block;
	margin-left: 24px;
	margin-top: -5px;
}

div.left .buy .report p {
	font-size: 12px;
	font-weight: 400;
	margin-top: 5px;
}

div.left .buy .report p:first-of-type {
	margin-top: 0;
}

div.left .buy .report a {
	display: inline-block;
	padding: 7px 20px;
	margin-top: 15px;
	background-color: white;
	border: 2px solid #333;
	border-radius: 3px 4px 4px 3px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}

div.left .buy .report a:hover {
	box-shadow: 0 5px 25px rgba(155, 166, 141, 0.24706);
}

div.top-block menu ul li {
	min-height: 40px;
	z-index: 999;
}
div.top-block menu ul li a.current {
	color: #64dd17;
}

div.top-block menu ul li .b-menu__submenu {
	border-radius: 4px;
	width: 230px;
	margin-top: 20px;
	padding: 0 20px 5px 20px;
	z-index: -1;
	position: absolute;
	top: 0;
	left: -20px;
	display: none;
	top: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 15px 50px rgba(155, 166, 141, 0.25);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

div.top-block menu ul li .b-menu__submenu > li {
	border-bottom: 1px dashed #d2ebd5;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	display: block;
	margin: 0;
}

div.top-block menu ul li .b-menu__submenu > li:last-child {
	border-bottom: 0;
}

div.top-block menu ul li .b-menu__submenu a {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
}

div.top-block menu ul li .b-menu__submenu a:hover {
	text-decoration: underline;
}

div.top-block menu ul li:hover .b-menu__submenu {
	cursor: pointer;
	display: block;
}

div.top-block menu ul li:hover .b-menu__submenu a {
	cursor: pointer;
	color: #333;
}

div.top-block menu ul li:hover > a {
	cursor: pointer;
	color: #64dd17;
}

.b-up-form {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.9);
}

.b-up-form__wrapper {
	width: 444px;
	/*height: 491px;*/
	padding: 24px;
	position: relative;
	background-color: white;
	border-radius: 3px;
	box-shadow: 0 15px 50px rgba(155, 166, 141, 0.25);
}

.b-up-form__close {
	width: 19px;
	height: 19px;
	background: url(/image/design/close.png) no-repeat;
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
}

.b-up-form__title {
	color: #333;
	font-size: 26px;
	font-weight: 300;
	line-height: 18px;
}

.b-up-form__desc {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.b-up-form__desc p {
	margin-top: 10px;
}

.b-up-form__desc p:first-child {
	margin-top: 26px;
}

.b-up-form__desc--ok {
	display: none;
}

.b-up-form .c-separator {
	margin-top: 16px;
	height: 1px;
	border-bottom: 1px solid #a6e67e;
}

.b-up-form__input {
	margin-top: 20px;
}

.b-up-form__input:first-of-type {
	margin-top: 0px;
}

.b-up-form__input label {
	display: inline-block;
	width: 94px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.b-up-form__input input,
.b-up-form__input textarea {
	border: 2px solid #64dd17;
	border-radius: 3px;
	font-size: 14px;
	padding: 8px 11px 8px 9px;
	outline: none;
}

.b-up-form__input input:hover,
.b-up-form__input textarea:hover {
	box-shadow: 0 5px 25px rgba(149, 220, 56, 0.75);
}

.b-up-form__input input:focus,
.b-up-form__input textarea:focus {
	box-shadow: 0 0 20px rgba(149, 220, 56, 0.75);
}

.b-up-form__input textarea {
	width: 322px;
	height: 55px;
	resize: none;
}

.b-up-form__input--name input, .b-up-form__input--mail input {
	width: 163px;
}

.b-up-form__input--name {
	margin-top: 22px;
}

.b-up-form__input--phone input {
	width: 120px;
}

.b-up-form__input--task label {
	vertical-align: top;
	margin-top: 8px;
}

.b-up-form__input--error input,
.b-up-form__input--error textarea {
	border: 2px solid #dd2c00;
	border-radius: 3px;
	color: #dd2c00;
}

.b-up-form__input--error input:hover,
.b-up-form__input--error textarea:hover {
	box-shadow: 0 5px 25px rgba(221, 44, 0, 0.75);
}

.b-up-form__input--error input:focus,
.b-up-form__input--error textarea:focus {
	box-shadow: 0 0 20px rgba(221, 44, 0, 0.75);
}

.b-up-form__input--recaptcha_response {
	margin: 0;
}

.b-up-form__input--message {
	font-size: 11px;
	color: #dd2c00;
	margin-left: 100px;
}

.b-up-form__submit {
	margin-top: 22px;
	margin-left: 100px;
}

.b-up-form__submit input {
	cursor: pointer;
	font-size: 14px;
	padding: 12px 23px 10px 24px;
	color: white;
	background-color: #64dd17;
	border: 0;
	border-radius: 3px 4px 4px 3px;
	outline: none;
}

.b-up-form__submit input:hover {
	filter: drop-shadow(0 5px 20px rgba(149, 220, 56, 0.75));
	-webkit-filter: drop-shadow(0 5px 20px rgba(149, 220, 56, 0.75));
}

.b-up-form__submit input:active {
	filter: drop-shadow(0 0 15px rgba(149, 220, 56, 0.75));
	-webkit-filter: drop-shadow(0 0 15px rgba(149, 220, 56, 0.75));
}

.cat-icons {
	display: inline-block;
}

.page-nav-top {
	margin-bottom: 10px;
}
.page-nav-bottom {
	margin-top: 10px;
}

.category_description .full {
	display: none;
}

fieldset {
	border: 0;
}

.c-underline-link {
	/*border-bottom: 1px solid rgba(23, 161, 230, 0.5); */
	text-decoration: underline;
}
/* b-article */
.b-article {
	margin-top: 30px;
	display: flex;
}
.b-article:first-of-type {
	margin-top: 0;
}
.b-article img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px;
}
.b-article .announce {
	color: grey;
	font-size: 12px;
	line-height: 15px;
	margin-top: 3px;
}
.b-article:hover {
	cursor: pointer;
}
.b-article a {
	text-decoration: underline;
}
.b-article > p {
	margin-top: 10px;
}
.b-article > p:last-of-type {
	margin-bottom: 15px;
}

.b-article > .more {
	border-bottom: 1px dashed;
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
}

.b-article > .more:after {
	content: ' ';
	background: url(/image/design/arrow_drop.png) no-repeat 0 0;
	width: 9px;
	height: 6px;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 5px;
}

.b-article > .more.close:after {
	background: url(/image/design/arrow_drop.png) no-repeat 0 -6px;
}

.b-article:hover .energy,
.b-article:hover .ecofriendly_transport,
.b-article:hover .recycling,
.b-article:hover .resources,
.b-article:hover .environment,
.b-article:hover .technologies,
.b-article:hover .water {
	background-position-y: 0px;
}
/* /b-article */

.footer-subscribe-policy {
	width: 920px;
	padding: 20px 0;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
	margin-top: 10px;
}