<!DOCTYPE HTML>
<html>

<head>
	<title>База знаний | СТИЛСОФТ</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta property="og:title" content="" />
	<meta property="og:site_name" content="" />
	<meta property="og:description" content="" />

	<meta name="yandex-verification" content="ad6c3801f4840793" />

	<meta name="robots" content="index,all" />
	<link rel="icon" href="/images/favicons/stilsoft-bl.ico" type="image/x-icon" />
	<meta name="google-site-verification" content="HWCd7gBt0FdNw_9gwo_DNWtchcvJwjSdBfiyiuCYZOg" />
<!-- Yandex.Metrika informer
<a href="https://metrika.yandex.ru/stat/?id=29820959&from=informer"
target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/29820959/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="29820959" data-lang="ru" /></a>
-->

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(29820959, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/29820959" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->


	<!--<link href="/css/bootstrap.min.css" rel="stylesheet" rel="stylesheet" type="text/css" media="all"/>-->

	<link title="CSS Style" media=screen href="/modules/_plugins/bootstrapcss45/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
<link title="CSS Style" media=screen href="/modules/_plugins/motionui/css/motion-ui.css" type="text/css" rel="stylesheet"/>
<link title="CSS Style" media=screen href="/modules/_themes/stilboot/css/stilboot_reset.css" type="text/css" rel="stylesheet"/>
<link title="CSS Style" media=screen href="/modules/_themes/stilboot/css/stilboot.css" type="text/css" rel="stylesheet"/>
<link title="CSS Style" media=screen href="/modules/articles/css/articles.css" type="text/css" rel="stylesheet"/>

	<link rel="stylesheet" href="../css/font-awesome.min.css">
	<style>
		@import url(/css/reset.css);

		@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,700,400,500&subset=latin,cyrillic);
		@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic);
		@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic);

		@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic,cyrillic-ext');

		html {
			background-color: #03283b;
			background-size: 100% auto;
			//background: linear-gradient(to top, #fff 50%, #03283b 50%);
		}

		body {
			/*font-family: "Roboto Condensed", sans-serif;*/
			font-family: 'PT Sans Narrow', sans-serif;
			background: url(/images/adaptive/backtop.jpg);
			background-size: 100% auto;
			overflow-x: hidden;
		}

		#languagebox {
			display: block;
			margin-right: 40px;
			margin-left: 10px;
		}

		.boxLogo input {
			border-radius: 0;
		}

		.boxLogo:first-child {
			display: none;
		}

		.boxLogo:last-child {
			display: block;
			margin-right: 80px;

		}

		.boxLogo2 {
			z-index: 10;
		}

		#phoneSubBox a:hover {
			text-decoration: none;
		}

		#phoneSubBox:hover {
			border-bottom: 1px solid white;
		}

		.navbar {
			padding-right: 0;
			padding-left: 0;
		}

		.navbar-nav li a {
			color: white;
			font-size: 18px;
			margin-right: 5vw;
		}

		.navbar-nav li>a:hover {
			color: #359DE1;
		}

		.navbar-nav li.active a {
			color: #359DE1;
		}

		.navbar-nav {
			font-size: 17px;
		}



		/*-- caurousel --*/
		.caption {
			position: absolute;
			width: 100%;
			height: 100%;
			bottom: 0px;
			z-index: 999;
			background: rgba(0, 0, 0, 0.6);
			padding: 9em 0.5em;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			-ms-transition: all 0.8s ease;
			transform-style: preserve-3d;
			display: none;
			cursor: pointer;
			vertical-align: middle;
		}

		/*
	.glyphicon {
		display: none;
	}
	*/
		.slideanim {
			visibility: hidden;
		}

		/*
	.slide {
		animation-name: slide;
		-webkit-animation-name: slide; 
		animation-duration: 1s; 
		-webkit-animation-duration: 1s;
		visibility: visible; 
	}
	*/
		/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
		@keyframes slide {
			0% {
				opacity: 0;
				-webkit-transform: translateY(70%);
			}

			100% {
				opacity: 1;
				-webkit-transform: translateY(0%);
			}
		}

		@-webkit-keyframes slide {
			0% {
				opacity: 0;
				-webkit-transform: translateY(70%);
			}

			100% {
				opacity: 1;
				-webkit-transform: translateY(0%);
			}
		}

		img.img-responsive {
			margin: auto;
		}

		.owl-item {
			cursor: pointer;
		}

		/*-- /endCarousel --*/
		#buttonBlock1 {
			width: 260px;
			height: 56px;
			border: 3px solid white;
			font-size: 28px;
			color: white;
			padding-top: 4px;
			margin: 0 auto;
			cursor: pointer;
		}

		#buttonBlock1:hover {
			color: YellowGreen;
			border: 3px solid YellowGreen;
		}

		.clear {
			clear: both;
		}

		input.date {
			padding: 10px 30px;
			border: 1px solid #6b7a89;
			font-size: 20px;
		}

		.hidden {
			display: none;
		}

		.clear {
			clear: both;
		}

		.button {
			background: #e6edf5 none repeat scroll 0 0;
			border: 1px solid #6b7a89;
			color: #1e364a;
			font-size: 20px;
			margin-left: 17px;
			padding: 8px 0 10px;
			width: 210px;
		}

		#contacts {
			background: none;
			padding: 50px 0;
		}

		#navshadow {
			background-image: url(/images/shadow-nav.png);
			width: 100%;
			height: 7px;
			display: none;
			margin-bottom: -7px;
			margin-top: 0px;
			border: 0;
			background-size: 100% 7px;
		}

		#navshadowtop {
			background-image: url(/images/shadow-nav-top.png);
			width: 100%;
			height: 7px;
			display: none;
			margin-top: -7px;
			margin-bottom: 0px;
			border: 0;
			background-size: 100% 7px;
		}

		.titleblock {
			color: black;
			text-transform: uppercase;
			font-size: 40px;
			padding: 50px 0 8px;
			font-family: 'Varela Round', sans-serif;
			text-align: center;
		}

			{
			content: extra_css
		}

		.navbar-toggler {
			padding-top: 0;
			padding-bottom: 0;
		}

		.navbar-toggler:focus {
			outline: none;
		}

		.navbar-nav li:nth-last-child(-n+1) {
			//display:none;
			margin-right: -100px;
		}


		.fa.fa-navicon {
			color: white;
			font-size: 24px;
			line-height: 30px;
		}

		.searchIcon {
			margin-top: 3px;
			//margin-bottom: -4px;
			width: 17px;
		}

		#firstSearch {
			margin-bottom: -4px;
		}

		#lastSearch {
			margin-bottom: -3px;
		}

		.searchIcon:hover {
			opacity: 0.7;
			cursor: pointer;
		}

		#undermenu {
			margin-top: 41px;
		}

		#undermenu div {
			text-align: center;
			color: white;
		}

		#logobox {
			height: 80px;
			float: left;
			width: 200px;
			margin-left: 0;
			margin-right: 20px;
			margin-top: 0;
		}

		#title {
			font-weight: 700;
			font-size: 22px;
		}

		#undermenu #titlebox {
			margin: 18px 0 0;
			height: 60px;
			float: left;
			font-size: 22px;
			line-height: 1;
			text-align: left;
		}

		#desctitle {
			font-size: 14px;
			display: block;
			line-height: 1.2;
			margin-top: 7px;
		}

		#toplogo {
			margin: 15px 0 0 0;
			display: block;
			width: 190px;
			height: 52px;
			background-image: url(/images/style/toplogo.png);
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center;
		}

		#logoTitleBox {
			width: 620px;
			//min-width: 380px;

			margin: auto;
			margin-left: 35px;
		}

		#undermenu #phonebox {
			//text-align:left;
			height: 70%;
			display: flex;
			//align-items:center;
			justify-content: flex-end;
		}

		#phonetitle {
			margin-top: 13px;
			//float:left;
			display: flex-inline;
			font-size: 22px;
			text-transform: uppercase;

			font-size: 24px;
			margin-right: 40px;
		}

		#undermenu #materialbox {
			height: 100%;
			display: flex;
			//align-items:center;
			justify-content: center;
		}

		#materialtitle {
			display: flex-inline;
			margin-top: 32px;
			font-size: 16px;
			display: none;
			text-transform: uppercase;

		}

		#materialtitle:hover {
			//color: #359DE1;
			text-decoration: underline;
			cursor: pointer;
		}

		#undermenu #supportbox {
			height: 100%;
			display: flex;
			//align-items:center;
			justify-content: right;
			margin-right: 40px;
		}

		#supporttitle {
			display: flex-inline;
			margin-top: 32px;
			font-size: 22px;
			text-transform: uppercase;
		}

		#supporttitle:hover {
			//color: #359DE1;
			//text-decoration: underline;
			//cursor:pointer;
		}

		#supporttitle {
			padding-left: 70px;
		}

		#menuLogo {
			opacity: 1;
		}

		.header_page {
			height: auto !important;
		}

		.navbar-nav li.active>a.dropdown-toggle[aria-expanded="true"] {
			color: #05435a !important;
			text-decoration: none;
		}

		.navbar-nav li.active>a.dropdown-toggle[aria-expanded="true"] span {
			//border-bottom: 1px solid;
		}

		a.dropdown-toggle[aria-expanded="true"] {
			//color: #359DE1 !important;
			background: #0e9bd3 !important;
			color: white !important;
			padding: 10px 0 10px 10px;
			margin-left: -10px;
		}

		.dropdown-menu {
			background: #0a89be;
			border-radius: 0px;
			left: auto !important;
			margin-left: -10px;
			padding-left: 11px;
			margin-top: 8px;
			border: 0;
		}

		.subdropdown {
			margin-left: 20px;
			padding-bottom: 5px;
		}

		.subdropdown a.menuAnker {
			color: white !important;
		}

		.navbar-nav li.active .dropdown-menu>a {
			color: #05435a !important;
			text-decoration: none;
		}

		.navbar-nav li.childrenActive .dropdown-menu>a {
			color: white !important;
			text-decoration: none;
		}

		.navbar-nav li.childrenActive .dropdown-menu>a:hover {
			color: white !important;
			text-decoration: none;
		}

		.subdropdown .active a.menuAnker {
			color: #05435a !important;
			text-decoration: none;
		}

		.subdropdown .active a.menuAnker span {
			//border-bottom: 0px solid;
		}

		.dropdown-toggle::after {
			position: relative;
			top: 2px;
			margin-right: 5px;
		}

		.navbar-nav li:nth-child(2) .dropdown-menu .subdropdown {
			margin-left: 0px;
		}

		.navbar-nav li:nth-child(2) .dropdown-menu>.menuAnker {
			display: none;
		}

		.navbar-nav li.show .dropdown-toggle {
			color: #05435a !important;
		}

		.navbar-nav li:last-child a {
			margin-right: 0;
		}

		.navbar-nav li a:hover {
			text-decoration: none;
		}

		.navbar-nav li a:hover span {
			border-bottom: 1px solid;
		}

		.navbar-nav li .dropdown-toggle::after {
			top: 3px;
			//border-top: 0;
			//border-bottom: .3em solid;
		}

		.navbar-nav li.show .dropdown-toggle::after {
			border-top: 0;
			border-bottom: .3em solid;
			//border-top: .3em solid;
			//border-bottom: 0;
		}


		@media (max-width: 1900px) {

			#supporttitle {
				padding-left: 0px;
			}
		}

		@media (max-width: 1600px) {
			#logoTitleBox {
				margin-right: auto;
			}

			.boxLogo:last-child {
				margin-right: 20px;
			}

			.newslide {
				padding-left: 0 !important;
			}

		}

		@media (max-width: 1400px) {
			#languagebox {
				display: none;
			}

			#materialtitle {
				font-size: 18px;
				margin-top: 35px;
			}

			#supporttitle {
				font-size: 18px;
				margin-top: 35px;
			}
		}

		@media (max-width: 1200px) {
			#menuLogo {
				opacity: 0;
			}

			.container-fluid {
				position: relative;
				padding-right: 25px !important;
				padding-left: 25px !important;
			}

			#phonetitle {
				margin-top: 0px;
			}

			#materialtitle {
				margin-top: 38px;
				font-size: 16px;
			}

			#supporttitle {
				margin-top: 22px;
				font-size: 16px;
			}

			#undermenu {
				background: #03283b;
			}

			#undermenu #phonebox {
				justify-content: left;
				margin-left: 45px;
				margin-top: 20px;
			}

			#undermenu #materialbox {
				justify-content: center;
			}

			#undermenu #supportbox {
				justify-content: center;
			}
		}



		@media (max-width: 992px) {
			#accountMenu {
				display: none;
			}

			.navbar-nav li.show .dropdown-toggle {
				color: #359DE1 !important;
			}

			.navbar-nav li.active>a.dropdown-toggle[aria-expanded="true"] {
				color: #359DE1 !important;
				text-decoration: underline;
			}

			.navbar-nav li.active>a.dropdown-toggle[aria-expanded="true"] span {
				//border-bottom: 1px solid;
			}

			a.dropdown-toggle[aria-expanded="true"] {
				background: none !important;
			}

			.dropdown-menu {
				background: none;
				padding-top: 0;
				margin-top: 0;
				margin-left: 5px;
				border: 0;
			}

			.navbar-nav li.active .dropdown-menu>a {
				color: #359DE1 !important;
				text-decoration: none;
			}

			.navbar-nav li.childrenActive .dropdown-menu>a {
				color: white !important;
				text-decoration: none;
			}

			.navbar-nav li.childrenActive .dropdown-menu>a:hover {
				color: white !important;
				text-decoration: none;
			}

			.subdropdown .active a.menuAnker {
				color: #359DE1 !important;
				text-decoration: none;
			}

			.subdropdown .active a.menuAnker span {
				//border-bottom: 1px solid;
			}

			.subdropdown {
				margin-top: -20px;
			}




			.navbar-nav li:nth-last-child(-n+2) {
				display: block
			}

			#col_materialbox,
			#col_supportbox {
				display: none;
			}

			.boxLogo:first-child {
				display: block;
			}

			.boxLogo2 {
				display: none;
			}

			.navbar-nav li:first-child {
				margin-top: 15px;
			}

			.navbar-nav li:last-child {
				margin-bottom: 15px;
			}

			.navbar-nav li {
				padding: 0 .5rem;
				line-height: 1.1;

			}

			.navbar-nav li a {
				font-size: 17px;
				display: block;
				padding: 12px 0;
			}


			.navbar-collapse.collapsing {
				padding: 0rem 1rem;
				background: #03283b;
				position: fixed;
				//height: 100vh;
				top: 40px;
				left: 0px;
				width: 100%;
				opacity: 0.9;
				transition: height .25s linear;
			}

			.navbar-collapse.collapse {
				padding: 0rem 1rem;
				position: fixed;
				top: 40px;
				left: 0px;
				height: 100vh;
				width: 100%;
				background: #03283b;
				opacity: 0.9;
				overflow-y: auto;
				transition: height .15s linear;
				overscroll-behavior: contain;
			}

			.navbar-nav {

				max-height: inherit;
				display: block;
				height: auto;
				min-height: auto;
				padding-bottom: 15vh;
			}

		}

		@media (max-width: 768px) {
			.container {

				padding-right: 25px !important;
				padding-left: 25px !important;
			}

			#desctitle {
				font-size: 14px;
			}

			#logoTitleBox {
				width: 360px;
			}

			#phonetitle {
				//margin-left: -100px;
			}

			#supporttitle {
				margin-top: 15px;
				//margin-left: -175px;
				//display:none;
			}

			#materialtitle {
				margin-top: 15px;
				//display:none;
				//margin-left: -180px;
			}


		}

		@media (max-width: 576px) {

			#desctitle,
			#materialtitle,
			#supporttitle,
			#phonetitle {
				//font-size: 14px;

			}

			#title {
				font-size: 18px;
			}

			#logoTitleBox {
				width: 310px;
			}

			#logobox,
			#toplogo {
				width: 80px;
			}
		}

		.container-fluid {
			position: relative;
			padding-right: 45px;
			padding-left: 45px;
		}


		@media (max-width: 320px) {
			.boxLogo {
				margin-right: -20px;
			}
		}

		.navbar-header {
			line-height: 0;
		}

		.navbar-toggler {
			margin-bottom: -5px;
			display: block;
			padding-right: .1rem;
		}

		.navbar-toggler .icon-bar {
			width: 22px;
			transition: all 0.2s;
			display: block;
			height: 3px;
			background: white;
			margin-bottom: 3px;
		}

		.navbar-toggler .top-bar {
			transform: rotate(45deg);
			transform-origin: 10% 10%;
		}

		.navbar-toggler .middle-bar {
			opacity: 0;
		}

		.navbar-toggler .bottom-bar {
			transform: rotate(-45deg);
			transform-origin: 10% 90%;
		}

		.navbar-toggler.collapsed .top-bar {
			transform: rotate(0);
		}

		.navbar-toggler.collapsed .middle-bar {
			opacity: 1;
		}

		.navbar-toggler.collapsed .bottom-bar {
			transform: rotate(0);
		}

		.oldSiteAnker {
			position: absolute;
			top: 155px;
			margin-right: 90px;
			right: 0;
			z-index: 1000;
			color: white;
		}

		.oldSiteAnker a {
			color: white;
			text-transform: uppercase;
			font-size: 13px;
		}

		@media (max-width: 1200px) {

			.oldSiteAnker {
				display: none;
			}
		}
	</style>



	<script type="text/javascript" src="/js/jquery.inputmask.min.js"></script>
<script type="text/javascript" src="/modules/_plugins/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="/modules/_plugins/modernizr/js/modernizr.js"></script>
<script type="text/javascript" src="/modules/_plugins/motionui/js/motion-ui.js"></script>
<script type="text/javascript" src="/modules/_plugins/bootstrapjs45/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/modules/articles/js/articles.js"></script>


	<link href="../css/font-awesome.min.css" rel="stylesheet">
	<script>

		$(document).ready(function () {
			var url = window.location.pathname.split('/');
			if (url[1] == '') {
				$('#logoTitleBox').css('opacity', '0');
				setTimeout("$('#logoTitleBox').css('opacity', '1');", 200);


				if ($(window).width() < 992) {
					MotionUI.animateIn($('#phonebox'), 'hinge-in-from-middle-x');
					setTimeout("MotionUI.animateIn($('#logoTitleBox'), 'hinge-in-from-middle-x');", 200);
				}
				else {
					MotionUI.animateIn($('#phonebox'), 'slide-in-right');
					setTimeout("MotionUI.animateIn($('#logoTitleBox'), 'slide-in-left');", 200);
				}

				$('#supportbox').css('opacity', '0');
				setTimeout("$('#supportbox').css('opacity', '1');", 600);
				setTimeout("MotionUI.animateIn($('#supportbox'), 'slide-in-right');", 600);

				MotionUI.animateIn($('#materialbox'), 'slide-in-right');

				MotionUI.animateIn($(".newslide"), 'fade-in');
				MotionUI.animateIn($(".newSlideCntBox"), 'fade-in');
			}
			else {
				$('.oldSiteAnker').addClass('hidden');
			}
			$(window).scroll(function () {
				//console.log($(window).scrollTop())
				if ($(window).scrollTop() > 50) {
					$('#menuLogo').show('fast');
					//$('#menuLogo img').animate({width:'+=4px'},100);
				}
				if ($(window).scrollTop() < 50) {
					$('#menuLogo').hide('fast');
					//$('#menuLogo img').css('width', '0');
					//$('#menuLogo').animate({width:'0'},100);
				}
			})


			/*
			
			
			var movementStrength = 25;
			var height = movementStrength / $(window).height();
			var width = movementStrength / $(window).width();
			var newvalueY = 0;
			$("body").mousemove(function(e){
				if($(window).width() > 1000) {
					  var pageX = e.pageX - ($(window).width() / 2);
					  var pageY = e.pageY - ($(window).height() / 2);
					  var newvalueX = width * pageX * -1 - 25;
					  newvalueY = height * pageY * -1 - 50;
					  
					  var half = $(window).width() / 2;
					  var halfPos = e.pageX - half;
					  var deg = halfPos / 700;
						//var newvalueX = e.pageX % 50 * -1;
						//var newvalueY = e.pageY % 50 * -1;
					  //$('#wrapper').css("background-position", newvalueX+"px     "+newvalueY+"px");
					  $('#wrapper').css("left", newvalueX+"px");
					  $('#wrapper').css("top", newvalueY1+"px");
					  $('#wrapper').css("transform", "perspective(400px) rotateY("+deg+"deg)");
					  //$("body").css('background-size', '100% auto');
				}
			});
			
			var movementStrength1 = 10;
			var height1 = movementStrength1 / $(window).height();
			var width1 = movementStrength1 / $(window).width();
			var newvalueY1 = 0;
			$("body").mousemove(function(e){
				if($(window).width() > 1000) {
					  var pageX = e.pageX - ($(window).width() / 2);
					  var pageY = e.pageY - ($(window).height() / 2);
					  var newvalueX = width1 * pageX * -1 + 0;
					  newvalueY1 = height1 * pageY * -1 - 50;
						//var newvalueX = e.pageX % 50 * -1;
						//var newvalueY = e.pageY % 50 * -1;
					  $('#fires').css("left", newvalueX+"px");
					  $('#fires').css("top", newvalueY1+"px");
					  //$("body").css('background-size', '100% auto');
				}
			});
			
			var margintop = (1920 - $(window).width()) / 6;
			var margintop2 = (1920 - $(window).width()) / 7;
			$("#fires").css('margin-top', margintop+'px');
			$("#wrapper").css('margin-top', margintop2+'px');
			window.onresize = function(event) {
				margintop = (1920 - $(window).width()) / 6;
				margintop2 = (1920 - $(window).width()) / 7;
				$("#fires").css('margin-top', margintop+'px');
				$("#wrapper").css('margin-top', margintop2+'px');
				
				
				directsLines();
	
				
	
			}
			*/
		});
	</script>
</head>

<body id="home" data-spy="scroll" data-target=".navbar" data-offset="60">

	<!--
	<div style="position: absolute; top: -100000px;">
		<img src="/images/kitezh/loading.gif">
	</div>
	-->

	<nav class="navbar navbar-expand-lg fixed-top" style="background: #03283b;z-index: 10000;">
		<div id="menuLogo"
			style="position: absolute;left: 80px;top: 7px; display:none;color: white;font-weight: bold;z-index: 1000;">
			<a href="/"><img style="width: 50px;" src="/images/style/toplogo_new.png"></a>
		</div>


		<div class="container-fluid" style="padding-left: 208px;">

			<div style="color: black; font-size: 17px; float:right;width: 213px;" class="boxLogo">
  <form accept-charset="utf-8" id="search_global" method="get" action="/search">
  <div style="padding-left:10px; padding-right:5px; text-align:center;float:left">
	<img src="/images/adaptive/search_header.png" onmouseover="showSearchHover(this)" onclick="showSearch(this)" class="searchIcon" id="firstSearch">
  </div>
<input onfocus="timerRemove()" name="title"  onblur="timerCreate()" style="width: 0px;font-size: 14px; margin-left: 5px;padding: 0;border: 0;" class="searchField">
    </form>
</div>



			<div class="navbar-header navbar-button-toggle ">
				<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#myNavbar"
					aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation">
					<span class="icon-bar top-bar">&nbsp;</span>
					<span class="icon-bar middle-bar">&nbsp;</span>
					<span class="icon-bar bottom-bar">&nbsp;</span>
					<!--<span class="navbar-toggler-icon"><i class="fa fa-navicon"></i></span>-->
				</button>

			</div>
			<div class="collapse navbar-collapse " id="myNavbar" style="">
				<ul class="navbar-nav justify-content-left" style="width: 90%;">
					<li><a href="/" id="" {attrs_for_parent}><span>Главная</span></a>
 <div class="dropdown-menu" aria-labelledby="">
	
		<a class="menuAnker background_back_color_2" href="/"><span>Главная</span></a>
		<div class="subdropdown">
		
		</div>

</div>
</li>

<li><a href="/page/about-old" id="pageabout-old" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>О компании</span></a>
 <div class="dropdown-menu" aria-labelledby="pageabout-old">
	
		<a class="menuAnker background_back_color_2" href="/page/about-old"><span>О компании</span></a>
		<div class="subdropdown">
		<ul><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/aboutus"><span>О нас</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/news"><span>Новости</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/papers"><span>Сертификаты, лицензии и отзывы</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/materials"><span>Рекламные материалы и видеопрезентации</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/vacancies"><span>Вакансии</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/calendar"><span>Календарь событий</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/partner"><span>Как стать партнером</span></a>
</li></ul>
		</div>

</div>
</li>

<li><a href="/products" id="products" {attrs_for_parent}><span>Продукция</span></a>
 <div class="dropdown-menu" aria-labelledby="products">
	
		<a class="menuAnker background_back_color_2" href="/products"><span>Продукция</span></a>
		<div class="subdropdown">
		
		</div>

</div>
</li>

<li><a href="/page/education" id="pageeducation" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Учебный центр</span></a>
 <div class="dropdown-menu" aria-labelledby="pageeducation">
	
		<a class="menuAnker background_back_color_2" href="/page/education"><span>Учебный центр</span></a>
		<div class="subdropdown">
		<ul><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/page/eduprograms"><span>Образовательные программы</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/page/eduleadership"><span>Руководство и педагогический состав</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/page/edudocs"><span>Документы</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/webinars"><span>Вебинары</span></a>
</li></ul>
		</div>

</div>
</li>

<li><a href="https://safety-lab.ru" id="https:safety-lab.ru" {attrs_for_parent}><span>Лаборатория</span></a>
 <div class="dropdown-menu" aria-labelledby="https:safety-lab.ru">
	
		<a class="menuAnker background_back_color_2" href="https://safety-lab.ru"><span>Лаборатория</span></a>
		<div class="subdropdown">
		
		</div>

</div>
</li>

<li class="active childrenActive">


<a href="/page/support" id="pagesupport" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Техподдержка</span></a>

 <div class="dropdown-menu" aria-labelledby="pagesupport">
	
		<a class="menuAnker " href="/page/support"><span>Техподдержка</span></a>
		<div class="subdropdown">
		<ul><li class="menuItemChildren active">
	<a class="menuAnker color_back_color border_back_color_2" href="javascript:void(0)"><span>База знаний</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/callorder"><span>Заказать обратный звонок</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/callback"><span>Обратиться в техподдержку</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/certs"><span>Скачать сертификат ключа</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/reqpassport"><span>Заказать дубликат паспорта</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="javascript: void(0)"><span>Инструменты проектировщика</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/calc504"><span>Конфигуратор контроллера STS-504</span></a>
</li><li class="menuItemChildren">
	<a class="menuAnker background_back_color_2" href="/bonusprog"><span>Бонусная программа</span></a>
</li></ul>
		</div>
</div>

</li><li><a href="/page/contacts" id="pagecontacts" {attrs_for_parent}><span>Контакты</span></a>
 <div class="dropdown-menu" aria-labelledby="pagecontacts">
	
		<a class="menuAnker background_back_color_2" href="/page/contacts"><span>Контакты</span></a>
		<div class="subdropdown">
		
		</div>

</div>
</li>


				</ul>
			</div>

			<div style="color: black; font-size: 17px; float:right;width: auto;margin-bottom: -3px" class="boxLogo boxLogo2">
  <form accept-charset="utf-8" id="search_global" method="get" action="/search">
  <input onfocus="timerRemove()" name="title" onblur="timerCreate()" style="width: 0px;font-size: 14px; margin-left: 5px;padding: 0;border: 0;float: right;margin-right: 5px;" class="searchField">
   
  <div style="padding-left:10px; padding-right:5px; text-align:center;float:right;margin-top: -1px;">
	<img src="/images/adaptive/search_header.png" onmouseover="showSearchHover(this)" style="margin-top: 0px;" onclick="showSearch(this)" class="searchIcon" id="lastSearch">
  </div>
 </form>
</div>

			<a href="/authlk" id="accountMenu"><img style="width: 19px;margin-bottom: -4px;margin-right: 2px;margin-left: 2px;" src="/images/lkservice/account-white.png"></a>
			<div id="languagebox">
  
  <!--<img src="/images/style/rus_rus.png" style="margin-right: 5px;" width="30">-->
<span style="font-size: 16px; color: #359DE1;margin-right: 5px;">RU</span>
<a href="https://stilsoft.su">
  <span style="font-size: 16px; color: white;margin-right: 5px;">EN</span>
<!--<img src="/images/style/rus_eng.png" width="31">-->
</a>
  <a href="https://stilsoft.kz">
  <span style="font-size: 16px; color: white;">KZ</span>
<!--<img src="/images/style/rus_eng.png" width="31">-->
</a>
</div>


		</div>

	</nav>

	<div class="container-fluid header_page" id="undermenu" style="z-index: 1000;height: 0; padding-top: 0px;">
		<div class="row">
			<div class="col-lg-12">
				<div class="row justify-content-between">
					<div class="col-md-6">
						<div id="logoTitleBox" class="ease-in">
							<div id="logobox">
								<a href="/">
									<div id="toplogo" style="">&nbsp;</div>
								</a>
							</div>
							<div id="titlebox">
								<!--<span id="title" >СТИЛСОФТ</span>-->
<span id="desctitle">Российский разработчик и производитель комплексных систем безопасности,<br />
специальной техники и космических систем</span>


							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="col-md-6">

						<div id="phonebox" class="ease-in">
							<!--<div id="phonetitle" ><a style="color: white;font-weight: bold;" href="/products">Каталог продукции</a></div>-->
							<div id="phonetitle" style="">
								<span id="phoneSubBox">
									<img style="margin: 0px 5px 0 0; height: 18px;"
										src="/images/kitezh/phone-white.png">
									<a style="color: white;" href="tel:+78652524444">+7 (8652) 52-44-44</a>
								</span>
								<div class="clear"></div>
								<div style="margin-top: -5px;">
									<span
										style="font-size: 14px;font-family: Roboto Condensed;display: inline-block;text-align: left;width: 216px;padding-top: 10px;margin-left: 22px;"
										id="chatButton">
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
											style="width: 23px;display: block;margin-right: 10px;float: left;margin-top: ;margin-left: ;">
											<g fill="currentColor">
												<path
													d="M21.628 11.093c0-3.261-4.004-5.905-8.943-5.905S3.742 7.83 3.743 11.093c0 1.421.76 2.725 2.027 3.744.218 2.124-.8 3.414-1.488 4.178 2.113.552 4.288-1.158 5.277-2.388.973.24 2.026.372 3.126.372 4.939 0 8.943-2.645 8.943-5.906zM3.803 20.99l-3.226-.844 2.272-2.523c.579-.642.895-1.179.972-1.849-1.295-1.31-2.04-2.926-2.04-4.68 0-4.63 5.017-7.944 10.904-7.944S23.59 6.464 23.59 11.093c0 4.63-5.017 7.943-10.904 7.943-.83 0-1.65-.066-2.445-.196-1.76 1.712-4.137 2.751-6.437 2.15z">
												</path>
												<g transform="translate(7.611 9.674)">
													<ellipse cx="5.191" cy="1.354" rx="1.298" ry="1.354"></ellipse>
													<ellipse cx="9.084" cy="1.354" rx="1.298" ry="1.354"></ellipse>
													<ellipse cx="1.298" cy="1.354" rx="1.298" ry="1.354"></ellipse>
												</g>
											</g>
										</svg>
										<span style="line-height: 1.7;">Напишите нам, мы онлайн</span>
									</span>

									<div class="clear"></div>
								</div>
							</div>



							<div class="clear"></div>

						</div>
						<div id="chatbox" style="display: flex;justify-content: flex-end;margin-right: 50px;">

						</div>
					</div>
				</div>
			</div>
			<!--
			<div class="col-lg-3">
			<div class="row">
			-->
			<!--
				<div class="col-xl-6" id="col_materialbox">
					<div id="materialbox" class="ease-in">
						<div id="materialtitle"><span >Контактный телефон: (495) 663-71-75</span></div>
					</div>
				</div>
				-->
			<!--
				<div class="col-xl-12" id="col_supportbox">
					<div id="supportbox" class="ease-in">
						<div id="supporttitle"><a style="color: white;" href="/subscribe">Подписка на новости</a></div>
						<div id="supporttitle">Техническая поддержка</div>
					</div>
				</div>
			</div>
			</div>
			-->
		</div>
	</div>
	<!--
	<div class="oldSiteAnker">
	<img src="/images/style/clock.png" style="width: 20px; float: left; margin-right: 7px;">
	<div style="float: right;line-height: 1.1;"><a href="https://old.stilsoft.ru" style="position: relative;top: -10px;">Предыдущая <br> версия сайта</a></div>
	</div>
	--><div style="width: 100%; background: white;padding-bottom: 100px;">
<div class="container" style="background: white;margin-top: 10px; background:white;padding-top: 30px;max-width: 1240px;min-height: 450px;">
  
	<div class="row breadcrumb_container" style="margin-bottom: 10px;">
		<div class="col-lg-12 breadcrumb_box">
			<a href="/">Главная</a> » <a style="margin-left:3px;" href="/page/support/">Техподдержка</a> » <a style="margin-left:3px;" href="/articles/">База знаний техподдержки </a> »  <a style="margin-left:3px;" href="/articles/"></a> » 
		</div>
	</div>
	  
	
	<div class="row">
		<div class="col-lg-12">
			<div style="display: flex">
				<div class="menu">
					<div>
<div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/synerget">Синергет</a></div>
	<div id="arrow_menu_21" class="arrow_menu  "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div class="boxChilds hidden" id="childs_21"><div class="menu_item_child "><a href="/articles/synerget-info">Справочная информация</a></div><div class="menu_item_child "><a href="/articles/synerget-reshenie">Решениe проблем</a></div></div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/skdl">СКДЛ</a></div>
	<div id="arrow_menu_26" class="arrow_menu  "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div class="boxChilds hidden" id="childs_26"><div class="menu_item_child "><a href="/articles/skdl-info">Справочная информация</a></div><div class="menu_item_child "><a href="/articles/skdl-resheniya">Решение проблем</a></div></div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/avtonomnie-kompleksy">Автономные комплексы</a></div>
	<div id="arrow_menu_29" class="arrow_menu hidden "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/controllery">Контроллеры</a></div>
	<div id="arrow_menu_24" class="arrow_menu  "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div class="boxChilds hidden" id="childs_24"><div class="menu_item_child "><a href="/articles/sts-408-409">STS-408/409/410/411</a></div></div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/datchiki">Датчики</a></div>
	<div id="arrow_menu_28" class="arrow_menu hidden "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/dver-kkho-zaslon-d">КСО КХО «Заслон»</a></div>
	<div id="arrow_menu_30" class="arrow_menu hidden "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/konfigurator-504">Конфигуратор STS-504</a></div>
	<div id="arrow_menu_34" class="arrow_menu hidden "><img class="" src="/images/articles/menu_arrow.png"></div>
</div><div style="display: flex;" class="menu_item ">
	<div class="line_item"></div>
	<div style="width: 100%;"><a href="/articles/Raznoe">Разное</a></div>
	<div id="arrow_menu_33" class="arrow_menu hidden "><img class="" src="/images/articles/menu_arrow.png"></div>
</div>
</div>
				</div>
				<div style="width: 100%;">
					<form action="/articles/" method="POST">
					<input type="hidden" value="search" name="action">
					<div style="display: flex; border: 1px solid #f5f5f5;padding: 3px;background: #f6f6f6;margin-bottom: 20px;max-width: 415px;">
						<div style="border: 1px solid #f6f6f6;height: 28px;">
							<img src="/images/style/search_grey.png" style="width: 28px;padding: 3px;" />
						</div>
						<div style="width: 100%;  height: 28px;">
							<input name="search" style="width: 100%;border: 1px solid lightgray;height: 28px;padding-left: 10px;margin: 0;color: #737372;" value=""/>
						</div>
					</div>
					</form>
					<div class="title_page">
					
					</div>
					<style>{style}</style>
					<div class="article_content">
					<span class="dateArticle"></span>

					
						<a class="hidden" href="/topdf/{ulr}">
							<div>
								<img id="download_ico" src="/images/catalog/pdf.png">
								<span style="position: relative; top: -10px;left: 10px;">Скачать статью в PDF</span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</div>
</div><style>
	.container_contacts a:hover {
		color: #207fe1;

	}

	.container_contacts a {
		color: #207fe1;
	}

	#contacts {
		padding-top: 100px;
	}

	#bottomLogoTitleBox {
		width: auto;
		margin: ;
		display: flex;
		margin-bottom: 20px;
	}

	#bottomlogo {
		margin: 7px 0 0 0;
		display: block;
		width: 50px;
		height: 50px;
		background-image: url(/images/logo/circle.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		float: right;
	}

	.bottom_titlebox {
		width: auto;
	}

	.address_title {
		font-size: 24px;
		margin-bottom: 15px;
		margin-top: 23px;
	}

	#allrightbox {
		//margin-left: 130px;
	}

	#bottom_desctitle {
		font-size: 16px;

	}

	#bottom_logobox {
		height: 80px;
		float: right;
		width: 110px;
		margin-left: 0;
		//margin-right: 20px;

		margin-top: 0;
	}

	#moscowAddress {
		//float:right;
		min-width: 200px;
	}

	#piterAddress {
		min-width: 200px;
	}

	.address_col {
		margin-bottom: 20px;
	}


	.piter2 {
		display: none;
	}

	.piter1 {
		display: block;
	}

	/*
		.stav-adress {
			max-width: 320px;
		}
		@media (max-width: 1600px) {
			.stav-adress {
				max-width: none;
			}
		}
		*/
	.social {
		cursor: default;
		word-spacing: 12px;
		color: #7a7a7a;
	}

	.social i:hover {
		color: #207fe1;
		cursor: pointer;
	}

	@media (max-width: 1200px) {
		.piter2 {
			display: block;
		}

		.piter1 {
			display: none;
		}

		#contacts {
			padding-top: 50px;
		}

		#moscowAddress {
			float: right;
		}
	}

	@media (max-width: 992px) {

		#piterAddress {
			min-width: auto;
		}

		#moscowAddress {
			min-width: auto;
		}
	}

	@media (max-width: 768px) {
		#moscowAddress {
			float: none !important;
		}

		#bottom_logobox {
			float: none !important;
		}
	}
</style>
<script><!-- hide
function openWin2() {
myWin=open("http://www.facebook.com/sharer.php?u=https://stilsoft.ru","displayWindow","width=520,height=300,left=350,top=170,status=no,toolbar=no,menubar=no");
}
// -->
</script>
<script>
	Share = {
		vkontakte: function (purl, ptitle, pimg, text) {
			url = 'http://vkontakte.ru/share.php?';
			url += 'url=' + encodeURIComponent(purl);
			url += '&title=' + encodeURIComponent(ptitle);
			url += '&description=' + encodeURIComponent(text);
			url += '&image=' + encodeURIComponent(pimg);
			url += '&noparse=true';
			Share.popup(url);
		},
		odnoklassniki: function (purl, text) {
			url = 'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1';
			url += '&st.comments=' + encodeURIComponent(text);
			url += '&st._surl=' + encodeURIComponent(purl);
			Share.popup(url);
		},
		facebook: function (purl, ptitle, pimg, text) {
			url = 'http://www.facebook.com/sharer.php?s=100';
			url += '&p[title]=' + encodeURIComponent(ptitle);
			url += '&p[summary]=' + encodeURIComponent(text);
			url += '&p[url]=' + encodeURIComponent(purl);
			url += '&p[images][0]=' + encodeURIComponent(pimg);
			Share.popup(url);
		},
		twitter: function (purl, ptitle) {
			url = 'http://twitter.com/share?';
			url += 'text=' + encodeURIComponent(ptitle);
			url += '&url=' + encodeURIComponent(purl);
			url += '&counturl=' + encodeURIComponent(purl);
			Share.popup(url);
		},
		mailru: function (purl, ptitle, pimg, text) {
			url = 'http://connect.mail.ru/share?';
			url += 'url=' + encodeURIComponent(purl);
			url += '&title=' + encodeURIComponent(ptitle);
			url += '&description=' + encodeURIComponent(text);
			url += '&imageurl=' + encodeURIComponent(pimg);
			Share.popup(url)
		},

		popup: function (url) {
			window.open(url, '', 'toolbar=0,status=0,width=626,height=436');
		}
	};
</script>

<!--
							<div style="opacity: 0;height: 0; margin-right: -10px;">
							<div id="ok_shareWidget" ></div>
<script>
!function (d, id, did, st, title, description, image) {
  function init(){
    OK.CONNECT.insertShareWidget(id,did,st, title, description, image);
  }
  if (!window.OK || !OK.CONNECT || !OK.CONNECT.insertShareWidget) {
    var js = d.createElement("script");
    js.src = "https://connect.ok.ru/connect.js";
    js.onload = js.onreadystatechange = function () {
    if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
      if (!this.executed) {
        this.executed = true;
        setTimeout(init, 0);
      }
    }};
    d.documentElement.appendChild(js);
  } else {
    init();
  }
}(document,"ok_shareWidget",document.URL,'{"sz":12,"st":"oval","ck":1,"lang":"ru","bgclr":"1307ED","txclr":"FFFFFF"}',"","","");
</script>
</div>
-->

<div class="block" id="contacts" style="background: white; position: relative;">


	<div id="container_contacts" class="container container_contacts" style="max-width: 1340px;">
		<!--<div id="container_contacts" class="container" style="max-width: 1600px;">-->
					<div class="row justify-content-center">
				<div class="col-xl-7 ">
					<div class="row justify-content-center">
						<div class="col-md-3  ">
							<div id="bottom_logobox" style="padding-top:10px;">
	                              <a href="/"><div id="bottomlogo" style=""> </div></a>
							</div>
						</div>
						<div class="col-md-4  address_col">

								<div id="bottomLogoTitleBox">
									
									<div id="bottom_titlebox" style="padding-top:11px;">
										<!--<span id="title" style="color: #3a3a3a;">СТИЛСОФТ</span><br>
										<span id="desctitle" style="color: #666;">Российский разработчик и производитель<br>комплексных систем безопасности</span>-->
                  <img src="/images/logo/logo_text_black.svg" width="221" alt="Стилсофт" />
									</div>


									
								</div>
								<div id="allrightbox">
									© 2026 "Стилсофт".<br>
									Все права защищены.<br>
									- <a href="/page/conditions">Условия использования</a><br>
									- <a href="/page/tm">Товарные знаки</a><br>
                                    - <a href="/download/docs/politika_obrabotki_pers_dannyih.pdf" target="_blank" rel="nofollow">Политика обработки персональных данных</a>
								</div>
						</div>

						<div class="col-md-5 address_col stav-adress">
							<div class="address_title">Головной офис в г. Ставрополе</div>
							ул. Васильковая, 29, а/я 12<br>
							Телефоны: +7 (8652) 52-44-44,<br>
							+7 (495) 663-71-75<br>
                            Факс: +7 (8652) 52-88-88<br>
							Email: <a href="mailto:info@stilsoft.ru">info@stilsoft.ru</a>

						</div>
					</div>
				</div>
				<div class="col-xl-5">
					<div class="row justify-content-between">
					
						<div class="col-md-3  piter2">
							
						</div>
					
					
						<div class="col-md-4 address_col piter2">
							
							<div id="moscowAddress" style="float:none;">
								<div class="address_title">Офис в г. Москве</div>
                                ул. Красная Пресня, д. 28,<br>
                              	5 этаж, офис 503<br>
								Телефон: +7 (495) 663-71-75<br>
								Email: <a href="mailto:msk@stilsoft.ru">msk@stilsoft.ru</a>
							</div>
						</div>
					
						<div class="col-md-5 address_col piter1">
							
							<div id="moscowAddress">
								<div class="address_title">Офис в г. Москве</div>
								ул. Красная Пресня, д. 28,<br>
                              	5 этаж, офис 503<br>
								Телефон: +7 (495) 663-71-75<br>
								Email: <a href="mailto:msk@stilsoft.ru">msk@stilsoft.ru</a>
							</div>
                          
						</div>

						<div class="col-md-5 col-lg-7 address_col piter1">
							<div id="piterAddress">			
								<div class="address_title">Офис в г. Санкт-Петербурге</div>
								ул. Одоевского, 24 к1, литера А,<br>
                              	помещение 11-Н, офис 101 (ст. м. Приморская)<br>
								Телефон: +7 (921) 985-73-73<br>
								Email: <a href="mailto:spb@stilsoft.ru">spb@stilsoft.ru</a>
							</div>
						</div>
						
						<!--<div class="col-md-5 col-lg-5 address_col piter2">
							<div id="piterAddress">			
								<div class="address_title">Офис в г. Санкт-Петербурге</div>
								ул. Одоевского, 24 к1, литера А,<br>
                              	помещение 11-Н, офис 101 (ст. м. Приморская)<br>
								Телефон: +7 (921) 985-73-73<br>
								Email: <a href="mailto:spb@stilsoft.ru">spb@stilsoft.ru</a>				
							</div>
						</div>
					</div>-->
				</div>
								
			</div>
	</div>
	<div id="container_contacts" class="container container_contacts" style="max-width: 1340px;">
					<div class="row justify-content-center">
				<div class="col-xl-7 ">
					<div class="row justify-content-center">
						<div class="col-md-3  ">
						</div>
						<div class="col-md-4  ">
                          <div style="font-size: 18px; line-height: 1.4;margin-top: 10px;">Нашли ошибку?</div>
                            <span style="color: #666;">Выделите ее и нажмите Ctrl + Enter</span>
							<div class="piter2">
								<br>
								<span style="font-size: 18px;"><a href="javascript: void(0)">5 представительств в России</a></span><br>
								
								<span style="font-size: 10px; color: #acacac;line-height: 1.2;margin-top: 10px;display: block;font-family: Franklin Gothic Medium !important;">ГОСТ Р ИСО 9001-2015 (ISO 9001:2015)<br>ГОСТ РВ 0015-002-2012</span>
								<!--<img src="/images/style/iso.png" style="margin-top: 15px;" alt="ИСО 9001-2001">-->
							</div>
						
						
						</div>

						<div class="col-md-5 address_col stav-adress">
							<div class="piter1">
								<br>
								<span style="font-size: 18px;"><a href="/page/contacts">5 представительств в России</a></span><br>
								
								
								<span style="font-size: 10px; color: #acacac;line-height: 1.2;margin-top: 10px;display: block;font-family:  Franklin Gothic Medium !important;">ГОСТ Р ИСО 9001-2015 (ISO 9001:2015)<br>ГОСТ РВ 0015-002-2012</span>
								<!--<img src="/images/style/iso.png" style="margin-top: 15px;" alt="ИСО 9001-2001">-->
							</div>
							
							<div class="piter2">
                              <!--
								<br>
								<div style="color: #7a7a7a; padding-bottom:10px;display: none; ">Мы в социальных сетях</div>-->
								<span class="social" style="line-height: 4;">
                               <!-- <a style="color: #7a7a7a;" href="https://www.youtube.com/user/stilsofttv/videos?view=0&sort=dd&shelf_id=0"> <i style="font-size: 22px; margin-right: 10px;" class="fa fa-youtube  "> </i>Youtube-канал</a> -->
                                  <!--
									<a style="color: #7a7a7a;" target="_blank" href="https://www.instagram.com/stilsoft/"><i style="font-size: 26px;" class="fa fa-instagram "> </i></a>
									<a style="color: #7a7a7a;margin-left: 5px;" href="https://www.youtube.com/user/stilsofttv/videos?view=0&sort=dd&shelf_id=0"> <i style="font-size: 26px; " class="fa fa-youtube  "> </i></a>
									<a style="color: #7a7a7a;" target="_blank" href="https://www.facebook.com/StilSoft-103209301814636/"><i style="font-size: 22px; margin-left: 5px; position: relative;top:-1px;" class="fa fa-facebook  "> </i></a>
									<a onclick="javascript: void(0)" style="display: none;"> <i style="font-size: 22px;" class="fa fa-vk  "> </i></a>
								</span>
-->
							</div>
							
						</div>
					</div>
				</div>
				<div class="col-xl-5">
					<div class="row justify-content-between">
					
						<div class="col-md-3  piter2">
							
						</div>
					
					
						<div class="col-md-4 address_col piter2">

						</div>
					
						<div class="col-md-5 address_col piter1">

						</div>

						<div class="col-md-5 col-lg-7 address_col piter1">
                          <!--
							<br>
							<div style="color: #7a7a7a; padding-bottom:10px; display: none">Мы в социальных сетях</div>
-->
							<span class="social" style="line-height: 4;">
                               <!-- <a style="color: #7a7a7a;" href="https://www.youtube.com/user/stilsofttv/videos?view=0&sort=dd&shelf_id=0"> <i style="font-size: 22px; margin-right: 10px;" class="fa fa-youtube  "> </i>Youtube-канал</a> -->
<!--
								<a style="color: #7a7a7a;" target="_blank" href="https://www.instagram.com/stilsoft/"><i style="font-size: 26px;" class="fa fa-instagram "> </i></a>
								<a style="color: #7a7a7a;margin-left: 5px;" href="https://www.youtube.com/user/stilsofttv/videos?view=0&sort=dd&shelf_id=0"> <i style="font-size: 26px; " class="fa fa-youtube  "> </i></a>
								<a style="color: #7a7a7a;" target="_blank" href="https://www.facebook.com/StilSoft-103209301814636/"><i style="font-size: 22px; margin-left: 5px; position: relative;top:-1px;" class="fa fa-facebook  "> </i></a>
								<a onclick="javascript: void(0)" style="display: none;"> <i style="font-size: 22px;" class="fa fa-vk  "> </i></a>
							</span>
-->
						</div>
						
						
						<div class="col-md-5 col-lg-5 address_col piter2">

						</div>
					
					
						
					</div>
				</div>
			</div>

	<script type="text/javascript">
	(function(w, d, s, u) {
		w.RocketChat = function(c) { w.RocketChat._.push(c) }; w.RocketChat._ = []; w.RocketChat.url = u;
		var h = d.getElementsByTagName(s)[0], j = d.createElement(s);
		j.async = true; j.src = 'https://rchat.stilsoft.ru/livechat/rocketchat-livechat.min.js?_=201903270000';
		h.parentNode.insertBefore(j, h);
      

	})(window, document, 'script', 'https://rchat.stilsoft.ru/livechat');
      

      
      
      </script>

	</div>

	<div onclick="datacare('notAuth', 'reloadnow')"
		style="position:fixed; z-index:10000; bottom: 5px; right: 15px; width: 5px; height: 5px;cursor:pointer;">&nbsp;
	</div>
</div>
<!-- cdn for modernizr, if you haven't included it already -->
<!-- <script src="https://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
	<script src="https://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script> -->

<script src="../js/modernizr-custom.js"></script>
<script src="../js/polyfiller.js"></script>

<script>
	webshims.setOptions('waitReady', false);
	webshims.setOptions('forms-ext', { types: 'date' });
	webshims.polyfill('forms forms-ext');
</script>

<script>var domain = "stilsoft.ru";</script><script type="text/javascript" src="/modules/_system/js/common.js"></script>


<script>


	$(document).ready(function () {


		// Add smooth scrolling to all links in navbar + footer link
		$(".jumbotron a, .navbar a, a.scrollTo").on('click', function (event) {
			// Store hash
			var hash = this.hash;

			// Using jQuery's animate() method to add smooth page scroll
			// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
			$('html, body').animate({
				scrollTop: $(hash).offset().top
			}, 900, function () {

				// Add hash (#) to URL when done scrolling (default click behavior)
				window.location.hash = hash;
			});
		});
	})


	// { content: extra_js }

</script>

<script>


	var fieldStatus = 0;
	var timer = '';
	function showSearchField() {
		fieldStatus = 1;
		$(".searchField").animate({
			'width': '170px'
		}, {
			duration: 300,
			complete: function () {
				if ($(':focus').attr('name') != 'title')
					timerCreate()
				fieldStatus = 2;
			}
		});
	}

	function showSearchHover(elem) {
		if (fieldStatus == 0)
			showSearchField()
	}

	function showSearch(elem) {
		if (fieldStatus == 0)
			showSearchField()
		else {
			if ($($(elem).parent().children('input')).val() != '') {
				$('form').submit();
			}
			else {
				timerRemove();
				closeSearchField();
			}
		}
	}

	function closeSearchField() {
		if (fieldStatus == 2) {
			fieldStatus = 1;
			$(".searchField").animate({
				'width': '0px'
			}, {
				duration: 300,
				complete: function () {
					fieldStatus = 0;
				}
			});
		}
	}

	function timerRemove() {
		if (timer != '')
			clearTimeout(timer);
	}
	function timerCreate() {
		timerRemove();
		timer = setTimeout(closeSearchField, 3000);
	}

	function clickOk() {
		$("#ok_shareWidget").click();
	}

	$(document).ready(function () {
		$('#chatButton').click(function () {
			RocketChat(function () {
				this.maximizeWidget();
			})
		})
		$('#button_contactus').click(function () {
			RocketChat(function () {
				this.maximizeWidget();
			})
		})
	})
	$(document).ready(function () {

		$('a[href="https://safety-lab.ru"]').attr('target', '_blank');

		$('body').on('submit', '#search_global', function (e) {
			$("input.searchField").each(function (index) {
				if ($(this).val() == '!!!') {
					e.preventDefault()
					$('#status_ico').css("background", "red");
				}
			})
		});


	});

	/*---------------------------------*/

	function runOnKeys(func, ...codes) {
		let pressed = new Set();

		document.addEventListener('keydown', function (event) {
			pressed.add(event.code);

			for (let code of codes) { // все ли клавиши из набора нажаты?
				if (!pressed.has(code)) {
					return;
				}
			}
			pressed.clear();

			func();
		});

		document.addEventListener('keyup', function (event) {
			pressed.delete(event.code);
		});

	}

	runOnKeys(
		() => getSelectionText(),
		"Enter",
		"ControlLeft"
	);

	runOnKeys(
		() => getSelectionText(),
		"Enter",
		"ControlRight"
	);

	function getSelectionText() {
		var text = "";
		if (window.getSelection) {
			text = window.getSelection().toString();
		} else if (document.selection && document.selection.type != "Control") {
			text = document.selection.createRange().text;
		}
		if (text != '') {
			if (confirm("Отправить выделенный фрагмент администратору сайта?"))
				$.post('/errorpost', { text: text, url: window.location.href });
		}
	}

</script>
<!-- /nav sliding -->
<!-- js for slideanim -->
<script>

	$(window).scroll(function () {
		$(".slideanim").each(function () {
			var pos = $(this).offset().top;

			var winTop = $(window).scrollTop();
			if (pos < winTop + 600) {
				$(this).addClass("slide");
			}
		});
	});

</script>
<!-- /js for slideanim -->
<script>
	/*
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-7303405-9', 'auto');
	  ga('send', 'pageview');
*/
</script>
<!--</div>
	</div>-->
</body>

</html>