/bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-57x57.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-60x60.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-72x72.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-76x76.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-114x114.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-120x120.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-144x144.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-152x152.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/apple-icon-180x180.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/android-icon-192x192.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/favicon-32x32.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/favicon-96x96.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/favicon-16x16.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/manifest.json"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/favicon/ms-icon-144x144.png"&gt; /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt; <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="/bitrix/templates/main/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/bitrix/templates/main/fancybox/dist/jquery.fancybox.min.js"></script> /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/fancybox/dist/jquery.fancybox.min.css"&gt; <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Металлопрокат Киров, труба, трубя электросварная, труба бесшовная, профильная труба, балка, швеллер, полоса, листовая сталь, лист, арматура, проволока" />
<link href="/bitrix/js/main/core/css/core.css?15483137163963" type="text/css"  data-template-style="true"  rel="stylesheet" />
<link href="/bitrix/templates/main/components/bitrix/breadcrumb/breadcrumb/style.css?1548313716585" type="text/css"  data-template-style="true"  rel="stylesheet" />
<link href="/bitrix/templates/main/template_styles.css?15591276818552" type="text/css"  data-template-style="true"  rel="stylesheet" />
<script type="text/javascript">if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess=='object') for(var i in mess) BX.message[i]=mess[i]; return true;};</script>
<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1634647853','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'1488d20d1b941dd738f8fe15d639eedf'});</script>


<script type="text/javascript" src="/bitrix/js/twim.recaptchafree/script.js?15516871224421"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchafree&render=explicit&hl=ru"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core.js?1548313716122263"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_db.js?154831371617880"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_ajax.js?154831371636424"></script>
<script type="text/javascript" src="/bitrix/js/main/json/json2.min.js?15483137183467"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_ls.js?154831371610430"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_fx.js?154831371616888"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_frame_cache.js?154831371617555"></script>


<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "0d65723d63c0072a654bcec3d2051833"]); _ba.push(["host", "k-tk.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>


 /bitrix/templates/main<span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>/css/5-col-bootstrap.css"&gt; <div id="header">
	<div class="container">
		<div class="row header-content">
			<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" id="block_logo">
 <a href="/"><img src="/bitrix/templates/main/images/logo.gif" alt=""></a>
				<div class="logo-slogan">
					 Мы поможем подобрать!<br>
					 Мы поможем рассчитать!<br>
					 Мы поможем доставить!
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-right header-contact">
				<div class="header-address">
					 Киров, ул.Луганская 51-б
				</div>
				<div class="header-phone">
 <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> <a href="tel:+78332535030">+7 (8332) 53-50-30</a>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 header-profile text-right">
 <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>&nbsp;&nbsp; <a href="/personal/cart/">Корзина (<span id="cart">0</span>)</a>&nbsp;&nbsp; <span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;&nbsp;  <a href="/login/">Вход</a>&nbsp;&nbsp;&nbsp; <a href="/login/register.php">Регистрация</a>
							</div>
			 		</div>
		 	</div>
</div>
   <nav id="menu" class="navbar navbar-default">
<div class="container">
	<div class="navbar-header">
 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">&nbsp;</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">
		 
	<ul class="nav navbar-nav">
		<li >
			<a href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a>
		</li>

		
		
			
			
				
											<li class="dropdown active">
							<a href="/services/">
								Услуги							</a>
						</li>
					
				
			
			
		
			
			
									<li class="dropdown ">
						<a href="/store/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							Магазин							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
				
			
			
		
			
			
											<li>
								<a href="/store/?SECTION_ID=48" class="parent">Cайдинг/штакетник</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=8" class="parent">Арматура</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=4" class="parent">Балка</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=42" class="parent">Банки/крышки</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=58" class="parent">Белая жесть</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=5" class="parent">Катанка</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=7" class="parent">Квадрат</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=1" class="parent">Листовая сталь</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
				
																		<li><a href="/store/?SECTION_ID=56">Люки и дождеприемники</a></li>
											
				
			
			
		
			
			
											<li>
								<a href="/store/?SECTION_ID=61" class="parent">Оцинковка</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=10" class="parent">Полоса</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=6" class="parent">Проволока вр1</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=77" class="parent">Профильная труба</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=29" class="parent">Профнастил</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=9" class="parent">Труба</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=51" class="parent">Труба ВЧШГ/манжеты</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=3" class="parent">Уголок</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
											<li>
								<a href="/store/?SECTION_ID=60" class="parent">Холоднокатаная лента</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li>			
			
				
																		<li><a href="/store/?SECTION_ID=59">Черная жесть</a></li>
											
				
			
			
		
			
			
											<li>
								<a href="/store/?SECTION_ID=2" class="parent">Швеллер</a>
						<ul>
				
			
			
		
			
			
				
																
				
			
			
		
							</ul></li></ul></li>			
			
				
											<li class="dropdown ">
							<a href="/photos/">
								Фотогалерея							</a>
						</li>
					
				
			
			
		
			
			
				
											<li class="dropdown ">
							<a href="/rekvizity/">
								Реквизиты							</a>
						</li>
					
				
			
			
		
			
			
				
											<li class="dropdown ">
							<a href="/about/">
								О компании							</a>
						</li>
					
				
			
			
		
			
			
				
											<li class="dropdown ">
							<a href="/contacts/">
								Контакты							</a>
						</li>
					
				
			
			
		
		
	</ul>
		<div class="navbar-text navbar-right">
 <a class="btn btn-primary btn-sm" href="#" data-toggle="modal" data-target="#callModal">Заказать звонок</a>
		</div>
	</div>
</div>
 </nav>
<div id="content" class="container">
	  <link href="/bitrix/css/main/font-awesome.css?154831371528777" type="text/css" rel="stylesheet" />
<div class="bx-breadcrumb">
			<div class="bx-breadcrumb-item" id="bx_breadcrumb_0" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
				
				<a href="/" title="Главная" itemprop="url">
					<span itemprop="title">Главная</span>
				</a>
			</div>
			<div class="bx-breadcrumb-item">
				<i class="fa fa-angle-right"></i>
				<span>Услуги</span>
			</div><div style="clear:both"></div></div>  	<h1>Дополнительные услуги ООО " Кама Трейд-Киров"</h1>
	 </div>
 <br><p>
</p>
<ul>
	<li>
	<p>
 <strong>&nbsp;резка металла в размер заказчика</strong>
	</p>
 </li>
	<li>
	<p>
 <strong>&nbsp;правка - резка арматуры(правильно-отрезные станки)</strong>
	</p>
 </li>
	<li>
	<p>
		<strong>&nbsp;доставка металлопроката по городу и области</strong>:&nbsp;<em>А/м &nbsp;МАЗ длинна 12 м</em>
	</p>
 </li>
</ul>
 <br> <div id="footer">
	<div class="container">
		<div class="row">
			<div class="footer-col col-lg-3 col-md-3 col-sm-4 col-xs-12">
 <img src="/bitrix/templates/main/images/logo-vertical.png" alt="">
			</div>
			<div class="footer-col col-lg-3 col-md-3 col-sm-4 col-xs-12">
				<div class="title">
					Магазин
				</div>
				<div class="row">
					 

	<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
		<ul class="footer-menu">
							<li><a href="/store/?SECTION_ID=48">Cайдинг/штакетник</a></li>
							<li><a href="/store/?SECTION_ID=8">Арматура</a></li>
							<li><a href="/store/?SECTION_ID=4">Балка</a></li>
							<li><a href="/store/?SECTION_ID=42">Банки/крышки</a></li>
							<li><a href="/store/?SECTION_ID=58">Белая жесть</a></li>
							<li><a href="/store/?SECTION_ID=5">Катанка</a></li>
							<li><a href="/store/?SECTION_ID=7">Квадрат</a></li>
							<li><a href="/store/?SECTION_ID=1">Листовая сталь</a></li>
							<li><a href="/store/?SECTION_ID=56">Люки и дождеприемники</a></li>
							<li><a href="/store/?SECTION_ID=61">Оцинковка</a></li>
					</ul>
	</div>
	<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
		<ul class="footer-menu">
							<li><a href="/store/?SECTION_ID=10">Полоса</a></li>
							<li><a href="/store/?SECTION_ID=6">Проволока вр1</a></li>
							<li><a href="/store/?SECTION_ID=77">Профильная труба</a></li>
							<li><a href="/store/?SECTION_ID=29">Профнастил</a></li>
							<li><a href="/store/?SECTION_ID=9">Труба</a></li>
							<li><a href="/store/?SECTION_ID=51">Труба ВЧШГ/манжеты</a></li>
							<li><a href="/store/?SECTION_ID=3">Уголок</a></li>
							<li><a href="/store/?SECTION_ID=60">Холоднокатаная лента</a></li>
							<li><a href="/store/?SECTION_ID=59">Черная жесть</a></li>
							<li><a href="/store/?SECTION_ID=2">Швеллер</a></li>
					</ul>
	</div>
				</div>
			</div>
			<div class="footer-col col-lg-3 col-md-3 col-sm-4 col-xs-12">
				<div class="title">
					Разделы
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						 
<ul class="footer-menu">

			<li><a href="/services/" class="selected">Услуги</a></li>
		
			<li><a href="/store/">Магазин</a></li>
		
			<li><a href="/photos/">Фотогалерея</a></li>
		
			<li><a href="/rekvizity/">Реквизиты</a></li>
		
			<li><a href="/about/">О компании</a></li>
		
			<li><a href="/contacts/">Контакты</a></li>
		

</ul>
					</div>
				</div>
			</div>
			<div class="footer-col col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<div class="title">
					Киров, ул.Луганская 51-б
				</div>
				<div class="footer-phone">
 <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> <a href="tel:+78332535030">+7 (8332) 53-50-30</a><br>
				</div>
 <a href="#" class="btn btn-primary footer-callmy" data-toggle="modal" data-target="#callModal">заказать звонок</a>
			</div>
		</div>
		<p class="text-center">
			<small>Все права защищены и принадлежат компании OOO "Кама Трейд-Киров" 2005-2019 г.</small>
		</p>
	</div>
</div>
<div class="container text-center" id="copy">
 <img src="http://www.iaf1.ru/upload/iaf1.png" alt=""><br>
 <a target="blank" href="http://www.iaf1.ru">Создание сайта</a><br>
	 Интернет агентство "F1"
</div>
<div type="button" class="callback-bt" data-toggle="modal" data-target="#callModal">
	<div class="text-call">
 <i class="fa fa-phone"></i> <span>Заказать<br>
		звонок</span>
	</div>
</div>
 <!-- Modal отправки сообщения -->
<form id="dirForm">
	<div class="modal fade" id="dirModal" tabindex="-1" role="dialog" aria-labelledby="dirModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
					<h4 class="modal-title" id="dirModalLabel">Написать сообщение</h4>
				</div>
				<div class="modal-body">
					 <!-- Сообщение, отображаемое в случае успешной отправки данных -->
					<div class="alert alert-success hidden" role="alert" id="successMessage">
 <strong>Внимание!</strong> Ваше сообщение успешно отправлено.
					</div>
					<div class="block-form">
						<div class="row">
							<div id="error" class="col-sm-12" style="color: #ff0000; margin-top: 5px; margin-bottom: 5px;">
							</div>
							 <!-- Имя и email пользователя -->
							<div class="col-sm-6">
								 <!-- Имя пользователя -->
								<div class="form-group has-feedback">
 <label for="name" class="control-label">Введите ваше имя:</label> <input type="text" id="name" name="name" class="form-control" required="required" value="" placeholder="Например, Иван Иванович" minlength="2" maxlength="30"> <span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
							<div class="col-sm-6">
								 <!-- Email пользователя -->
								<div class="form-group has-feedback">
 <label for="email" class="control-label">Введите адрес email:</label> <input type="email" id="email" name="email" class="form-control" required="required" value="" placeholder="Например, ivan@mail.ru" maxlength="30"> <span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
						</div>
						 <!-- Сообщение пользователя -->
						<div class="form-group has-feedback">
 <label for="message" class="control-label">Введите сообщение:</label> <textarea id="message" class="form-control" rows="3" placeholder="Введите сообщение от 20 до 500 символов" minlength="20" maxlength="500" required="required"></textarea>
						</div>
					</div>
				</div>
				<div class="modal-footer block-form">
 <input type="submit" class="btn btn-primary" value="Отправить сообщение">
				</div>
			</div>
		</div>
	</div>
</form>
 <!-- Конец формы --> <!-- Modal заказать звонок -->
<form id="callForm">
	<div class="modal fade" id="callModal" tabindex="-1" role="dialog" aria-labelledby="callModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
					<h4 class="modal-title" id="callModalLabel">Заказать звонок</h4>
				</div>
				<div class="modal-body">
					 <!-- Сообщение, отображаемое в случае успешной отправки данных -->
					<div class="alert alert-success hidden" role="alert" id="call-successMessage">
 <strong>Внимание!</strong> Ваше сообщение успешно отправлено. Мы скоро перезвоним Вам!
					</div>
					<div class="block-form">
						<div class="row">
							<div id="call-error" class="col-sm-12" style="color: #ff0000; margin-top: 5px; margin-bottom: 5px;">
							</div>
							 <!-- Имя и email пользователя -->
							<div class="col-sm-12">
								 <!-- Имя пользователя -->
								<div class="form-group has-feedback">
 <label for="call-name" class="control-label">Имя<span class="text-danger">*</span>:</label> <input type="text" id="call-name" name="name" class="form-control" required="required" value="" placeholder="Например, Иван Иванович" minlength="2" maxlength="30"> <span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
							<div class="col-sm-12">
								 <!-- Телефон пользователя -->
								<div class="form-group has-feedback">
 <label for="call-phone" class="control-label">Телефон<span class="text-danger">*</span>:</label> <input type="text" id="call-phone" name="phone" class="form-control" required="required" value="" placeholder="Например, +7 (8332) 53-05-03" maxlength="30"> <span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
							<div class="col-sm-12">
								 <!-- Email пользователя -->
								<div class="form-group has-feedback">
 <label for="call-email" class="control-label">Email:</label> <input type="email" id="call-email" name="email" class="form-control" value="" placeholder="Например, ivan@mail.ru" maxlength="30"> <span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
							<div class="col-sm-12">
 <small><span class="text-danger">*</span> Обязательные поля</small>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer block-form">
 <input type="submit" class="btn btn-primary" value="Отправить">
				</div>
			</div>
		</div>
	</div>
</form>
	<!-- Конец формы -->
	<script type="text/javascript">
		$(function() {

			/* отправка сообщения */
			$("#dirForm").submit(function(){
				// отменяем стандартное действие браузера
				//event.preventDefault();
				// заводим переменную, которая будет говорить о том валидна форма или нет
				var formValid = true;
				// перебираем все элементы управления формы (input и textarea) 
				$('#dirForm input,textarea').each(function(){
					// находим предков, имеющих класс .form-group (для установления success/error)
					var formGroup = $(this).parents('.form-group');
					// находим glyphicon (иконка успеха или ошибки)
					var glyphicon = formGroup.find('.form-control-feedback');
					// выполняем валидацию данных с помощью HTML5 функции checkValidity
					if (this.checkValidity()) {
						// добавляем к formGroup класс .has-success и удаляем .has-error
						formGroup.addClass('has-success').removeClass('has-error');
						// добавляем к glyphicon класс .glyphicon-ok и удаляем .glyphicon-remove
						glyphicon.addClass('glyphicon-ok').removeClass('glyphicon-remove');
					} else {
						// добавляем к formGroup класс .has-error и удаляем .has-success
						formGroup.addClass('has-error').removeClass('has-success');
						// добавляем к glyphicon класс glyphicon-remove и удаляем glyphicon-ok
						glyphicon.addClass('glyphicon-remove').removeClass('glyphicon-ok');
						// если элемент не прошёл проверку, то отмечаем форму как не валидную
						formValid = false;
					}
				});
					
				// если форма валидна, то отправляем форму на сервер (AJAX)
				if (formValid) {
					//получаем имя, которое ввёл пользователь
					var name = $("#name").val();
					//получаем email, который ввёл пользователь
					var email = $("#email").val();
					//получаем сообщение, которое ввёл пользователь
					var message = $("#message").val();

					// объект, посредством которого будем кодировать форму перед отправкой её на сервер
					var formData = new FormData();
					// добавить в formData значение 'name'=значение_поля_name
					formData.append('name', name);
					// добавить в formData значение 'email'=значение_поля_email
					formData.append('email', email);
					// добавить в formData значение 'message'=значение_поля_message
					formData.append('message', message);

					//отправляем данные на сервер (AJAX)
					$.ajax({
						//метод передачи запроса - POST
						type: "POST",
						//URL-адрес запроса
						url: "/ajax/feedback.php",
						//передаваемые данные - formData
						data: formData,
						// не устанавливать тип контента, т.к. используется FormData
						contentType: false,
						// не обрабатывать данные formData
						processData: false,
						// отключить кэширование результатов в браузере
						cache: false,
						//при успешном выполнении запроса
						success : function(data){
							// разбираем строку JSON, полученную от сервера
							var $data =  JSON.parse(data);
							// устанавливаем элементу, содержащему текст ошибки, пустую строку
							$('#error').text('');
							// если сервер вернул ответ success (данные получены)
							if ($data.result == "success") {
								// скрываем форму обратной связи
								$('.block-form').hide();
								// удаляем у элемента, имеющего id=successMessage, класс hidden
								$('#successMessage').removeClass('hidden');
								// ждем 10 секудн и открываем форму опять
								setTimeout(
									function(){
										// открываем форму
										$('.block-form').show();
										// убрать сообщение об отправке
										$('#successMessage').addClass('hidden');
										// чистим поля
										$("#dirForm #name").val('');
										$("#dirForm #email").val('');
										$("#dirForm #message").val('');
										
										$('#dirForm input,textarea').each(function(){
											var formGroup = $(this).parents('.form-group');
											var glyphicon = formGroup.find('.form-control-feedback');
											formGroup.removeClass('has-success').removeClass('has-error');
											glyphicon.removeClass('glyphicon-ok').removeClass('glyphicon-remove');
										});

										$('#dirModal').modal('hide');
									},
									5000
								);
							} else {
								// если сервер вернул ответ error, то делаем следующее...
								$('#error').text('Произошли ошибки при отправке формы на сервер.');
							}
						},
						error: function (request) {
							$('#error').text('Произошла ошибка ' + request.responseText + ' при отправке данных.');
						}
					});
				}
				//});

				return false;
			});


			/* обратный звонок */
			$("#callForm").submit(function(){
				// отменяем стандартное действие браузера
				//event.preventDefault();
				// заводим переменную, которая будет говорить о том валидна форма или нет
				var formValid = true;
				// перебираем все элементы управления формы (input и textarea) 
				$('#callForm input').each(function(){
					// находим предков, имеющих класс .form-group (для установления success/error)
					var formGroup = $(this).parents('.form-group');
					// находим glyphicon (иконка успеха или ошибки)
					var glyphicon = formGroup.find('.form-control-feedback');
					// выполняем валидацию данных с помощью HTML5 функции checkValidity
					if (this.checkValidity()) {
						// добавляем к formGroup класс .has-success и удаляем .has-error
						formGroup.addClass('has-success').removeClass('has-error');
						// добавляем к glyphicon класс .glyphicon-ok и удаляем .glyphicon-remove
						glyphicon.addClass('glyphicon-ok').removeClass('glyphicon-remove');
					} else {
						// добавляем к formGroup класс .has-error и удаляем .has-success
						formGroup.addClass('has-error').removeClass('has-success');
						// добавляем к glyphicon класс glyphicon-remove и удаляем glyphicon-ok
						glyphicon.addClass('glyphicon-remove').removeClass('glyphicon-ok');
						// если элемент не прошёл проверку, то отмечаем форму как не валидную
						formValid = false;
					}
				});
					
				// если форма валидна, то отправляем форму на сервер (AJAX)
				if (formValid) {
					//получаем имя, которое ввёл пользователь
					var name = $("#call-name").val();
					//получаем email, который ввёл пользователь
					var email = $("#call-email").val();
					//получаем сообщение, которое ввёл пользователь
					var phone = $("#call-phone").val();

					// объект, посредством которого будем кодировать форму перед отправкой её на сервер
					var formData = new FormData();
					// добавить в formData значение 'name'=значение_поля_name
					formData.append('name', name);
					// добавить в formData значение 'email'=значение_поля_email
					formData.append('email', email);
					// добавить в formData значение 'phone'=значение_поля_phone
					formData.append('phone', phone);

					//отправляем данные на сервер (AJAX)
					$.ajax({
						//метод передачи запроса - POST
						type: "POST",
						//URL-адрес запроса
						url: "/ajax/call.php",
						//передаваемые данные - formData
						data: formData,
						// не устанавливать тип контента, т.к. используется FormData
						contentType: false,
						// не обрабатывать данные formData
						processData: false,
						// отключить кэширование результатов в браузере
						cache: false,
						//при успешном выполнении запроса
						success : function(data){
							// разбираем строку JSON, полученную от сервера
							var $data =  JSON.parse(data);
							// устанавливаем элементу, содержащему текст ошибки, пустую строку
							$('#call-error').text('');
							// если сервер вернул ответ success (данные получены)
							if ($data.result == "success") {
								// скрываем форму обратной связи
								$('.block-form').hide();
								// удаляем у элемента, имеющего id=successMessage, класс hidden
								$('#call-successMessage').removeClass('hidden');
								// ждем 10 секудн и открываем форму опять
								setTimeout(
									function(){
										// открываем форму
										$('.block-form').show();
										// убрать сообщение об отправке
										$('#call-successMessage').addClass('hidden');
										// чистим поля
										$("#callForm #call-name").val('');
										$("#callForm #call-email").val('');
										$("#callForm #call-phone").val('');
										
										$('#callForm input,textarea').each(function(){
											var formGroup = $(this).parents('.form-group');
											var glyphicon = formGroup.find('.form-control-feedback');
											formGroup.removeClass('has-success').removeClass('has-error');
											glyphicon.removeClass('glyphicon-ok').removeClass('glyphicon-remove');
										});

										$('#callModal').modal('hide');
									},
									5000
								);
							} else {
								// если сервер вернул ответ error, то делаем следующее...
								$('#call-error').text('Произошли ошибки при отправке формы на сервер.');
							}
						},
						error: function (request) {
							$('#call-error').text('Произошла ошибка ' + request.responseText + ' при отправке данных.');
						}
					});
				}
				//});

				return false;
			});
		});
	</script>
<!-- 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();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(53404972, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<!-- /Yandex.Metrika counter -->