/* Test if file writable */

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}


html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 1em;
}

body, textarea {
	font-family: RobotoRegular, RobotoLight, Tahoma, Arial, Helvetica, Roboto, Calibri, sans-serif;
	font-size: 1.05rem;
/*	font-size: .95rem;*/
	letter-spacing: -.02rem;
	color: #3c3c3c;
	height: 100%;
	margin: 0;
	padding: 0;
}


strong,
b,
th {
	color: #353535;
	color: #555555;
	}

table {
	border-collapse: collapse;
}

table td,
table th {
	padding: 0;
}

div {
	box-sizing: border-box;
	}

img {
	border: none;
}

form {
	padding: 0;
	margin:0;
}

p {
	padding: 0;
	margin: 0 0 1rem 0;
}

a {
	color: #ba0000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}


h1, h2, h3 {
	font-family: RobotoLight, RobotoRegular, Tahoma, Arial, Helvetica, Roboto, Calibri, sans-serif;
/*	text-transform: uppercase;*/
	font-size: 1.25rem;
	color: #ba0000;
	margin: 0 0 1rem 0;
	}

h3 {
	font-size: 1.05rem;
	}

h1.grey, h2.grey, h3.grey {
	color: #3c3c3c;
	}

button {
	border: none;
	background: none;
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.upp {
	text-transform: uppercase;
	}

.jus {
	text-align: justify;
	}

.cen {
	text-align: center;
	}


.background {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	min-width: 320px;
	overflow: hidden;
/* фон сайта: можно вставить картинку. Например, для оформления по Новый Год или какую то акцию. */
	background-color: #fff;
/*
	background-image: url('pic/bg.png');
	background-size: auto;
	background-attachment: fixed;
*/
}

.wrapper {
	max-width: 1260px;
	width: 1260px;
	padding: 1rem 0 0 0;
	}

header {
	flex: 0 0 auto;
	width: 100%;
	padding: 10px 0 0 0;
	background: url(pic/polosa.svg) top center / 93px 10px repeat-x;
	}

header .wrapper {
	padding: 0;
	}

.main {
	flex: 1 0 auto;
	display: flex;
	flex-direction: row;
	}

main {
	flex: 3;
/*	padding: .7rem 0;*/
	padding: 0 0 1rem 0;
	}

aside {
	flex: 1;
	order: -1;
	min-width: 270px;
	}

.home {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 1rem 0 0 0;
	}

.home-left {
	flex: 1;
	}

.home-right {
	flex: 1;
	order: 2;
	}

footer {
	flex: 0 0 auto;
	width: 100%;
	text-align: center;
	padding: .5rem 0 10px 0;
	background: #eeeeee url(pic/polosa.svg) bottom center / 93px 10px repeat-x;
	}

footer .wrapper {
	padding: 0;
	}

footer nav {
	width: 100%;
	}


.logo {	
	display: block;
	padding: 0;
	margin: 15px 70px 15px 40px;
	float: left;
	width: 160px;
	height: 55px;
	background-image: url('pic/logo.svg');
	background-size: 100%;
	}


.header-1 {
	display: flex;
	justify-content: center;
	}

.header-2,
.header-3,
footer {
	display: flex;
	justify-content: center;
	}

.header-2 {
	background-color: #ba0000;
	}

.header-2 .mobile-buttons {
	display: none;
	}

.header-2 .wrapper,
.header-3 .wrapper,
footer .wrapper {
	display: flex;
	flex-direction: row;
	}

.header-3 {
	display: flex;
	background-color: #eee;
	}

.header-3 .wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	padding-left: 270px;
	}

.line1-1,
.line1-2,
.line1-3 {
	display: inline-block;
	float: left;
	}

.line1-1 {
	text-transform: uppercase;
	color: #ba0000;
	font-size: .9rem;
	padding: 1.2rem 0 1.2rem 41px;
	letter-spacing: -.02rem;
	}

.line1-2 {
	color: #ba0000;
	font-size: .9rem;
	padding: 1.2rem 0 1.2rem 50px;
	letter-spacing: -.02rem;
	}

.line1-2 a {
	margin: 0 1rem 0 0;
	text-decoration: underline;
	}

.line1-2 a.all {
	display: none;
	}


.line1-3 {
	float: right;
	font-size: 1.1rem;
	padding: 1.2rem 0 1.2rem 50px;
	letter-spacing: -.02rem;
	}

.line1-3 span {
	font-size: .9rem;
	position: relative;
	bottom: 1px;
	}


.header-social {
	display: inline-block;
	float: right;
	padding: .85rem 0 0 40px;
	margin: 0;
	font-size: 0;
	line-height: 0;
	}

.header-social a {
	display: inline-block;
	width: 27px;
	height: 27px;
	background-size: 100%;
	margin: 0 .4rem 0 0;
	}


.vk {
	background-image: url('pic/ico_vk.svg');
	}
.fb {
	background-image: url('pic/ico_fb.svg');
	}
.yt {
	background-image: url('pic/ico_yt.svg');
	}
.tg {
	background-image: url('pic/ico_tg.svg');
	}
.wa {
	background-image: url('pic/ico_wa.svg');
	}

.hamburger {
	display: none;
	}

.mobile-contacts {
	display: none;
	}

.page-infoblock {
	text-align: center;
	padding: 1.5rem;
	background: #eeeeee;
	margin: 1rem 0 0 0;
	}

.page-infoblock h1,
.page-infoblock h2,
.page-infoblock h3,
.page-infoblock h4,
.page-infoblock h5 {
	font-family: RobotoLight, RobotoRegular, Tahoma, Arial, Helvetica, Roboto, Calibri, sans-serif;
	/*text-transform: uppercase;*/
	font-size: 1.35rem;
	color: #ba0000;
	margin: 0 0 .25rem 0;
	padding: 0;
	}

.page-infoblock p {
	margin: 0;
	}

.more {
	display: block;
	padding: 0 0 .5rem 0;
	}

/*
.main {
	padding: 1rem 0 0 0;
	}
*/

aside {
	max-width: 300px;
	padding: 0 2rem 0 0;
	}

aside .block-grey {
	font-size: .9rem;
	background-color: #eee;
	padding: .9rem;
	margin: 0 0 1rem 0;
	}

.block-grey .block-title {
	border-bottom: solid 1px #aaa;
	font-size: 1.25rem;
	padding: 0 0 .5rem 0;
	margin: 0 0 .7rem 0;
	}

.block-grey .date {
	font-size: .85rem;	
	padding: 0 0 .25rem 0;
	}

.block-grey .info {
	padding: 0;
	}

.block-grey .more {
	display: block;
	padding: 0 0 .5rem 0;
	}

.block-grey .block-sub {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	}

.block-grey .block-sub ul {
	padding: 0;
	margin: .5rem 0;
	}

.block-grey .block-sub li {
	display: block;
	margin: 0;
	padding: 0 0 .25rem 1rem;
	background-image: url('pic/red_square.svg');
	background-size: 5px 5px;
	background-position: 0 .4rem; 
	background-repeat: no-repeat;
	}

.red-square,
.grey-square,
.red-dot,
.grey-dot,
.red-arrow,
.grey-arrow,
main ul {
	padding: 0 0 0 1rem;
	}


.red-square li,
.grey-square li,
.red-dot li,
.grey-dot li,
.red-arrow li,
.grey-arrow li,
main ul li {
	display: block;
	margin: 0;
	padding: 0 0 .5rem 1rem;
	background-image: url('pic/grey_square.svg');
	background-size: 5px 5px;
	background-position: 0 .4rem; 
	background-repeat: no-repeat;
	}

.red-square li {
	background-image: url('pic/red_square.svg');
	}

.grey-square li {
	background-image: url('pic/grey_square.svg');
	}

.red-dot li {
	background-image: url('pic/red_dot.svg');
	}

.grey-dot li {
	background-image: url('pic/grey_dot.svg');
	}

.red-arrow li {
	background-image: url('pic/red_arrow.svg');
	background-size: 8px 8px;
	background-position: 0 .35rem; 
	}

.grey-arrow li {
	background-image: url('pic/grey_arrow.svg');
	background-size: 8px 8px;
	background-position: 0 .35rem; 
	}

main img {
	width: auto;
	max-width: 100%;
	height: auto;
	}

main li ul {
	margin: 1rem 1rem 0 1rem;
	padding: 0;
	}

main li ul li {
	background-image: url('pic/grey_dot.svg');
	}

.services-pic {
	float: right;
	max-height: 230px;
	margin: 0 0 0 1rem;
	}

.footer-social {
	display: block;
	text-align: left;
	font-size: 1.25rem;
	margin:0;
	padding: 1rem 0 1.7rem 0;
	}

.footer-social a {
	font-size: 1rem;
	}


.footer-blocks {
	display: flex;
	width: 100%;
	flex-direction: row;
	list-style: none;
	padding: 0;
	margin: 0;
	}

.footer-blocks li {
	text-align: left;
	padding: 0 2rem 0 0;
	flex: 1;
	}

.footer-blocks li strong {
	display: block;
	font-weight: normal;
	font-size: 1.25rem;	
	padding: 1rem 0 1rem 0;
	}

.footer-blocks li a {
	display: block;
	padding: 0 0 1rem 0;
	text-decoration: none;
	font-size: .9rem;
	color: #3c3c3c;
	}

.footer-blocks li a:last-child  {
	color: #ba0000;
	}

.footer-blocks li a:hover {
	text-decoration: underline;
	}

.footer-bottom {
	display: flex;
	align-items: center;
	flex-direction: row;
	border-top: solid 1px #aaa;
	font-size: 0.9rem;
	}

.footer-bottom .logo {	
	width: 120px;
	height: 40px;
	background-image: url('pic/logo_i.svg');
	padding: 0;
	margin: 1.5rem 1rem 1.5rem 0;
	flex: 1;
	}

.footer-bottom p {
	display: block;
	text-align: left;
	margin: 0;
	padding: 1rem;
	flex: 1;
	}

.footer-bottom p:nth-child(1) {
	flex: 0;
	padding: 0;
	}
/*
.footer-bottom p:nth-child(2) {
	flex: 1;
	}
*/

address {
	font-style: normal;
	display: block;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1rem;
	flex: 1;
	}

.footer-bottom p:nth-child(3) {
	flex: 2;
	text-align: center;
	margin: 0;
	padding: 1rem;
	}

.counters {
	flex: 2;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 1rem 0 1rem 0rem;
	}

.counters > a {
	display: inline-block;
	margin: 0 .5rem 0 0;
	}

.content-title,
.content-title-red {
	display: block;
	background-color: #eeeeee;
	margin: 0 0 1rem 0;
	padding: 1rem;
	text-align: center;
	/*text-transform: uppercase;*/
	font-size: 1.25rem;
	}

.content-title-red {
	color: #fff;
	background-color: #ba0000;
	}

.content-title span,
.content-title-red span {
	display: none;
	}

.content-subtitle,
.content-subtitle-red {
	display: block;
	margin: 0 0 .5rem 0;
	padding: 0;
	font-size: 1.25rem;
	}

.content-subtitle-red {
	color: #ba0000;
	}

.content-container {
	margin: 0;
	padding: 0 .5rem .5rem .5rem;
	}

.article-links {
	padding: .5rem 0 1rem 0;
	}

.article-links a {
	display: inline-block;
	background-size: 15px 15px;
	background-position: .6rem center; 
	background-repeat: no-repeat;
	margin: 0 .5rem 0 0;
	padding: .4rem .6rem .4rem 2.1rem;
	background-color: #eee;
	color: #3c3c3c;
	font-size: .95rem;
	}

.article-links a:hover {
	color: #ba0000;
	text-decoration: none;
	background-color: #eaeaea;
	}

.article-links a.download {
	background-image: url('pic/ico_download.svg');
	}

.article-links a.forum {
	background-image: url('pic/ico_forum.svg');
	}

.article-links a.buy {
	background-image: url('pic/ico_buy.svg');
	}

.social-block-bottom {
	height: 2.5rem;
	margin: 0 0 2.5rem 0;
	display: flex;
	justify-content: space-between;
	justify-content: flex-end;
	align-items: center;
	}

.social-block-bottom ul li{
	background-image: none;
	}


.home-left {
	padding: 0 .5rem 1rem 0;
	}

.home-right {
	padding: 0 0 1rem .5rem;
	display: flex;
	flex-direction: column;
	}

.home-list {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 0 .5rem 0;
	}

.home-list li {
	display: block;
	margin: 0;
	padding: 0 0 0 1rem;
	background-image: url('pic/red_square.svg');
	background-size: 5px 5px;
	background-position: 0 .33rem; 
	background-repeat: no-repeat;
	}

.home-list li a {
	display: block;
	}


.home-reviews {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	}

.home-reviews li {
	display: block;
	margin: 0 0 1rem 0;
	padding: 0 .5rem;
	border-bottom: solid 1px #eee;
	}

.home-reviews li .info {
	font-weight: bold;
	padding: 0 0 .5rem 0;
	}

.home-left .content-subtitle,
.home-right .content-subtitle {
	margin: 0 0 1rem 0;
	}

.home-pic-right {
	width: 243px;
	float: right;
	margin: 0 0 .25rem 1rem;
	}

.home-pic-left {
	width: 243px;
	float: left;
	margin: 0 1rem .25rem 0;
	}


.button-red {
	padding: 1rem 0 2rem 0;
	text-align: center;
	}

.button-red a {
	display: inline-block;
	background: #ba0000;
	color: #fff;
	padding: 1rem 1.5rem;
	border-radius: 1.5rem;
	text-transform: uppercase;
	}


.services-links {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.services-links li {
	flex: 1;
	padding: 0 1rem 0 1rem;
	}

.services-links li:first-child {
	flex: 1.5;
	}

.services-links li:last-child {
	flex: 0;
	text-align: center;
	padding-right: 0;
	}

.services-links li:last-child img {
	width: 330px;
	height: auto;
	}

.services-links li span {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 3rem;
	padding: 0 0 0 60px;
	margin: 0 0 1rem 0;
	background-size: 48px 48px;
	background-position: left center; 
	background-repeat: no-repeat;
	color: #3c3c3c;
	}

.services-links li .more {
	text-decoration: none;
	color: #ba0000;
	}

.services-links li .more:hover {
	text-decoration: underline;
	}

.block-intro {
	display: flex;
	align-items: center;
	margin: 0 0 1rem 0;
	}

.block-intro img {
	display: inline-block;
	margin-right: 1.5rem;
        width: 48px;
        min-width: 48px;
	}

.block-intro a {
	font-size: 1.25rem;
	display: block;
	margin: 0;
	padding: 0 0 .25rem 0;
	}

.block-links {
	margin: 0;
	padding: 0;
	list-style: none;
	column-count: 2;
	}

.block-links li {
	padding: 0 1rem 0 .5rem;
	background-image: none;
	}

.block-links li a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 3rem;
	margin: 0 0 1rem 0;
	text-decoration: underline;
	color: #3c3c3c;
	}

.block-links li a img {
	width: 48px;
	margin: .25rem 1rem 0 .25rem;
	}

.banner {
	margin: 0 0 1rem 0;	
	}

.banner a {
	display: block;
	}

.banner img {
	margin: 0;
	display: block;
	width: 100%;
	}

.home-news {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.home-news li {
	flex: 1;	
	padding: 0 1rem 0 1rem;
	background-image: url('pic/red_square.svg');
	background-size: 5px 5px;
	background-position: 0 .33rem; 
	background-repeat: no-repeat;
	}

.home-news li .date {
	font-size: .85rem;	
	padding: 0 0 .5rem 0;
	}

.home-news li .info {
	font-weight: bold;
	color: #555555;
	display: block;
	padding: 0 0 .5rem 0;
	}

.home-news li .text {
	text-align: justify;
	font-size: 1rem;
	padding: 0 0 .5rem 0;
	}

.home-news li .more {
	display: block;
	font-size: 1rem;
	padding: 0 0 1rem 0;
	}

.all-news {
	border-top: solid 1px #eee;
	padding: 1.1rem 0 1.1rem 0;
	padding: 1.1rem 0 0.1rem 0;
	margin: 0;
/*	background: url('pic/ico_all.svg') left center / 40px 40px no-repeat;*/
	}


.news .date {
	font-size: 1rem;
	padding: 0 0 0 1rem;
	background-image: url('pic/red_arrow.svg');
	background-size: 10px 10px;
	background-position: 0 center; 
	background-repeat: no-repeat;
	}

.news .info {
	display: block;
	padding: .5rem 0 .5rem 0;
	font-weight: bold;
	color: #555555;
	}

.news .text {
	text-align: justify;
	padding: 0 0 .5rem 0;
	}

.news .text p {
	padding: 0;
	margin: 0;
	}

.news .more {
	display: block;
	padding: 0 0 .5rem 0;
	}

.paginator {
	padding: .5rem 0 1rem 0;
	}

.home-banner {
	background-image: url('pic/img_001.svg');
	background-size: 222px 118px;
	background-size: 180px auto;
	background-position: 65% bottom; 
	background-repeat: no-repeat;
	background-color: #eeeeee;
	height: 100px;
	font-size: 1rem;
	padding: 0;
	margin: 0 0 1rem 0;
	}

.home-banner:hover {
	background-color: #fafafa;
	}

.home-banner a {
	display: block;
	height: 100%;
	}

.home-banner span {
	display: block;
	float: left;
	margin: 1rem 0 0 1rem;
	font-size: 1rem;
	}

.home-banner span strong {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.35rem;
	color: #ba0000;
	}

.home-banner img {
	width: 110px;
	height: auto;
	float: right;
	margin: 1rem;
	}

.contact-table {
/*	width: 100%;*/
	line-height: 1.5;
	}

.contact-table th {
	padding: .25rem 1rem .25rem 0;
	text-align: left;
	vertical-align: top;
	}

.contact-table td {
	padding: .25rem 0;
	}

.comment-date {
	text-align: right;
	padding: .5rem 0 0 0;
	}


.separator {
	border-top: solid 1px #eee;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: .5rem 0 1rem 0;
	}

.block-grey .separator {
	border-top: dashed 1px #bbb;
	margin: 0.3rem 0 0.7rem 0;
	}

.attention {
	display: block;
	margin: 0 0 .5rem 0;
	padding: 0 0 0 3rem;
	background-image: url('pic/ico_attention.svg');
	background-size: 2rem 2rem;
	background-position: left center; 
	background-repeat: no-repeat;
	}

.lnk-doc,
.lnk-youtube,
.lnk-telegram,
.lnk-rsaver,
.lnk-rtester,
.lnk-forum {
	display: block;
	margin: 0 0 .25rem 0;
	padding: .15rem 0 .15rem 1.5rem;
	background-image: url('pic/ico_doc.svg');
	background-size: auto 1rem;
	background-position: left center; 
	background-repeat: no-repeat;
	}

.lnk-youtube {
	background-image: url('pic/ico_youtube.svg');
	}

.lnk-telegram {
	background-image: url('pic/ico_telegram.svg');
	}

.lnk-forum {
	background-image: url('pic/ico_forum.svg');
	}

.lnk-rsaver {
	background-image: url('pic/ico_rsaver.svg');
	}

.lnk-rtester {
	background-image: url('pic/ico_rtester.svg');
	}



.clear {
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	}

@media all and (max-width: 1300px) {
	.wrapper {
		width: 97vw;
		}

	footer .wrapper {
		padding-left: .5rem;
		}

	.line1-2 a {
		margin: 0 0.25rem 0 0;
		}

	.line1-3 span {
		display: none;
		}
	}

@media all and (max-width: 1100px) {
	html {
		font-size: .95em;
		}

	.wrapper {
		width: 96vw;
		}

	.line1-2 a {
		margin: 0 0.2rem 0 0;
		}

	.line1-3 {
		padding-left: 0;
		}

	.header-social {
		padding-left: 1rem;
		}

	.services-links li:last-child img {
		width: 300px;
		height: auto;
		}

	.home-pic-left,
	.home-pic-right {
		width: 200px;
		}

	}

@media all and (max-width: 1000px) {
	.footer-blocks {
		display: none;
		}

	.line1-2 a {
		display: none;
		}

	.line1-2 a.all {
		display: inline;
		}

	.content-title span,
	.content-title-red span {
		display: inline;
		}

	.services-links li:last-child img {
		width: 250px;
		height: auto;
		}

	.home-pic-left,
	.home-pic-right {
		width: 180px;
		}

	.social-block-bottom {
		height: 6rem;
		display: block;
		}

	.social-block-bottom .clear {
		height: .5rem;
		}

	.ya-share2 {
		margin-top: .25rem;
		}

	}


@media all and (max-width: 900px) {
	.main {
		flex-direction: column;
		}

	aside {
		order: 1;
		max-width: 100%;
		padding: 0;
		}

	main {
		padding: 0 1rem 1rem 1rem;
		}

	.logo {	
		margin-right: 25px;
		}

	.banner img {
		width: 96%;
		margin: 0 auto;
		}

	.attention {
		background-size: auto 99%;
		padding: 0 0 0 1.5rem;
		}

	}


@media all and (max-width: 800px) {
	.home {
		flex-direction: column;
		}

	.home-right {
		order: -1;
		padding-left: 0;
		}

	.home-left {
		padding: 0 0 1rem 0;
		}


	.home-news {
		flex-direction: column;
		}

	.home-news li {
		margin-top: 1rem;
		border-bottom: solid 1px #eee;
		}

	.home-news li:nth-child(1) {
		margin-top: 0;
		}

	.home-news li:nth-last-child(1) {
		border-bottom: none;
		}

	.home-pic-left,
	.home-pic-right {
		width: 250px;
		}

	.all-news {
		padding-left: 1rem;
		background: none;
		}

	.content-title span,
	.content-title-red span {
		display: none;
		}

	.home-banner {
		order: -1;
		}

	.services-links li:last-child img {
		width: 200px;
		}

	header {
		padding: 10px 0 0 0;
		background: url(pic/polosa_mob.svg) top center / 138px 24px repeat-x;
		position: fixed; 
		top: 0;
		z-index:95;
		-webkit-box-shadow: 0px 7px 5px 0px rgba(50, 50, 50, 0.17);
		-moz-box-shadow:    0px 7px 5px 0px rgba(50, 50, 50, 0.17);
		box-shadow:         0px 7px 5px 0px rgba(50, 50, 50, 0.17);
		}

	.background {
		padding-top: 100px;
		}

	.header-1 {
		display: none;
		}

	.header-2 .wrapper {
		align-items: center;
		}

	.header-2 .hamburger {
		display: inline-block;
		width: 48px;
		height: 43px;
		background-image: url('pic/hamburger.svg');
		background-size: 100% 100%;
		margin: 0 0 0 10px;
		}

	.header-2 .logo {	
		margin: 15px 15px 15px 20px;
		}

	.mobile-contacts {
		display: block;
		position: fixed;
		left: 0;
		top: -150vh;
		z-index: 80;
		height: 100vh;
		width: 100vw;
		transition: .7s;
		background-color: #eee;
		padding: 100px 1rem 0 1rem;
		}

	.mobile-contacts-active {
		top: 0px;
		}

	.mobile-contacts-close {
		display: block;
		position: absolute;
		z-index: 99;
		top: 0;
		right: 0;
		padding: 10px 10px 0 0;
		margin: 0;
		width: 25px;
		height: 25px;
		background-image: url('pic/ico_close.svg');
		background-size: 25px 25px;
		background-position: left bottom;
		background-repeat: no-repeat;
		}

	.header-2 .mobile-buttons {
		display: inline-block;
		padding:0;
		margin: 0;
		font-size: 0;
		line-height: 0;
		text-align: right;
		flex: 2;
		}

	.header-2 .mobile-buttons a {
		display: inline-block;
		width: 55px;
		height: 55px;
		background-size: 100%;
		margin: 0 .4rem 0 .5rem;
		}

	.tg {
		background-image: url('pic/ico_tg_white.svg');
		}

	.ph {
		background-image: url('pic/ico_ph_white.svg');
		}

	.ct {
		background-image: url('pic/ico_ct_white.svg');
		}

	.services-links li:nth-child(3) {
		display: none;
		}

	.footer-bottom {
		flex-direction: column;
		justify-content: center;
		}

	.footer-bottom p,
	address {
		padding: 0;
		margin: 0;
		text-align: center;
		}

	.footer-bottom p:nth-child(3) {
		text-align: center;
		}

	.footer-bottom .counters {
		padding: 0 0 1rem 0;
		text-align: center;
		}

	.footer-bottom .counters >a {
		margin: 0 .5rem;
		}

	}


@media all and (max-width: 650px) {
	.block-links {
		column-count: 1;
		}

	}


@media all and (max-width: 500px) {

	.background {
		padding-top: 70px;
		}

	.mobile-contacts {
		padding: 70px 1rem 0 1rem;
		}

	.header-2 .mobile-buttons a {
		width: 30px;
		height: 30px;
		margin: 0 .2rem 0 .3rem;
		}

	.header-2 .logo {	
		width: 87px;
		height: 30px;
		margin-left: 17px;
		}

	.header-2 .hamburger {
		width: 29px;
		height: 26px;
		margin: 0 0 0 10px;
		}

	.home-banner {
		background-position: 95% bottom; 
		}

	.home-banner img {
		display: none;
		}

	.home-pic-left,
	.home-pic-right {
		width: 200px;
		}

	.services-links {
		flex-direction: column;
		}

	.footer-social a {
		font-size: 0.95rem;
		}

	.article-links {
		padding-top: 0;
		padding-bottom: .5rem;
		}
	
	.article-links a {
		display: block;
		padding-top:.7rem;
		padding-bottom:.7rem;
		margin: 0 0 .5rem 0;
		}

	.paginator span {
		display: none;
		}

	.paginator a {
		text-decoration: none;
		}

	.services-pic {
		max-height: 200px;
	margin: 0 0 0 1rem;
		}

	}


@media all and (max-width: 400px) {

	.home-pic-left,
	.home-pic-right {
		width: 100%;
		margin: 0 0 1rem 0;
		}

	.attention {
		padding: 0 0 0 3rem;
		}

	.services-pic {
		float: none;
		display: block;
		margin: 0 auto;
		}

	}



.menu {
	list-style: none;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	display: flex;
	position: relative;
	}

.menu  li {
	display: flex;
	padding: 0;
	margin: 0;
	}

.menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1rem;
	letter-spacing: -.02rem;
	white-space: nowrap;
	text-decoration: none;
	padding: 0 1rem;
	}

.menu > li a:hover {
	background-color: #aa0000;	
	}

.menu > li.selected > a {
	background-color: #eee;
	color: #3c3c3c;
	}

.menu > li.selected > a:hover,
.menu > li.selected > a:active {
	color: #ba0000;
	background-color: #eee;
		}

.menu > li > ul {
	display: none;
	align-items: left;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	margin-top: 85px;
	height: 50px;
	}

.menu > li.selected > ul {
	display: flex;
	}

.menu li ul li a {
	color: #3c3c3c;
	padding: 1rem;
	}

.menu li ul li a:hover {
	text-decoration: none;
	color: #ba0000;
	background-color: #fafafa;
	}

.menu li ul li.selected a {
	border-bottom: solid 2px #ba0000;
	}

.header-3 {
	height: 50px;
	background-color: #eee;
	}


@media all and (max-width: 900px) {
	.menu li a {
		padding: 0 .7rem;
		}
	}


@media all and (max-width: 800px) {

	.header-3 {
		display: none;
		}

	.menu {
		box-sizing: border-box;
		display: block;
		position: fixed;
		position: absolute;
		overflow-y: scroll;
		top: 95px;
		z-index: 90;
		height: calc(100vh - 95px);
		width: 80vw;
		transition: .5s;
		left: -100vw;
		background-color: #eee;
		padding: 5px 0 0 0; 
		padding: 5px 0 55px 0; 
		margin: 0; 
		-webkit-box-shadow: 7px 0px 5px 0px rgba(50, 50, 50, 0.17);
		-moz-box-shadow:    7px 0px 5px 0px rgba(50, 50, 50, 0.17);
		box-shadow:         7px 0px 5px 0px rgba(50, 50, 50, 0.17);
		}

	.menu-active {
		left: 0px;
		}

	.menu li {
		display: block;
		padding: 0;
		margin: 0;
		}

	.menu li a {
		display: block;
		color: #3c3c3c;
		font-size: 1rem;
		font-weight: bold;
		letter-spacing: -.02rem;
		white-space: nowrap;
		text-decoration: none;
		padding: 1rem 10vw;
		}

	.menu li a:hover,
	.menu li a:active {
		background-color: #aa0000;	
		color: #ba0000;
		background-color: #fff;
		}

	.menu > li.selected > a {
		color: #ba0000;
		background-color: #fafafa;
		}

	.menu li ul {
		display: block;	
		position:static;
		height: auto;
		width: 100%;
		background-color: #eee;
		padding: 0;
		margin: 0;
		}

	.menu > li.selected > ul {
		display: block;	
		color: #ba0000;
		}


	.menu li ul li {
		display: block;
		margin: 0;
		}

	.menu li ul li a {
		display: block;
		font-weight: normal;
		color: #3c3c3c;
		padding: 1rem 15vw;
		}

	.menu li ul li.selected a {
		color: #ba0000;
		background-color: #fafafa;
		border-bottom: none;
		}

	.menu li ul li a:hover,
	.menu li ul li a:active {
		color: #ba0000;
		background-color: #fff;
		}
}


@media all and (max-width: 500px) {
	.menu {
		top: 70px;
		height: calc(100vh - 70px);
		}
	}
