Recover

Тимофей Семененко
Commit 34c2261a authored Aug 11, 2017 by Тимофей Семененко
Showing 15 changed files with 1027 additions and 957 deletions
css/main.css
css/media.css
img/svg/Vector.svg
index.php
js/compiled.js
js/index.js
js/modernizr.js
js/perfect-scrollbar.min.js
local/components/cpeople/project/templates/.default/detail-gallery.php
local/components/cpeople/project/templates/.default/detail.php
local/components/cpeople/project/templates/.default/header-filter.php
local/include/project-filter.php
local/templates/.default/components/bitrix/menu/top_callback_phone/template.php
local/templates/main/footer.php
local/templates/main/header.php
--- a/css/main.css
+++ b/css/main.css
--- a/css/media.css
+++ b/css/media.css
@@ -97,9 +97,9 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 .teaser_text_left h3{font-weight:700;font-size:18px;margin-top:20px;margin-bottom:15px;}
 .teaser_text_left_button{text-transform:uppercase;font-size:1.5rem;text-decoration:none;font-weight:bold;background:#f2803c;padding:17px 30px;position:relative;border:0;color:white;font-family:"Open Sans", Arial, sans-serif;cursor:pointer;display:inline-block;margin:0;vertical-align:middle;-webkit-transition:ease-out 0.5s;-o-transition:ease-out 0.5s;transition:ease-out 0.5s;}
 .teaser_text_left_button:hover{text-decoration:none;color:#f2803c;background:#fff;}
-.out_sub_menu{position:absolute;z-index:100;width:100%;left:0;top:130px;}
+.out_sub_menu{position:absolute;z-index:100;width:100%;left:0;top: 179px;}
-.projects-list{/*margin-top:150px;*/}
+.projects-list{/* margin-top: 150px; */}
-.filter._inner-page{display:block;left:50%;bottom:50px;z-index:50;margin-left:-251px;top:50%;margin-top:-41px;}
+.filter._inner-page{display:block;left:50%;bottom:50px;z-index:50;margin-left:-251px;top:50%;margin-top: -10px;}
 .filter._inner-page > .filter-element{height:auto;}
 .filter._inner-page .filter-element._type .filter-type{display:inline-block;height:auto;padding:25px 40px;}
 .out_sub_menu > .filter-element{display:table;height: 70px;margin:0 auto;text-align:center;width:100%;}
@@ -144,12 +144,12 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	span#header_search_wrap{right:103px;}
 	#cursor{display:none;}
 	.fav_listing{margin-top:-190px;}
-	.header._main, .header:hover{background-color:rgba(255, 255, 255, 0.5);}
+	.header._main, .header:hover{background-color: #fff;}
 	.noscroll-body{overflow:hidden;position:fixed;height:100%;width:100%;}
-	.header .fav-link-icon{position:absolute;width:39px;height:39px;left:-10%;top:8px;}
+	.header .fav-link-icon{position:absolute;width:39px;height:39px;left: 34%;top:8px;}
 	.header._fixed .fav-link{top:8px;}
 	.header .fav-link-icon:after{margin:-12px 0 0 -11px;}
-	.header .fav-link-count, .header .fav-link-clear{left:-12px;}
+	.header .fav-link-count, .header .fav-link-clear{left: 5px;}
 	.out_sub_menu{/*top:193px*/;z-index:10;}
 	.page-head._bigger + .page-content{/* padding-top:180px; */}
 	.projects-list{margin-top:0;position:relative;z-index:20;}
@@ -177,10 +177,10 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.project-like{display:none;}
 	figure.left{margin:0;display:block;float:none;width:100%;margin-bottom:10px;}
 	figure.left img{width:100%;display:block;margin:0 auto;}
-	.header._fixed{background-color: #fff;}
+	.header._fixed{background-color: #fff;height: 69px;}
 	.static-content H1, .static-content H2, .static-content H3, .static-content H4, .static-content H5, .static-content H6, .static-content P, .static-content BLOCKQUOTE, .static-content OL, .static-content UL, .static-content .files{margin-right:0px;margin-left:0px;}
 	.no-touch .container, .no-touch .footer, .no-touch .header , .centering{min-width:300px;}
-	.header._fixed{height:72px;}
+	.header._fixed{height: 72px;}
 	._fixed .logo{top:14px;}
 	.main-menu{position:fixed;width:220px;background:#fff;right:-220px;top:0;overflow:scroll;height:100%;padding:20px 0;-webkit-transition:all 0.8s;transition:all 0.8s;}
 	.header._fixed .main-menu{background-color:rgba(255, 255, 255, 0.95);}
@@ -195,6 +195,8 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.main-menu-item-link , ._fixed .main-menu-item-link{line-height:45px;}
 	span.mobile_menu_wrap{width:37px;height:37px;background-image:url(/img/png/logo_y.png);background-size:cover;position:absolute;right:54px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
 	span.mobile_menu_wrap.mobile{width:37px;height:37px;background-image:url(/img/png/logo_y.png);background-size:cover;position:absolute;right:11px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
+    span.mobile_menu_wrap_phone{width:37px;height:37px;background-image:url(/img/svg/Vector.svg);background-size:cover;position:absolute;right:104px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
+	span.mobile_menu_wrap_phone.mobile{width:37px;height:37px;background-image:url(/img/svg/Vector.svg);background-size:cover;position:absolute;right:51px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
 	._fixed .secret-button{top:18px;}
 	.logo{left:11px;}
 	.secret-button{right:11px;}
@@ -207,7 +209,7 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.page-content{padding: 63px 0 30px 0;}
 	._top .path{padding-top:70px;text-align:center;margin:0;}
 	.page-head._bigger .path{padding-top:3px;margin:0;text-align:center;}
-	.page-head._bigger .phone{bottom:7px;top:auto;left:0;width:100%;}
+	.page-head._bigger .phone{/* bottom:7px; */top:auto;left:0;width:100%;}
 	ul.path-elements{padding:0 15px;display:none;}
 	.phone a[href^="tel:"]{text-shadow:0px 0px 15px #000;}
 	.mp-text{padding:40px 0 0;}
@@ -320,12 +322,12 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.project-info-link{/* width: 50%; */margin:0;}
 	.project-info-link-wr{margin-top:0;}
 	.project-price-order{/* width: 50%; */}
-	._top .page-head{height:165px;}
+	._top .page-head{height: 155px;}
 	.filter._inner-page .filter-element._parent > .filter-element._house, .filter-element._bathhouse, .filter-element._misc{height:180px !important;}
 	.projects_listing_ul{margin-top:-145px !important;}
 	.logo{width:107px;height:34px;top:20px;}
 	._fixed .logo{top:20px;}
-	.header{background:none}
+	.header{background:none;}
 	.project-galleries , .project-gallery{overflow:visible;}
 	.project-gallery-items{overflow:hidden;}
 	.main-page .container{padding-top:0;}
@@ -385,7 +387,7 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.phone-value .hours{display:none;}
 	.process-list{float:none;width:100%;}
 	.process-list-item-num{display:none;}
-	._top .phone{bottom:14px;top:auto;left:0;}
+	._top .phone{bottom: 5px;top:auto;left:0;}
 	.process-list-item-content{position:absolute;left:0;bottom:0;background:rgba(250, 249, 251, 0.79);width:270px;height:55px;font-weight:700;padding:15px 0 0 15px;}
 	.process-list-item._title{height:100px;}
 	.process-list-item-title:after{content:"";position:absolute;right:15px;bottom:4px;left:auto;}
@@ -439,25 +441,17 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 	.owl-carousel, .owl-carousel  {
 		height: 250px;
 	}
-	/*.phone a[href^="tel:"]{    color: #000000;*/
+	.header .fav-link-icon {
-	/*text-transform: uppercase;*/
+    position: absolute;
-	/*text-decoration: none;*/
+    width: 37px;
-	/*display: block;*/
+    height: 37px;
-	/*line-height: 42px;*/
+    left: 38%;
-	/*font-weight: bold;*/
+    top: 8px;
-	/*font-size: 1.4rem;*/
+}
-	/*padding: 0 16px;*/
-	/*-webkit-transition: 0.4s;*/
+.page-head._bigger {
-	/*transition: 0.4s;*/
+    height: 100px;
-	/*z-index: 20;*/
+}
-	/*position: relative;}*/
-	/*.phone a[href^="tel:"] {*/
-	/*text-shadow: 0px 0px 0px;*/
-	/*}*/
-	/*.phone-call {*/
-	/*top: -10px;*/
-	/*text-align: center;*/
-	/*}*/
 	.footer > * {
 		display: block;
@@ -465,11 +459,4 @@ li.additional_list_item{margin-bottom:20px;float:left;}
 		width: 100%;
 		padding: 4px;
 	}
-	/*.phone {*/
-	/*position: absolute;*/
-	/*right: 30px;*/
-	/*top: 87%;*/
-	/*z-index: 49;*/
-	/*}*/
 }
\ No newline at end of file
--- a/img/svg/Vector.svg
+++ b/img/svg/Vector.svg
+<svg width="38" height="37" viewBox="0 0 38 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<title>Vector</title>
+<desc>Created using Figma</desc>
+<g id="Canvas" transform="translate(181 -336)">
+<g id="Vector">
+<use xlink:href="#path0_stroke" transform="translate(-180 337)" fill="#F2803C"/>
+</g>
+</g>
+<defs>
+<path id="path0_stroke" d="M 13 31.5L 13.4743 31.6581L 13.4743 31.6581L 13 31.5ZM 14.5 27.5L 14.6756 27.0318L 14.6323 27.0156L 14.5869 27.0076L 14.5 27.5ZM 19 26L 18.5068 25.9178L 18.5068 25.9178L 19 26ZM 16.5 21L 16.2519 21.4341L 16.2519 21.4341L 16.5 21ZM 20.5 11L 20.1465 11.3536L 20.1465 11.3536L 20.5 11ZM 24.5 12L 24.1465 11.6465L 24.1465 11.6465L 24.5 12ZM 26 9.49999L 25.5528 9.27639L 25.5528 9.27639L 26 9.49999ZM 21.5 5.00001L 21.5333 4.50112L 21.5333 4.50112L 21.5 5.00001ZM 35.5 17.5C 35.5 26.8757 27.6784 34.5 18 34.5L 18 35.5C 28.2039 35.5 36.5 27.4543 36.5 17.5L 35.5 17.5ZM 18 34.5C 8.32165 34.5 0.5 26.8757 0.5 17.5L -0.5 17.5C -0.5 27.4543 7.7961 35.5 18 35.5L 18 34.5ZM 0.5 17.5C 0.5 8.12434 8.32165 0.5 18 0.5L 18 -0.5C 7.7961 -0.5 -0.5 7.54569 -0.5 17.5L 0.5 17.5ZM 18 0.5C 27.6784 0.5 35.5 8.12434 35.5 17.5L 36.5 17.5C 36.5 7.54569 28.2039 -0.5 18 -0.5L 18 0.5ZM 15.2236 34.3108C 14.9833 34.1907 14.4391 33.7401 14.0001 33.1542C 13.7826 32.8651 13.6203 32.5938 13.5223 32.3043C 13.4274 32.0314 13.421 31.8182 13.4743 31.6581L 12.5257 31.3419C 12.379 31.7818 12.4392 32.2342 12.5777 32.6326C 12.713 33.0144 12.9507 33.4201 13.1999 33.7538C 13.6942 34.4137 14.35 34.9921 14.7764 35.2053L 15.2236 34.3108ZM 13.4743 31.6581C 13.8702 30.4699 14.6317 28.517 14.9642 27.6857L 14.0358 27.3143C 13.7016 28.1497 12.9298 30.1301 12.5257 31.3419L 13.4743 31.6581ZM 14.3244 27.9682C 15.0249 28.2295 16.1752 28.4747 17.1748 28.3319C 17.6801 28.2526 18.2349 28.039 18.6435 27.6947C 19.0776 27.3177 19.3764 26.7832 19.4932 26.0822L 18.5068 25.9178C 18.4236 26.4168 18.2265 26.7323 17.9878 26.9397C 17.7234 27.1797 17.4283 27.2849 17.0252 27.3431C 16.2081 27.4753 15.3084 27.2705 14.6756 27.0318L 14.3244 27.9682ZM 19.4932 26.0822C 19.6158 25.3454 19.7421 24.776 19.8078 24.3027C 19.8737 23.8254 19.8886 23.3752 19.7142 22.9393C 19.5395 22.5026 19.2051 22.1538 18.7375 21.8031C 18.279 21.4601 17.6277 21.0685 16.7481 20.5659L 16.2519 21.4341C 17.1223 21.9315 17.721 22.2899 18.1375 22.6031C 18.5449 22.9087 18.7105 23.1225 18.7858 23.3107C 18.8614 23.4998 18.8764 23.7371 18.8172 24.1661C 18.7579 24.599 18.6342 25.1546 18.5068 25.9178L 19.4932 26.0822ZM 16.7481 20.5659C 16.1195 20.2067 15.849 19.4878 15.9358 18.4235C 16.0202 17.3388 16.4592 16.104 17.0699 14.9157C 17.6779 13.7274 18.413 12.6823 19.1016 12.0039C 19.442 11.6672 19.7295 11.4652 19.9393 11.3813C 20.0436 11.3371 20.0657 11.3303 20.1205 11.3407C 20.165 11.3383 20.1212 11.317 20.1465 11.3536L 20.8536 10.6465C 20.4703 10.2632 19.9712 10.2918 19.5685 10.4527C 19.1768 10.6091 18.7768 10.9187 18.3984 11.293C 17.6495 12.0364 16.8221 13.2101 16.1801 14.4593C 15.5408 15.7085 15.0423 17.13 14.9392 18.3421C 14.8385 19.5747 15.1305 20.7933 16.2519 21.4341L 16.7481 20.5659ZM 20.1465 11.3536C 20.9697 12.164 21.9844 12.6048 22.7928 12.7432C 23.2088 12.8108 23.635 12.8108 23.9572 12.7588C 24.2855 12.7041 24.623 12.5841 24.8536 12.3536L 24.1465 11.6465C 24.127 11.6659 24.027 11.7334 23.7928 11.7724C 23.5525 11.8142 23.2912 11.8142 22.9572 11.7568C 22.2656 11.6452 21.5303 11.336 20.8536 10.6465L 20.1465 11.3536ZM 24.8536 12.3536C 25.4255 11.7817 25.9653 10.6875 26.4472 9.72359L 25.5528 9.27639C 25.0347 10.3125 24.5745 11.2184 24.1465 11.6465L 24.8536 12.3536ZM 26.4472 9.7236C 26.5575 9.50095 26.8139 9.11458 27.0208 8.64527C 27.2247 8.17794 27.4016 7.56529 27.2331 6.93366C 27.0578 6.27616 26.5453 5.72538 25.6434 5.31781C 24.7521 4.91503 23.4338 4.62782 21.5333 4.50112L 21.4667 5.49891C 23.3162 5.6222 24.4979 5.8975 25.2316 6.22908C 25.9548 6.55588 26.1922 6.91134 26.2669 7.19133C 26.3485 7.49719 26.2753 7.85328 26.1042 8.24532C 25.9362 8.63539 25.6926 8.99902 25.5528 9.27639L 26.4472 9.7236ZM 21.5333 4.50112C 19.384 4.35783 17.321 5.75969 15.6109 7.76568C 13.9001 9.77692 12.421 12.5478 11.477 15.3367C 10.5337 18.1287 10.0854 21.0277 10.4403 23.3554C 10.62 24.5158 11.0291 25.5977 11.6566 26.3937C 12.2988 27.1863 13.2591 27.7796 14.4131 27.9924L 14.5869 27.0076C 13.6159 26.8454 12.9627 26.4384 12.4381 25.7697C 11.8988 25.1042 11.5877 24.2637 11.4289 23.2047C 11.107 21.0935 11.5091 18.3658 12.4244 15.6568C 13.3389 12.9445 14.7266 10.3399 16.3719 8.41444C 18.0178 6.48374 19.8002 5.3878 21.4667 5.49891L 21.5333 4.50112Z"/>
+</defs>
+</svg>
--- a/index.php
+++ b/index.php
-<?
-require($_SERVER['DOCUMENT_ROOT'].'/bitrix/header.php');
-$APPLICATION->SetPageProperty("keywords", "строительство домов из клееного бруса под ключ");
-$APPLICATION->SetPageProperty("description", "Недорогое строительство деревянных домов «под ключ», изготовление и продажа клееного бруса. Фотографии готовых проектов. Онлайн-расчет стоимости дома. Контакты.");
-$APPLICATION->SetPageProperty("title", "Дома из клееного бруса: строительство под ключ недорого от «Строй Хауз»");
-$APPLICATION->SetTitle("Главная");
-$APPLICATION->SetPageProperty('BODY_CLASS', 'main-page');
-$APPLICATION->SetPageProperty('HIDE_PAGE_HEAD', 'Y');
-$APPLICATION->SetPageProperty('HIDE_CENTRING_WRAP', 'Y');
-$APPLICATION->SetPageProperty('HIDE_PAGE_CONTENT', 'Y');
-?><div class="page-head _mp js-main-page-head js-full" data-speed="5">
-	 <?$APPLICATION->IncludeComponent(
-	"cpeople:main.slider",
-	"",
-	Array(
-	)
-);?>
- <div class="phone">
-		<div class="phone-value" itemscope="" itemtype="http://schema.org/Organization">
- <span itemprop="name" style="display:none">Stroy House</span> <span itemprop="email" style="display:none"><a href="mailto:info@s-h.ru">info@s-h.ru</a></span> <span itemprop="address" style="display:none">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</span> <span itemprop="address" style="display:none">Россия, Москва, Селивёрстов переулок, 1А</span> <span itemprop="telephone"><a href="tel:+7 (495) 645–44–30">+7 (495) 645–44–30</a></span> <span itemprop="telephone" style="display:none">+7 (495) 645-44-34</span>
-		</div>
- <div class="js-project"> <div class="phone-call"><a href="#order_price" class='js-order-project'>Заказать звонок</a></div></div>
- <?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
-	</div>
-	 <?$APPLICATION->IncludeComponent(
-	"cpeople:main.project.filter",
-	"",
-	Array(
-	)
-);?>
-</div>
-<div class="page-content">
-	 <?$APPLICATION->IncludeComponent(
-	"cpeople:main.project.list",
-	"",
-	Array(
-		"SHOW_LIKE_BUTTON" => 1
-	)
-);?>
-	<div class="phone-teaser" style="background-image: url(/_temp/phone-teaser-bg.jpg)">
- <span class="phone-teaser-text">Звоните, мы ответим на ваши вопросы</span> <span class="phone-teaser-phone"><a href="tel:+7 (495) 645–44–30">+7 (495) 645–44–30</a></span>
-	</div>
-	<div class="mp-text">
-		<div class="centering">
-			<h3>Строй с удовольствием вместе с нами</h3>
-			<p>
-				 Больше 10 лет компания «Строй Хауз» осуществляет строительство деревянных домов из клееного бруса, собственного производства. Мы недорого осуществляем полный строительный цикл — от разработки проекта, до отделочных работ. Сотрудничество со «Строй Хауз» — это 100-процентные гарантии получения комплекса качественных услуг, которые могут сводиться к строительству «под ключ» или представлять собой какие-либо отдельные услуги. Использование клееного бруса позволило специалистам «Строй Хауз» прийти к совершенной формуле строительства. Мы всегда добиваемся бескомпромиссной надежности жилья, его долговечности, абсолютной экологической чистоты и комфорта.
-			</p>
-			<blockquote class="_image">
-                <img alt="" src="/_temp/pushkin.jpg"> <q> <span>«Благословляю новоселье,<br>
-				 Куда домашний свой кумир<br>
-				 Ты перенёс - а с ним веселье, <br>
-				 Свободный труд и сладкий мир.»</span>
-				<footer>
-					 — Александр Сергеевич Пушкин
-				</footer>
- </q>
-			</blockquote>
-		</div>
-	</div>
-</div>
- <br><?require($_SERVER['DOCUMENT_ROOT'].'/bitrix/footer.php');?>
\ No newline at end of file
+<?
+require($_SERVER['DOCUMENT_ROOT'].'/bitrix/header.php');
+$APPLICATION->SetPageProperty("keywords", "строительство домов из клееного бруса под ключ");
+$APPLICATION->SetPageProperty("description", "Недорогое строительство деревянных домов «под ключ», изготовление и продажа клееного бруса. Фотографии готовых проектов. Онлайн-расчет стоимости дома. Контакты.");
+$APPLICATION->SetPageProperty("title", "Дома из клееного бруса: строительство под ключ недорого от «Строй Хауз»");
+$APPLICATION->SetTitle("Главная");
+$APPLICATION->SetPageProperty('BODY_CLASS', 'main-page');
+$APPLICATION->SetPageProperty('HIDE_PAGE_HEAD', 'Y');
+$APPLICATION->SetPageProperty('HIDE_CENTRING_WRAP', 'Y');
+$APPLICATION->SetPageProperty('HIDE_PAGE_CONTENT', 'Y');
+?><div class="page-head _mp js-main-page-head js-full" data-speed="5">
+<?$APPLICATION->IncludeComponent(
+	"cpeople:main.slider",
+	"",
+	Array(
+		)
+		);?>
+<?CModule::IncludeModule('nurgush.mobiledetect');
+/* для десктопов и ланшетов */
+$detect = new Nurgush\MobileDetect\Main();
+if(!$detect->isMobile()){?>
+<div class="phone">
+	<div class="phone-value" itemscope="" itemtype="http://schema.org/Organization">
+		<span itemprop="name" style="display:none">Stroy House</span> <span itemprop="email" style="display:none"><a href="mailto:info@s-h.ru">info@s-h.ru</a></span> <span itemprop="address" style="display:none">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</span> <span itemprop="address" style="display:none">Россия, Москва, Селивёрстов переулок, 1А</span> <span itemprop="telephone"><a href="tel:+7 (495) 645–44–30">+7 (495) 645–44–30</a></span> <span itemprop="telephone" style="display:none">+7 (495) 645-44-34</span>
+	</div>
+	<div class="js-project"> <div class="phone-call"><a href="#order_price" class='js-order-project'>Заказать звонок</a></div></div>
+	<?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
+</div>
+<?}?>
+<?$APPLICATION->IncludeComponent(
+	"cpeople:main.project.filter",
+	"",
+	Array(
+		)
+		);?>
+	</div>
+	<div class="page-content">
+		<?$APPLICATION->IncludeComponent(
+			"cpeople:main.project.list",
+			"",
+			Array(
+				"SHOW_LIKE_BUTTON" => 1
+				)
+				);?>
+				<div class="phone-teaser" style="background-image: url(/_temp/phone-teaser-bg.jpg)">
+					<span class="phone-teaser-text">Звоните, мы ответим на ваши вопросы</span> <span class="phone-teaser-phone"><a href="tel:+7 (495) 645–44–30">+7 (495) 645–44–30</a></span>
+				</div>
+				<div class="mp-text">
+					<div class="centering">
+						<h3>Строй с удовольствием вместе с нами</h3>
+						<p>
+							Больше 10 лет компания «Строй Хауз» осуществляет строительство деревянных домов из клееного бруса, собственного производства. Мы недорого осуществляем полный строительный цикл — от разработки проекта, до отделочных работ. Сотрудничество со «Строй Хауз» — это 100-процентные гарантии получения комплекса качественных услуг, которые могут сводиться к строительству «под ключ» или представлять собой какие-либо отдельные услуги. Использование клееного бруса позволило специалистам «Строй Хауз» прийти к совершенной формуле строительства. Мы всегда добиваемся бескомпромиссной надежности жилья, его долговечности, абсолютной экологической чистоты и комфорта.
+						</p>
+						<blockquote class="_image">
+							<img alt="" src="/_temp/pushkin.jpg"> <q> <span>«Благословляю новоселье,<br>
+							Куда домашний свой кумир<br>
+							Ты перенёс - а с ним веселье, <br>
+							Свободный труд и сладкий мир.»</span>
+							<footer>
+								— Александр Сергеевич Пушкин
+							</footer>
+						</q>
+					</blockquote>
+				</div>
+			</div>
+		</div>
+		<br><?require($_SERVER['DOCUMENT_ROOT'].'/bitrix/footer.php');?>
\ No newline at end of file
--- a/js/compiled.js
+++ b/js/compiled.js
--- a/js/index.js
+++ b/js/index.js
--- a/js/modernizr.js
+++ b/js/modernizr.js
 /* Modernizr 2.8.3 (Custom Build) | MIT & BSD
 * Build: http://modernizr.com/download/#-flexbox-flexboxlegacy-multiplebgs-cssanimations-csstransforms-csstransforms3d-csstransitions-geolocation-inlinesvg-svg-touch-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
 */
 ;window.Modernizr=function(a,b,c){function A(a){j.cssText=a}function B(a,b){return A(m.join(a+";")+(b||""))}function C(a,b){return typeof a===b}function D(a,b){return!!~(""+a).indexOf(b)}function E(a,b){for(var d in a){var e=a[d];if(!D(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function F(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:C(f,"function")?f.bind(d||b):f}return!1}function G(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return C(b,"string")||C(b,"undefined")?E(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),F(e,b,c))}var d="2.8.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v=u.slice,w,x=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},y={}.hasOwnProperty,z;!C(y,"undefined")&&!C(y.call,"undefined")?z=function(a,b){return y.call(a,b)}:z=function(a,b){return b in a&&C(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e}),r.flexbox=function(){return G("flexWrap")},r.flexboxlegacy=function(){return G("boxDirection")},r.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:x(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},r.geolocation=function(){return"geolocation"in navigator},r.multiplebgs=function(){return A("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},r.cssanimations=function(){return G("animationName")},r.csstransforms=function(){return!!G("transform")},r.csstransforms3d=function(){var a=!!G("perspective");return a&&"webkitPerspective"in g.style&&x("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},r.csstransitions=function(){return G("transition")},r.svg=function(){return!!b.createElementNS&&!!b.createElementNS(q.svg,"svg").createSVGRect},r.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==q.svg};for(var H in r)z(r,H)&&(w=H.toLowerCase(),e[w]=r[H](),u.push((e[w]?"":"no-")+w));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)z(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},A(""),i=k=null,function(a,b){function l(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function m(){var a=s.elements;return typeof a=="string"?a.split(" "):a}function n(a){var b=j[a[h]];return b||(b={},i++,a[h]=i,j[i]=b),b}function o(a,c,d){c||(c=b);if(k)return c.createElement(a);d||(d=n(c));var g;return d.cache[a]?g=d.cache[a].cloneNode():f.test(a)?g=(d.cache[a]=d.createElem(a)).cloneNode():g=d.createElem(a),g.canHaveChildren&&!e.test(a)&&!g.tagUrn?d.frag.appendChild(g):g}function p(a,c){a||(a=b);if(k)return a.createDocumentFragment();c=c||n(a);var d=c.frag.cloneNode(),e=0,f=m(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function q(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return s.shivMethods?o(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(s,b.frag)}function r(a){a||(a=b);var c=n(a);return s.shivCSS&&!g&&!c.hasCSS&&(c.hasCSS=!!l(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),k||q(a,c),a}var c="3.7.0",d=a.html5||{},e=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,f=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,g,h="_html5shiv",i=0,j={},k;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",g="hidden"in a,k=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){g=!0,k=!0}})();var s={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:c,shivCSS:d.shivCSS!==!1,supportsUnknownElements:k,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:r,createElement:o,createDocumentFragment:p};a.html5=s,r(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return E([a])},e.testAllProps=G,e.testStyles=x,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+u.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
\ No newline at end of file
--- a/js/perfect-scrollbar.min.js
+++ b/js/perfect-scrollbar.min.js
 /* perfect-scrollbar v0.6.11 */
 !function t(e,n,r){function o(i,a){if(!n[i]){if(!e[i]){var s="function"==typeof require&&require;if(!a&&s)return s(i,!0);if(l)return l(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var u=n[i]={exports:{}};e[i][0].call(u.exports,function(t){var n=e[i][1][t];return o(n?n:t)},u,u.exports,t,e,n,r)}return n[i].exports}for(var l="function"==typeof require&&require,i=0;i<r.length;i++)o(r[i]);return o}({1:[function(t,e,n){"use strict";var r=t("../main");"function"==typeof define&&define.amd?define(r):(window.PerfectScrollbar=r,"undefined"==typeof window.Ps&&(window.Ps=r))},{"../main":7}],2:[function(t,e,n){"use strict";function r(t,e){var n=t.className.split(" ");n.indexOf(e)<0&&n.push(e),t.className=n.join(" ")}function o(t,e){var n=t.className.split(" "),r=n.indexOf(e);r>=0&&n.splice(r,1),t.className=n.join(" ")}n.add=function(t,e){t.classList?t.classList.add(e):r(t,e)},n.remove=function(t,e){t.classList?t.classList.remove(e):o(t,e)},n.list=function(t){return t.classList?Array.prototype.slice.apply(t.classList):t.className.split(" ")}},{}],3:[function(t,e,n){"use strict";function r(t,e){return window.getComputedStyle(t)[e]}function o(t,e,n){return"number"==typeof n&&(n=n.toString()+"px"),t.style[e]=n,t}function l(t,e){for(var n in e){var r=e[n];"number"==typeof r&&(r=r.toString()+"px"),t.style[n]=r}return t}var i={};i.e=function(t,e){var n=document.createElement(t);return n.className=e,n},i.appendTo=function(t,e){return e.appendChild(t),t},i.css=function(t,e,n){return"object"==typeof e?l(t,e):"undefined"==typeof n?r(t,e):o(t,e,n)},i.matches=function(t,e){return"undefined"!=typeof t.matches?t.matches(e):"undefined"!=typeof t.matchesSelector?t.matchesSelector(e):"undefined"!=typeof t.webkitMatchesSelector?t.webkitMatchesSelector(e):"undefined"!=typeof t.mozMatchesSelector?t.mozMatchesSelector(e):"undefined"!=typeof t.msMatchesSelector?t.msMatchesSelector(e):void 0},i.remove=function(t){"undefined"!=typeof t.remove?t.remove():t.parentNode&&t.parentNode.removeChild(t)},i.queryChildren=function(t,e){return Array.prototype.filter.call(t.childNodes,function(t){return i.matches(t,e)})},e.exports=i},{}],4:[function(t,e,n){"use strict";var r=function(t){this.element=t,this.events={}};r.prototype.bind=function(t,e){"undefined"==typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e),this.element.addEventListener(t,e,!1)},r.prototype.unbind=function(t,e){var n="undefined"!=typeof e;this.events[t]=this.events[t].filter(function(r){return n&&r!==e?!0:(this.element.removeEventListener(t,r,!1),!1)},this)},r.prototype.unbindAll=function(){for(var t in this.events)this.unbind(t)};var o=function(){this.eventElements=[]};o.prototype.eventElement=function(t){var e=this.eventElements.filter(function(e){return e.element===t})[0];return"undefined"==typeof e&&(e=new r(t),this.eventElements.push(e)),e},o.prototype.bind=function(t,e,n){this.eventElement(t).bind(e,n)},o.prototype.unbind=function(t,e,n){this.eventElement(t).unbind(e,n)},o.prototype.unbindAll=function(){for(var t=0;t<this.eventElements.length;t++)this.eventElements[t].unbindAll()},o.prototype.once=function(t,e,n){var r=this.eventElement(t),o=function(t){r.unbind(e,o),n(t)};r.bind(e,o)},e.exports=o},{}],5:[function(t,e,n){"use strict";e.exports=function(){function t(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return function(){return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}}()},{}],6:[function(t,e,n){"use strict";var r=t("./class"),o=t("./dom"),l=n.toInt=function(t){return parseInt(t,10)||0},i=n.clone=function(t){if(null===t)return null;if(t.constructor===Array)return t.map(i);if("object"==typeof t){var e={};for(var n in t)e[n]=i(t[n]);return e}return t};n.extend=function(t,e){var n=i(t);for(var r in e)n[r]=i(e[r]);return n},n.isEditable=function(t){return o.matches(t,"input,[contenteditable]")||o.matches(t,"select,[contenteditable]")||o.matches(t,"textarea,[contenteditable]")||o.matches(t,"button,[contenteditable]")},n.removePsClasses=function(t){for(var e=r.list(t),n=0;n<e.length;n++){var o=e[n];0===o.indexOf("ps-")&&r.remove(t,o)}},n.outerWidth=function(t){return l(o.css(t,"width"))+l(o.css(t,"paddingLeft"))+l(o.css(t,"paddingRight"))+l(o.css(t,"borderLeftWidth"))+l(o.css(t,"borderRightWidth"))},n.startScrolling=function(t,e){r.add(t,"ps-in-scrolling"),"undefined"!=typeof e?r.add(t,"ps-"+e):(r.add(t,"ps-x"),r.add(t,"ps-y"))},n.stopScrolling=function(t,e){r.remove(t,"ps-in-scrolling"),"undefined"!=typeof e?r.remove(t,"ps-"+e):(r.remove(t,"ps-x"),r.remove(t,"ps-y"))},n.env={isWebKit:"WebkitAppearance"in document.documentElement.style,supportsTouch:"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,supportsIePointer:null!==window.navigator.msMaxTouchPoints}},{"./class":2,"./dom":3}],7:[function(t,e,n){"use strict";var r=t("./plugin/destroy"),o=t("./plugin/initialize"),l=t("./plugin/update");e.exports={initialize:o,update:l,destroy:r}},{"./plugin/destroy":9,"./plugin/initialize":17,"./plugin/update":21}],8:[function(t,e,n){"use strict";e.exports={handlers:["click-rail","drag-scrollbar","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollXMarginOffset:0,scrollYMarginOffset:0,stopPropagationOnClick:!0,suppressScrollX:!1,suppressScrollY:!1,swipePropagation:!0,useBothWheelAxes:!1,wheelPropagation:!1,wheelSpeed:1,theme:"default"}},{}],9:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/dom"),l=t("./instances");e.exports=function(t){var e=l.get(t);e&&(e.event.unbindAll(),o.remove(e.scrollbarX),o.remove(e.scrollbarY),o.remove(e.scrollbarXRail),o.remove(e.scrollbarYRail),r.removePsClasses(t),l.remove(t))}},{"../lib/dom":3,"../lib/helper":6,"./instances":18}],10:[function(t,e,n){"use strict";function r(t,e){function n(t){return t.getBoundingClientRect()}var r=function(t){t.stopPropagation()};e.settings.stopPropagationOnClick&&e.event.bind(e.scrollbarY,"click",r),e.event.bind(e.scrollbarYRail,"click",function(r){var l=o.toInt(e.scrollbarYHeight/2),s=e.railYRatio*(r.pageY-window.pageYOffset-n(e.scrollbarYRail).top-l),c=e.railYRatio*(e.railYHeight-e.scrollbarYHeight),u=s/c;0>u?u=0:u>1&&(u=1),a(t,"top",(e.contentHeight-e.containerHeight)*u),i(t),r.stopPropagation()}),e.settings.stopPropagationOnClick&&e.event.bind(e.scrollbarX,"click",r),e.event.bind(e.scrollbarXRail,"click",function(r){var l=o.toInt(e.scrollbarXWidth/2),s=e.railXRatio*(r.pageX-window.pageXOffset-n(e.scrollbarXRail).left-l),c=e.railXRatio*(e.railXWidth-e.scrollbarXWidth),u=s/c;0>u?u=0:u>1&&(u=1),a(t,"left",(e.contentWidth-e.containerWidth)*u-e.negativeScrollAdjustment),i(t),r.stopPropagation()})}var o=t("../../lib/helper"),l=t("../instances"),i=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){var e=l.get(t);r(t,e)}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],11:[function(t,e,n){"use strict";function r(t,e){function n(n){var o=r+n*e.railXRatio,i=Math.max(0,e.scrollbarXRail.getBoundingClientRect().left)+e.railXRatio*(e.railXWidth-e.scrollbarXWidth);0>o?e.scrollbarXLeft=0:o>i?e.scrollbarXLeft=i:e.scrollbarXLeft=o;var a=l.toInt(e.scrollbarXLeft*(e.contentWidth-e.containerWidth)/(e.containerWidth-e.railXRatio*e.scrollbarXWidth))-e.negativeScrollAdjustment;c(t,"left",a)}var r=null,o=null,a=function(e){n(e.pageX-o),s(t),e.stopPropagation(),e.preventDefault()},u=function(){l.stopScrolling(t,"x"),e.event.unbind(e.ownerDocument,"mousemove",a)};e.event.bind(e.scrollbarX,"mousedown",function(n){o=n.pageX,r=l.toInt(i.css(e.scrollbarX,"left"))*e.railXRatio,l.startScrolling(t,"x"),e.event.bind(e.ownerDocument,"mousemove",a),e.event.once(e.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}function o(t,e){function n(n){var o=r+n*e.railYRatio,i=Math.max(0,e.scrollbarYRail.getBoundingClientRect().top)+e.railYRatio*(e.railYHeight-e.scrollbarYHeight);0>o?e.scrollbarYTop=0:o>i?e.scrollbarYTop=i:e.scrollbarYTop=o;var a=l.toInt(e.scrollbarYTop*(e.contentHeight-e.containerHeight)/(e.containerHeight-e.railYRatio*e.scrollbarYHeight));c(t,"top",a)}var r=null,o=null,a=function(e){n(e.pageY-o),s(t),e.stopPropagation(),e.preventDefault()},u=function(){l.stopScrolling(t,"y"),e.event.unbind(e.ownerDocument,"mousemove",a)};e.event.bind(e.scrollbarY,"mousedown",function(n){o=n.pageY,r=l.toInt(i.css(e.scrollbarY,"top"))*e.railYRatio,l.startScrolling(t,"y"),e.event.bind(e.ownerDocument,"mousemove",a),e.event.once(e.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}var l=t("../../lib/helper"),i=t("../../lib/dom"),a=t("../instances"),s=t("../update-geometry"),c=t("../update-scroll");e.exports=function(t){var e=a.get(t);r(t,e),o(t,e)}},{"../../lib/dom":3,"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],12:[function(t,e,n){"use strict";function r(t,e){function n(n,r){var o=t.scrollTop;if(0===n){if(!e.scrollbarYActive)return!1;if(0===o&&r>0||o>=e.contentHeight-e.containerHeight&&0>r)return!e.settings.wheelPropagation}var l=t.scrollLeft;if(0===r){if(!e.scrollbarXActive)return!1;if(0===l&&0>n||l>=e.contentWidth-e.containerWidth&&n>0)return!e.settings.wheelPropagation}return!0}var r=!1;e.event.bind(t,"mouseenter",function(){r=!0}),e.event.bind(t,"mouseleave",function(){r=!1});var i=!1;e.event.bind(e.ownerDocument,"keydown",function(c){if(!c.isDefaultPrevented||!c.isDefaultPrevented()){var u=l.matches(e.scrollbarX,":focus")||l.matches(e.scrollbarY,":focus");if(r||u){var d=document.activeElement?document.activeElement:e.ownerDocument.activeElement;if(d){if("IFRAME"===d.tagName)d=d.contentDocument.activeElement;else for(;d.shadowRoot;)d=d.shadowRoot.activeElement;if(o.isEditable(d))return}var p=0,f=0;switch(c.which){case 37:p=-30;break;case 38:f=30;break;case 39:p=30;break;case 40:f=-30;break;case 33:f=90;break;case 32:f=c.shiftKey?90:-90;break;case 34:f=-90;break;case 35:f=c.ctrlKey?-e.contentHeight:-e.containerHeight;break;case 36:f=c.ctrlKey?t.scrollTop:e.containerHeight;break;default:return}s(t,"top",t.scrollTop-f),s(t,"left",t.scrollLeft+p),a(t),i=n(p,f),i&&c.preventDefault()}}})}var o=t("../../lib/helper"),l=t("../../lib/dom"),i=t("../instances"),a=t("../update-geometry"),s=t("../update-scroll");e.exports=function(t){var e=i.get(t);r(t,e)}},{"../../lib/dom":3,"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],13:[function(t,e,n){"use strict";function r(t,e){function n(n,r){var o=t.scrollTop;if(0===n){if(!e.scrollbarYActive)return!1;if(0===o&&r>0||o>=e.contentHeight-e.containerHeight&&0>r)return!e.settings.wheelPropagation}var l=t.scrollLeft;if(0===r){if(!e.scrollbarXActive)return!1;if(0===l&&0>n||l>=e.contentWidth-e.containerWidth&&n>0)return!e.settings.wheelPropagation}return!0}function r(t){var e=t.deltaX,n=-1*t.deltaY;return"undefined"!=typeof e&&"undefined"!=typeof n||(e=-1*t.wheelDeltaX/6,n=t.wheelDeltaY/6),t.deltaMode&&1===t.deltaMode&&(e*=10,n*=10),e!==e&&n!==n&&(e=0,n=t.wheelDelta),[e,n]}function o(e,n){var r=t.querySelector("textarea:hover, .ps-child:hover");if(r){if("TEXTAREA"!==r.tagName&&!window.getComputedStyle(r).overflow.match(/(scroll|auto)/))return!1;var o=r.scrollHeight-r.clientHeight;if(o>0&&!(0===r.scrollTop&&n>0||r.scrollTop===o&&0>n))return!0;var l=r.scrollLeft-r.clientWidth;if(l>0&&!(0===r.scrollLeft&&0>e||r.scrollLeft===l&&e>0))return!0}return!1}function a(a){var c=r(a),u=c[0],d=c[1];o(u,d)||(s=!1,e.settings.useBothWheelAxes?e.scrollbarYActive&&!e.scrollbarXActive?(d?i(t,"top",t.scrollTop-d*e.settings.wheelSpeed):i(t,"top",t.scrollTop+u*e.settings.wheelSpeed),s=!0):e.scrollbarXActive&&!e.scrollbarYActive&&(u?i(t,"left",t.scrollLeft+u*e.settings.wheelSpeed):i(t,"left",t.scrollLeft-d*e.settings.wheelSpeed),s=!0):(i(t,"top",t.scrollTop-d*e.settings.wheelSpeed),i(t,"left",t.scrollLeft+u*e.settings.wheelSpeed)),l(t),s=s||n(u,d),s&&(a.stopPropagation(),a.preventDefault()))}var s=!1;"undefined"!=typeof window.onwheel?e.event.bind(t,"wheel",a):"undefined"!=typeof window.onmousewheel&&e.event.bind(t,"mousewheel",a)}var o=t("../instances"),l=t("../update-geometry"),i=t("../update-scroll");e.exports=function(t){var e=o.get(t);r(t,e)}},{"../instances":18,"../update-geometry":19,"../update-scroll":20}],14:[function(t,e,n){"use strict";function r(t,e){e.event.bind(t,"scroll",function(){l(t)})}var o=t("../instances"),l=t("../update-geometry");e.exports=function(t){var e=o.get(t);r(t,e)}},{"../instances":18,"../update-geometry":19}],15:[function(t,e,n){"use strict";function r(t,e){function n(){var t=window.getSelection?window.getSelection():document.getSelection?document.getSelection():"";return 0===t.toString().length?null:t.getRangeAt(0).commonAncestorContainer}function r(){c||(c=setInterval(function(){return l.get(t)?(a(t,"top",t.scrollTop+u.top),a(t,"left",t.scrollLeft+u.left),void i(t)):void clearInterval(c)},50))}function s(){c&&(clearInterval(c),c=null),o.stopScrolling(t)}var c=null,u={top:0,left:0},d=!1;e.event.bind(e.ownerDocument,"selectionchange",function(){t.contains(n())?d=!0:(d=!1,s())}),e.event.bind(window,"mouseup",function(){d&&(d=!1,s())}),e.event.bind(window,"mousemove",function(e){if(d){var n={x:e.pageX,y:e.pageY},l={left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,top:t.offsetTop,bottom:t.offsetTop+t.offsetHeight};n.x<l.left+3?(u.left=-5,o.startScrolling(t,"x")):n.x>l.right-3?(u.left=5,o.startScrolling(t,"x")):u.left=0,n.y<l.top+3?(l.top+3-n.y<5?u.top=-5:u.top=-20,o.startScrolling(t,"y")):n.y>l.bottom-3?(n.y-l.bottom+3<5?u.top=5:u.top=20,o.startScrolling(t,"y")):u.top=0,0===u.top&&0===u.left?s():r()}})}var o=t("../../lib/helper"),l=t("../instances"),i=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){var e=l.get(t);r(t,e)}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],16:[function(t,e,n){"use strict";function r(t,e,n,r){function o(n,r){var o=t.scrollTop,l=t.scrollLeft,i=Math.abs(n),a=Math.abs(r);if(a>i){if(0>r&&o===e.contentHeight-e.containerHeight||r>0&&0===o)return!e.settings.swipePropagation}else if(i>a&&(0>n&&l===e.contentWidth-e.containerWidth||n>0&&0===l))return!e.settings.swipePropagation;return!0}function s(e,n){a(t,"top",t.scrollTop-n),a(t,"left",t.scrollLeft-e),i(t)}function c(){w=!0}function u(){w=!1}function d(t){return t.targetTouches?t.targetTouches[0]:t}function p(t){return t.targetTouches&&1===t.targetTouches.length?!0:!(!t.pointerType||"mouse"===t.pointerType||t.pointerType===t.MSPOINTER_TYPE_MOUSE)}function f(t){if(p(t)){y=!0;var e=d(t);v.pageX=e.pageX,v.pageY=e.pageY,g=(new Date).getTime(),null!==Y&&clearInterval(Y),t.stopPropagation()}}function h(t){if(!y&&e.settings.swipePropagation&&f(t),!w&&y&&p(t)){var n=d(t),r={pageX:n.pageX,pageY:n.pageY},l=r.pageX-v.pageX,i=r.pageY-v.pageY;s(l,i),v=r;var a=(new Date).getTime(),c=a-g;c>0&&(m.x=l/c,m.y=i/c,g=a),o(l,i)&&(t.stopPropagation(),t.preventDefault())}}function b(){!w&&y&&(y=!1,clearInterval(Y),Y=setInterval(function(){return l.get(t)?Math.abs(m.x)<.01&&Math.abs(m.y)<.01?void clearInterval(Y):(s(30*m.x,30*m.y),m.x*=.8,void(m.y*=.8)):void clearInterval(Y)},10))}var v={},g=0,m={},Y=null,w=!1,y=!1;n&&(e.event.bind(window,"touchstart",c),e.event.bind(window,"touchend",u),e.event.bind(t,"touchstart",f),e.event.bind(t,"touchmove",h),e.event.bind(t,"touchend",b)),r&&(window.PointerEvent?(e.event.bind(window,"pointerdown",c),e.event.bind(window,"pointerup",u),e.event.bind(t,"pointerdown",f),e.event.bind(t,"pointermove",h),e.event.bind(t,"pointerup",b)):window.MSPointerEvent&&(e.event.bind(window,"MSPointerDown",c),e.event.bind(window,"MSPointerUp",u),e.event.bind(t,"MSPointerDown",f),e.event.bind(t,"MSPointerMove",h),e.event.bind(t,"MSPointerUp",b)))}var o=t("../../lib/helper"),l=t("../instances"),i=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){if(o.env.supportsTouch||o.env.supportsIePointer){var e=l.get(t);r(t,e,o.env.supportsTouch,o.env.supportsIePointer)}}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],17:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/class"),l=t("./instances"),i=t("./update-geometry"),a={"click-rail":t("./handler/click-rail"),"drag-scrollbar":t("./handler/drag-scrollbar"),keyboard:t("./handler/keyboard"),wheel:t("./handler/mouse-wheel"),touch:t("./handler/touch"),selection:t("./handler/selection")},s=t("./handler/native-scroll");e.exports=function(t,e){e="object"==typeof e?e:{},o.add(t,"ps-container");var n=l.add(t);n.settings=r.extend(n.settings,e),o.add(t,"ps-theme-"+n.settings.theme),n.settings.handlers.forEach(function(e){a[e](t)}),s(t),i(t)}},{"../lib/class":2,"../lib/helper":6,"./handler/click-rail":10,"./handler/drag-scrollbar":11,"./handler/keyboard":12,"./handler/mouse-wheel":13,"./handler/native-scroll":14,"./handler/selection":15,"./handler/touch":16,"./instances":18,"./update-geometry":19}],18:[function(t,e,n){"use strict";function r(t){function e(){s.add(t,"ps-focus")}function n(){s.remove(t,"ps-focus")}var r=this;r.settings=a.clone(c),r.containerWidth=null,r.containerHeight=null,r.contentWidth=null,r.contentHeight=null,r.isRtl="rtl"===u.css(t,"direction"),r.isNegativeScroll=function(){var e=t.scrollLeft,n=null;return t.scrollLeft=-1,n=t.scrollLeft<0,t.scrollLeft=e,n}(),r.negativeScrollAdjustment=r.isNegativeScroll?t.scrollWidth-t.clientWidth:0,r.event=new d,r.ownerDocument=t.ownerDocument||document,r.scrollbarXRail=u.appendTo(u.e("div","ps-scrollbar-x-rail"),t),r.scrollbarX=u.appendTo(u.e("div","ps-scrollbar-x"),r.scrollbarXRail),r.scrollbarX.setAttribute("tabindex",0),r.event.bind(r.scrollbarX,"focus",e),r.event.bind(r.scrollbarX,"blur",n),r.scrollbarXActive=null,r.scrollbarXWidth=null,r.scrollbarXLeft=null,r.scrollbarXBottom=a.toInt(u.css(r.scrollbarXRail,"bottom")),r.isScrollbarXUsingBottom=r.scrollbarXBottom===r.scrollbarXBottom,r.scrollbarXTop=r.isScrollbarXUsingBottom?null:a.toInt(u.css(r.scrollbarXRail,"top")),r.railBorderXWidth=a.toInt(u.css(r.scrollbarXRail,"borderLeftWidth"))+a.toInt(u.css(r.scrollbarXRail,"borderRightWidth")),u.css(r.scrollbarXRail,"display","block"),r.railXMarginWidth=a.toInt(u.css(r.scrollbarXRail,"marginLeft"))+a.toInt(u.css(r.scrollbarXRail,"marginRight")),u.css(r.scrollbarXRail,"display",""),r.railXWidth=null,r.railXRatio=null,r.scrollbarYRail=u.appendTo(u.e("div","ps-scrollbar-y-rail"),t),r.scrollbarY=u.appendTo(u.e("div","ps-scrollbar-y"),r.scrollbarYRail),r.scrollbarY.setAttribute("tabindex",0),r.event.bind(r.scrollbarY,"focus",e),r.event.bind(r.scrollbarY,"blur",n),r.scrollbarYActive=null,r.scrollbarYHeight=null,r.scrollbarYTop=null,r.scrollbarYRight=a.toInt(u.css(r.scrollbarYRail,"right")),r.isScrollbarYUsingRight=r.scrollbarYRight===r.scrollbarYRight,r.scrollbarYLeft=r.isScrollbarYUsingRight?null:a.toInt(u.css(r.scrollbarYRail,"left")),r.scrollbarYOuterWidth=r.isRtl?a.outerWidth(r.scrollbarY):null,r.railBorderYWidth=a.toInt(u.css(r.scrollbarYRail,"borderTopWidth"))+a.toInt(u.css(r.scrollbarYRail,"borderBottomWidth")),u.css(r.scrollbarYRail,"display","block"),r.railYMarginHeight=a.toInt(u.css(r.scrollbarYRail,"marginTop"))+a.toInt(u.css(r.scrollbarYRail,"marginBottom")),u.css(r.scrollbarYRail,"display",""),r.railYHeight=null,r.railYRatio=null}function o(t){return t.getAttribute("data-ps-id")}function l(t,e){t.setAttribute("data-ps-id",e)}function i(t){t.removeAttribute("data-ps-id")}var a=t("../lib/helper"),s=t("../lib/class"),c=t("./default-setting"),u=t("../lib/dom"),d=t("../lib/event-manager"),p=t("../lib/guid"),f={};n.add=function(t){var e=p();return l(t,e),f[e]=new r(t),f[e]},n.remove=function(t){delete f[o(t)],i(t)},n.get=function(t){return f[o(t)]}},{"../lib/class":2,"../lib/dom":3,"../lib/event-manager":4,"../lib/guid":5,"../lib/helper":6,"./default-setting":8}],19:[function(t,e,n){"use strict";function r(t,e){return t.settings.minScrollbarLength&&(e=Math.max(e,t.settings.minScrollbarLength)),t.settings.maxScrollbarLength&&(e=Math.min(e,t.settings.maxScrollbarLength)),e}function o(t,e){var n={width:e.railXWidth};e.isRtl?n.left=e.negativeScrollAdjustment+t.scrollLeft+e.containerWidth-e.contentWidth:n.left=t.scrollLeft,e.isScrollbarXUsingBottom?n.bottom=e.scrollbarXBottom-t.scrollTop:n.top=e.scrollbarXTop+t.scrollTop,a.css(e.scrollbarXRail,n);var r={top:t.scrollTop,height:e.railYHeight};e.isScrollbarYUsingRight?e.isRtl?r.right=e.contentWidth-(e.negativeScrollAdjustment+t.scrollLeft)-e.scrollbarYRight-e.scrollbarYOuterWidth:r.right=e.scrollbarYRight-t.scrollLeft:e.isRtl?r.left=e.negativeScrollAdjustment+t.scrollLeft+2*e.containerWidth-e.contentWidth-e.scrollbarYLeft-e.scrollbarYOuterWidth:r.left=e.scrollbarYLeft+t.scrollLeft,a.css(e.scrollbarYRail,r),a.css(e.scrollbarX,{left:e.scrollbarXLeft,width:e.scrollbarXWidth-e.railBorderXWidth}),a.css(e.scrollbarY,{top:e.scrollbarYTop,height:e.scrollbarYHeight-e.railBorderYWidth})}var l=t("../lib/helper"),i=t("../lib/class"),a=t("../lib/dom"),s=t("./instances"),c=t("./update-scroll");e.exports=function(t){var e=s.get(t);e.containerWidth=t.clientWidth,e.containerHeight=t.clientHeight,e.contentWidth=t.scrollWidth,e.contentHeight=t.scrollHeight;var n;t.contains(e.scrollbarXRail)||(n=a.queryChildren(t,".ps-scrollbar-x-rail"),n.length>0&&n.forEach(function(t){a.remove(t)}),a.appendTo(e.scrollbarXRail,t)),t.contains(e.scrollbarYRail)||(n=a.queryChildren(t,".ps-scrollbar-y-rail"),n.length>0&&n.forEach(function(t){a.remove(t)}),a.appendTo(e.scrollbarYRail,t)),!e.settings.suppressScrollX&&e.containerWidth+e.settings.scrollXMarginOffset<e.contentWidth?(e.scrollbarXActive=!0,e.railXWidth=e.containerWidth-e.railXMarginWidth,e.railXRatio=e.containerWidth/e.railXWidth,e.scrollbarXWidth=r(e,l.toInt(e.railXWidth*e.containerWidth/e.contentWidth)),e.scrollbarXLeft=l.toInt((e.negativeScrollAdjustment+t.scrollLeft)*(e.railXWidth-e.scrollbarXWidth)/(e.contentWidth-e.containerWidth))):e.scrollbarXActive=!1,!e.settings.suppressScrollY&&e.containerHeight+e.settings.scrollYMarginOffset<e.contentHeight?(e.scrollbarYActive=!0,e.railYHeight=e.containerHeight-e.railYMarginHeight,e.railYRatio=e.containerHeight/e.railYHeight,e.scrollbarYHeight=r(e,l.toInt(e.railYHeight*e.containerHeight/e.contentHeight)),e.scrollbarYTop=l.toInt(t.scrollTop*(e.railYHeight-e.scrollbarYHeight)/(e.contentHeight-e.containerHeight))):e.scrollbarYActive=!1,e.scrollbarXLeft>=e.railXWidth-e.scrollbarXWidth&&(e.scrollbarXLeft=e.railXWidth-e.scrollbarXWidth),e.scrollbarYTop>=e.railYHeight-e.scrollbarYHeight&&(e.scrollbarYTop=e.railYHeight-e.scrollbarYHeight),o(t,e),e.scrollbarXActive?i.add(t,"ps-active-x"):(i.remove(t,"ps-active-x"),e.scrollbarXWidth=0,e.scrollbarXLeft=0,c(t,"left",0)),e.scrollbarYActive?i.add(t,"ps-active-y"):(i.remove(t,"ps-active-y"),e.scrollbarYHeight=0,e.scrollbarYTop=0,c(t,"top",0))}},{"../lib/class":2,"../lib/dom":3,"../lib/helper":6,"./instances":18,"./update-scroll":20}],20:[function(t,e,n){"use strict";var r,o,l=t("./instances"),i=document.createEvent("Event"),a=document.createEvent("Event"),s=document.createEvent("Event"),c=document.createEvent("Event"),u=document.createEvent("Event"),d=document.createEvent("Event"),p=document.createEvent("Event"),f=document.createEvent("Event"),h=document.createEvent("Event"),b=document.createEvent("Event");i.initEvent("ps-scroll-up",!0,!0),a.initEvent("ps-scroll-down",!0,!0),s.initEvent("ps-scroll-left",!0,!0),c.initEvent("ps-scroll-right",!0,!0),u.initEvent("ps-scroll-y",!0,!0),d.initEvent("ps-scroll-x",!0,!0),p.initEvent("ps-x-reach-start",!0,!0),f.initEvent("ps-x-reach-end",!0,!0),h.initEvent("ps-y-reach-start",!0,!0),b.initEvent("ps-y-reach-end",!0,!0),e.exports=function(t,e,n){if("undefined"==typeof t)throw"You must provide an element to the update-scroll function";if("undefined"==typeof e)throw"You must provide an axis to the update-scroll function";if("undefined"==typeof n)throw"You must provide a value to the update-scroll function";"top"===e&&0>=n&&(t.scrollTop=n=0,t.dispatchEvent(h)),"left"===e&&0>=n&&(t.scrollLeft=n=0,t.dispatchEvent(p));var v=l.get(t);"top"===e&&n>=v.contentHeight-v.containerHeight&&(n=v.contentHeight-v.containerHeight,n-t.scrollTop<=1?n=t.scrollTop:t.scrollTop=n,t.dispatchEvent(b)),"left"===e&&n>=v.contentWidth-v.containerWidth&&(n=v.contentWidth-v.containerWidth,n-t.scrollLeft<=1?n=t.scrollLeft:t.scrollLeft=n,t.dispatchEvent(f)),r||(r=t.scrollTop),o||(o=t.scrollLeft),"top"===e&&r>n&&t.dispatchEvent(i),"top"===e&&n>r&&t.dispatchEvent(a),"left"===e&&o>n&&t.dispatchEvent(s),"left"===e&&n>o&&t.dispatchEvent(c),"top"===e&&(t.scrollTop=r=n,t.dispatchEvent(u)),"left"===e&&(t.scrollLeft=o=n,t.dispatchEvent(d))}},{"./instances":18}],21:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/dom"),l=t("./instances"),i=t("./update-geometry"),a=t("./update-scroll");e.exports=function(t){var e=l.get(t);e&&(e.negativeScrollAdjustment=e.isNegativeScroll?t.scrollWidth-t.clientWidth:0,o.css(e.scrollbarXRail,"display","block"),o.css(e.scrollbarYRail,"display","block"),e.railXMarginWidth=r.toInt(o.css(e.scrollbarXRail,"marginLeft"))+r.toInt(o.css(e.scrollbarXRail,"marginRight")),e.railYMarginHeight=r.toInt(o.css(e.scrollbarYRail,"marginTop"))+r.toInt(o.css(e.scrollbarYRail,"marginBottom")),o.css(e.scrollbarXRail,"display","none"),o.css(e.scrollbarYRail,"display","none"),i(t),a(t,"top",t.scrollTop),a(t,"left",t.scrollLeft),o.css(e.scrollbarXRail,"display",""),o.css(e.scrollbarYRail,"display",""))}},{"../lib/dom":3,"../lib/helper":6,"./instances":18,"./update-geometry":19,"./update-scroll":20}]},{},[1]);
\ No newline at end of file
--- a/local/components/cpeople/project/templates/.default/detail-gallery.php
+++ b/local/components/cpeople/project/templates/.default/detail-gallery.php
 <link rel="stylesheet" href="/css/owl.theme.css">
 <link rel="stylesheet" href="/css/owl.carousel.css">
 <!-- <link rel="stylesheet" href="/css/scroll.css">
 <?
 require_once($_SERVER['DOCUMENT_ROOT'].'/mobile_detect.php');
 $detect = new Mobile_Detect; // Инициализируем копию класса
 /** @var $item \SH\Entities\Project */
 /** @var $img \Cpeople\Classes\Block\Image */
 $images = array();
 $images['interior'] = array('name' => 'экстерьер', 'images' => $item->getImages('IMAGES_INTERIOR'));
 $images['exterior'] = array('name' => 'интерьер', 'images' => $item->getImages('IMAGES_EXTERIOR'));
 $images['plans'] = array('name' => 'планировку', 'images' => $item->getImages('IMAGES_PLANING'));
 foreach($images as $key => $arImage) {
    if(!$arImage['images']) {
        unset($images[$key]);
    }
 }
 if(!$images) {
    if($imgs = $item->getImages('IMAGES_PROJECT')) {
        $images['alone'] = array('name' => 'изображения', 'images' => $imgs);
    } elseif($item->hasPreviewImage()) {
        $images['alone'] = array('name' => 'изображения', 'images' => array(\Cpeople\Classes\Block\Image::fromId($item->PREVIEW_PICTURE)));
    }
 }
 if(isset($images['plans'])) {
    $planImageId = reset($images['plans']['images']);
    $planImageId = $planImageId->getId();
    foreach($images['plans']['images'] as $img) {
        $img->isPlan = true;
    }
 }
 if($images) {
    $allImages = array();
    foreach($images as $arImages) {
        $allImages = array_merge($allImages, $arImages['images']);
    }
    $images = array('images' => array('name' => 'Изображения', 'images' => $allImages));
    if(isset($planImageId)) {
        $planImageI = 0;
        foreach($allImages as $i => $img) {
            if($img->getId() === $planImageId) {
                $planImageI = $i;
                break;
            }
        }
    }
 }
 ?>
 <!--    <i class="flaticon-search" id='previewer_toggle'></i>-->
-    <div class="project-galleries" id='object_head_gal'>
+    <div class="project-galleries" >
        <?/*<nav class="project-galleries-nav">
 <? $i = 0; ?>
 <? foreach($images as $key => $arImage) { ?>
            <a href="#!" class="project-galleries-nav-item js-project-galleries-nav _<?= $key ?><? if(!$i++) { ?> _active<? } ?>"
               data-type="<?= $key ?>" style="background-image: url(<?= $arImage['images'][0]->getThumbUrl(array('width' => 190, 'height' => 100, 'type' => 'put_out')) ?>">
                <span class="va"></span>
                    <span class="project-galleries-nav-item-text">Посмотреть
                        <span class="project-galleries-nav-item-bigger"><?= $arImage['name'] ?></span>
                    </span>
            </a>
 <? } ?>
        </nav>*/?>
 <? $imgNumber = 1;
 $prevNum = 0; ?>
 <? foreach($images as $key => $arImage) { ?>
        <div class="project-gallery _<?= $key ?> js-project-gallery" data-type="<?= $key ?>">
            <div id="cursor">
                <div id='cursor_inside'></div>
            </div>
-            <div class="project-gallery-items">
+            <div id='pleasewaitScreen' class="project-gallery-items">
                <a href="#!" class="project-gallery-prev js-project-gallery-prev"></a>
                <a href="#!" class="project-gallery-next js-project-gallery-next"></a>
                <a href="#!" class="project-gallery-previews-toggle js-project-gallery-previews-toggle"></a>
                <div class="project-gallery-num">
                    <span class="project-gallery-num-current js-current"><?= count($arImage['images']) < 10 ? 0 : '' ?>1</span>
                    <span class="project-gallery-num-div">/</span>
                    <span class="project-gallery-num-total js-total"><?= count($arImage['images']) ?></span>
                </div>
                    <ul class="project_slider">
 <? foreach($arImage['images'] as $img) {
    $ext = end(explode('.', $img->getUrl()));
        $previews[$prevNum] = $img;
        if($imgNumber < 2 and $ext != 'mp4' ) { 
                    $imgNumber++ ;
                    ?>
                    <li class="project-gallery-item js-slide<? if($img->isPlan) { ?> _plan<? } ?>" style="background-image: url(<?= $img->getUrl() ?>)">
        <? } elseif ($imgNumber >= 2 and $ext != 'mp4') { 
                    $imgNumber++ ;
                    ?>
                    <li class="project-gallery-item js-slide<? if($img->isPlan) { ?> _plan<? } ?>" data-original="<?= $img->getUrl() ?>" >
        <? } ?>
        <? if($desc = $img->getDescription()) { ?>
                <h4 class="project-gallery-item-title"><?= $desc ?></h4>
        <? } ?>
                       <? if ( $ext == 'mp4' ) { 
                            if ( !$detect->isMobile() ) {
                        ?> 
                            <li class="project-gallery-item js-slide">
                                <video autoplay  src="<?=$img->getUrl();?>" class="project_video" loop>
                                    <source  type="video/mp4" src="<?=$img->getUrl();?>">
                                </video>
                        <?
                            }
                        } elseif (1 == 2) { ?>
                            <img alt="<?= ($val = $img->getDescription()) ? $val : $item->getImgAlt($imgNumber) ?>" src="<?= $img->getUrl() ?>" style="display:none">
                      <?  } ?>
                    </li>
                        <? 
                            $prevNum ++;
                    } ?>
                </ul>
            </div>
            <div class="project-gallery-previews">
                <a href="#!" class="project-gallery-prev js-project-gallery-prev"></a>
                <a href="#!" class="project-gallery-next js-project-gallery-next"></a>
                <a href="#!" class="project-gallery-previews-close js-project-gallery-previews-toggle"></a>
                <div class="project-gallery-paging js-project-gallery-paging"></div>
                <ul class="project-gallery-previews-wr js-project-previews">
 <? $imgNumber = 0 ?>
 <? $imgsChunked = array_chunk($arImage['images'], 12) ?>
 <?  foreach($previews as $pr_key => $img) {  // Построение превью
        $renderImage = \CFile::ResizeImageGet($img->getId(), Array("width" => 204, "height" => 127), BX_RESIZE_IMAGE_EXACT, false); 
        //var_dump($renderImage);
        //var_dump($img->getId());
        $ext = end(explode('.', $img->getUrl()));
        if ( $ext != 'mp4') {
        //  $img->getThumbUrl(array('width' => 204, 'height' => 127, 'type' => 'put_out')) 
        $imgNumber++ ?>
                <li>                
                    <a href="#!" class="project-gallery-previews-item js-project-gallery-preview" data-goto="<?=$pr_key;?>" ><img src="<?=$renderImage['src']?>" alt="<?= ($val = $img->getDescription()) ? $val : $item->getImgAlt($imgNumber) ?>"/></a>
                </li>
        <? } 
            else {
                $imgNumber++;
                ?>
                    <li class='video_preview_wrap'>                
                        <a href="#!" class="project-gallery-previews-item js-project-gallery-preview video_previewer" data-goto="<?=$pr_key;?>" ></a>
                    </li>  
                <?
            }
        } ?>
                </ul>
            <!-- </div> -->
       <!--  </div> -->
 <? } ?>
    </div>
--- a/local/components/cpeople/project/templates/.default/detail.php
+++ b/local/components/cpeople/project/templates/.default/detail.php
 <?
 /** @var $item \SH\Entities\Project */
 /** @var $img \Cpeople\Classes\Block\Image */
 $item = $arResult['ITEM'];
 $square = $item->getSquare();
 $floors = $item->getFloorCount();
 $bedrooms = $item->getBedroomCount();
 $gallery = $item->getPreviewGallery();
 ?>
 <div class="page-head _project js-full" data-id="<?= $item->ID ?>" style="height: 300px">
    <div class="phone" itemscope itemtype="http://schema.org/Organization">
        <span itemprop="name" style="display:none">Stroy House</span>
        <span itemprop="email" style="display:none">info@s-h.ru</span>
        <span itemprop="address" style="display:none">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</span>
        <span itemprop="address" style="display:none">Россия, Москва, Селивёрстов переулок, 1А</span>
        <a href="tel:+7 (495) 645–44–30" class="phone-value" itemprop="telephone">+7 (495) 645–44–30</a>
        <span itemprop="telephone" style="display:none">+7 (495) 645-44-34</span>
        <div class="project js-project">
            <a href="#order_price" class='phone-call js-order-project'>Заказать звонок</a>
        </div>
        <?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
    </div>
    <div class="path">
        <ul class="path-elements">
            <li class="path-elements-item"><a href="/">Главная</a></li>
            <li class="path-elements-item"><a href="/projects/">Проекты</a></li>
 <? if($breadcrumb = $arResult['ITEM']->getTypeBreadcrumb()) { ?>
            <li class="path-elements-item"><a href="<?= $breadcrumb[1] ?>"><?= $breadcrumb[0] ?></a></li>
 <? } ?>
        </ul>
        <h1 class="path-current"><?= $item->getName() ?></h1>
    </div>
    <a href="#!" class="project-like js-fav-toggle">нравится</a>
 <? require 'detail-gallery.php' ?>
    <div class="project-info">
 <? if($square || $floors || $bedrooms) { ?>
        <div class="project-info-specs">
            <span class="va"></span>
 <? if($square) { ?>
                <span class="project-info-specs-item _square">
                    <span class="project-info-specs-item-value"><?= $square ?></span>
                    <span class="project-info-specs-item-unit">м<sup>2</sup></span>
                    <?/*<span class="project-info-specs-item-sub">площадь</span>*/?>
                </span>
 <? } ?>
 <? if($floors) { ?>
                <span class="project-info-specs-item _floors">
                    <span class="project-info-specs-item-value"><?= $floors ?></span>
                    <span class="project-info-specs-item-unit"><?= num_to_string($floors, 'этаж', 'этажа', 'этажей', false) ?></span>
                </span>
 <? } ?>
 <? if($bedrooms) { ?>
                <span class="project-info-specs-item _bedrooms">
                    <span class="project-info-specs-item-value"><?= $bedrooms ?></span>
                    <span class="project-info-specs-item-unit"><?= num_to_string($bedrooms, 'спальня', 'спальни', 'спален', false) ?></span>
                </span>
 <? } ?>
        </div>
 <? } ?>
        <div class="project-info-link-wr">
            <span class="va"></span>
 <? if(isset($planImageI)) { ?>
            <a href="#layout" class="project-info-link big-button _white js-slide-to-layout" data-image="<?= $planImageI ?>">Планировки</a>
 <? } ?>
            <a href="#order" class="project-info-link big-button js-order-project">Хочу такой дом</a>
        </div>
    </div>
 <!---->
 </div>
 </div>
 <!---->
 </div>
 <div class="page-content">
    <div class="project js-project">
        <div class="centering">
            <div class="project-text">
 <?= $item->DETAIL_TEXT ?>
            </div>
            <div class="project-shar"><a><div class="ya-share2" data-services="facebook,vkontakte,whatsapp,skype,telegram"></div></a></div>
 <? if(($youtubeId = $item->getPropValue('YOUTUBE_URL')) && $youtubeId = getYoutubeId($youtubeId)) { ?>
 <?
    $youtubePreview = $item->hasFile('YOUTUBE_PREVIEW')
        ? $item->getImageThumb('YOUTUBE_PREVIEW', array('width' => 540, 'height' => 320, 'type' => 'put_out'))
        : '//img.youtube.com/vi/' . $youtubeId . '/0.jpg';
    $youtubeTitle = $item->getPropValue('YOUTUBE_TITLE');
    $youtubeText = $item->getPropValue('YOUTUBE_TEXT');
 ?>
            <div class="project-reviews">
                <a href="https://www.youtube.com/embed/<?= $youtubeId ?>?autoplay=1" class="project-reviews-item fancybox fancybox.iframe" style="background-image: url(<?= $youtubePreview ?>)">
 <? if($youtubeTitle || $youtubeText) { ?>
                        <span class="project-reviews-item-text">
                            <span class="project-reviews-item-title"><?= $youtubeTitle ?></span>
                            <span class="project-reviews-item-date"><?= $youtubeText ?></span>
                        </span>
 <? } ?>
                    <span class="project-reviews-item-play"></span>
                </a>
            </div>
 <? } ?>
        </div>
        <a href="#order_price" class='project-price-order js-order-project'>Узнать стоимость проекта</a>
        <h3 class="project-similar-title">Похожие проекты</h3>
        <ul class="project-similar tiles js-tiles js-more-container projects-list" data-url="/ajax/project.php?similar-project=<?= $item->ID ?>">
 <? require INCLUDE_PATH . 'project-list.php' ?>
        </ul>
 <? if($arResult['REMAIN'] > 0) { ?>
        <div class="icon-preloader js-more-icon-preloader" data-mode="auto">Загрузка...</div>
 <? } ?>
    </div>
 </div>
 <?$APPLICATION->IncludeComponent('cpeople:form', 'feedback_project_popup', array('PROJECT_CODE' => $arResult['ITEM']->CODE))?>
 <?$APPLICATION->IncludeComponent('cpeople:form', 'feedback_project_popup_order', array('PROJECT_CODE' => $arResult['ITEM']->CODE))?>
--- a/local/components/cpeople/project/templates/.default/header-filter.php
+++ b/local/components/cpeople/project/templates/.default/header-filter.php
 <? ob_start() ?>
 <? if(!$arParams['IS_FAVE'] /*&& !$arParams['CODE']*/) { ?>
 <? include INCLUDE_PATH . 'project-filter.php' ?>
 <? }
 ?>
 <? /*if(empty($arParams['IS_FAVE'])) { ?>
 <a href="/projects/fave/" class="fav-link js-fav-link">
    <span class="fav-link-icon"><span class="fav-link-count js-fav-count _inactive">0</span></span>
    <span class="fav-link-title">Показать понравившиеся</span>
 </a>
 <? } */?>
 <? $h1 = $arParams['CODE'] ? \SH\Entities\Project::getTypeBreadcrumbNameByCode($arParams['CODE']) : false ?>
 <div class="path">
    <ul class="path-elements">
        <li class="path-elements-item"><a href="/">Главная</a></li>
 <? if($h1) { ?>
        <li class="path-elements-item"><a href="/projects/">Проекты</a></li>
 <? } ?>
    </ul>
 <? if($h1) { ?>
    <h1 class="path-current"><?= $h1 ?></h1>
 <? } else { ?>
 <? if(empty($arResult['NOT_USE_H1'])) { ?>
 <? if(empty($arParams['IS_FAVE'])) { ?>
    <h1 class="path-current">Проекты</h1>
 <? } else { ?>
    <h1 class="path-current">Избранное</h1>
 <? } ?>
 <? } else { ?>
    <p class="path-current">Проекты</p>
 <? } ?>
 <div class='projects_type_wrapper'><?=$arResult['DETAIL_TEXT'];?></div>
 <? } ?>
+<?
-<? if(empty($arParams['IS_FAVE'])) { ?>
+//26.04.2017 Hawks
-    <a href="/projects/map/" class="on-map">На карте</a>
+                              CModule::IncludeModule('nurgush.mobiledetect');
-<? } ?>
-</div>
+                              $detect = new Nurgush\MobileDetect\Main();
-<? if ($_SERVER['REQUEST_URI'] == '/projects/' || '/doma-iz-kleenogo-brusa/') { ?>
+// Для мобыльных
-<style>
+                              if($detect->isMobile() && !$detect->isTablet()){?>
-    .phone {
-    position: absolute;
+<?}else{?>
-    right: 30px;
+<? if(empty($arParams['IS_FAVE'])) { ?>
-    top: 53px;
+    <a href="/projects/map/" class="on-map">На карте</a>
-    z-index: 49;
+    <?}?>
-    }
+<?}?>
-    .phone-call {
+</div>
-    display: inline-block;
+<? if ($_SERVER['REQUEST_URI'] == '/projects/' || '/doma-iz-kleenogo-brusa/') { ?>
-    text-transform: uppercase;
+<style>
-    text-decoration: none !important;
+    .phone {
-    color: #f37e43;
+    position: absolute;
-    font-size: 1rem;
+    right: 30px;
-    line-height: 16px;
+    top: 53px;
-    font-weight: bold;
+    z-index: 49;
-    padding-right: 22px;
+    }
-    padding-left: 16px;
+    .phone-call {
-    position: relative;
+    display: inline-block;
-    vertical-align: middle;
+    text-transform: uppercase;
-     margin-top: -6px;
+    text-decoration: none !important;
-    }
+    color: #f37e43;
-    </style>
+    font-size: 1rem;
-    <?}?>
+    line-height: 16px;
+    font-weight: bold;
+    padding-right: 22px;
+    padding-left: 16px;
+    position: relative;
+    vertical-align: middle;
+     margin-top: -6px;
+    }
+    </style>
+    <?}?>
 <? $arResult['PAGE_HEAD_EXTRA_CONTENT'] = ob_get_clean() ?>
\ No newline at end of file
--- a/local/include/project-filter.php
+++ b/local/include/project-filter.php
 <? $projectFilter = \SH\ProjectFilter::getInstance() ; ?>
 <form class="js-filter form-filter<? if($arParams['IS_AJAX_FILTER']) { ?> ajax-filter<? } ?>" method="get" action="/projects/<? if(!empty($arParams['IS_FAVE'])) { ?>fave/<? } ?>" id='search_form_main'>
-<? foreach($projectFilter->getFilterData() as $key => $filterData) {
+    <? foreach($projectFilter->getFilterData() as $key => $filterData) {
-    ?>
+        ?>
-<? foreach($filterData['items'] as $code => $filterItem) {
+        <? foreach($filterData['items'] as $code => $filterItem) {
-    $key == 'section' ? $input_class = 'section_input' : $input_class = 'value_input';
+            $key == 'section' ? $input_class = 'section_input' : $input_class = 'value_input';
-?>
+            ?>
-     <? if($code == 'all') {
+            <? if($code == 'all') {
-            if($APPLICATION->GetCurPage() != '/') {
+                if($APPLICATION->GetCurPage() != '/') {
                    ?> <input type="hidden" name="<?= $key ?>[<?= $code ?>]" value="<?= $filterItem['selected'] ? 1 : 0 ?>" id="<?= $key ?>-<?= $code ?>" class="<?=$input_class;?>"><?
                }
            } else {
                if($APPLICATION->GetCurPage() == '/') { ?>
-                        <input type="hidden" name="<?= $key ?>[<?= $code ?>]" value="<?= $code == 'house' ? 1 : 0 ?>" id="<?= $key ?>-<?= $code ?>" class="<?=$input_class;?>">
+                <input type="hidden" name="<?= $key ?>[<?= $code ?>]" value="<?= $code == 'house' ? 1 : 0 ?>" id="<?= $key ?>-<?= $code ?>" class="<?=$input_class;?>">
                <? } else {
-                ?>
+                    ?>
-                 <input type="hidden" name="<?= $key ?>[<?= $code ?>]" value="<?= $filterItem['selected'] ? 1 : 0 ?>" id="<?= $key ?>-<?= $code ?>" class="<?=$input_class;?>">
+                    <input type="hidden" name="<?= $key ?>[<?= $code ?>]" value="<?= $filterItem['selected'] ? 1 : 0 ?>" id="<?= $key ?>-<?= $code ?>" class="<?=$input_class;?>">
-                <?}
+                    <?}
-            }?>
+                }?>
-        <? } ?>
+                <? } ?>
-<? } ?>
+                <? } ?>
-    <div class="filter <? if($APPLICATION->GetCurPage() == '/') { ?>_main-page<? } else { ?>_inner-page<? } ?>">
+                <div class="filter <? if($APPLICATION->GetCurPage() == '/') { ?>_main-page<? } else { ?>_inner-page<? } ?>">
-        <div class="filter-element _type">
+                    <div class="filter-element _type">
-<? $key = 'section'; $filterData = $projectFilter->getFilterData($key) ?>
+                        <? $key = 'section'; $filterData = $projectFilter->getFilterData($key) ?>
-<? foreach($filterData['items'] as $code => $filterItem) { ?>
+                        <? foreach($filterData['items'] as $code => $filterItem) { ?>
            <? if($code == 'all') { // не выводим раздел "все" на главной стр
-                if($APPLICATION->GetCurPage() != '/') {
+            if($APPLICATION->GetCurPage() != '/') {
-                    ?><a href="<?= $filterItem['url'] ?>" class="filter-type" data-input="<?= $key ?>-<?= $code ?>" data-type="<?= $code ?>"><?= $filterItem['name'] ?></a><?
+                ?><a href="<?= $filterItem['url'] ?>" class="filter-type" data-input="<?= $key ?>-<?= $code ?>" data-type="<?= $code ?>"><?= $filterItem['name'] ?></a><?
-                }
+            }
-            } else { ?>
+        } else { ?>
-                <a href="<?= $filterItem['url'] ?>" class="filter-type" data-input="<?= $key ?>-<?= $code ?>"  data-type="<?= $code ?>"><?= $filterItem['name'] ?></a>
+        <a href="<?= $filterItem['url'] ?>" class="filter-type" data-input="<?= $key ?>-<?= $code ?>"  data-type="<?= $code ?>"><?= $filterItem['name'] ?></a>
-            <? }?>
+        <? }?>
-<? } ?>
+        <? } ?>
-        </div>
+    </div>
-<?if($APPLICATION->GetCurPage() != '/') {?> </div>
+    <?if($APPLICATION->GetCurPage() != '/') {?> </div>
- <? if ($_SERVER['REQUEST_URI'] == '/projects/') { ?>
+    <? if ($_SERVER['REQUEST_URI'] == '/projects/') { ?>
-                <style>
+    <style>
-                    /*.page-content {*/
+        .text-content H1 {
-                        /*!*padding: 100px 0 30px 0;*!*/
+            margin: 0;
-                    /*}*/
+            padding: 0;
-                    /*.projects-list {*/
+        }
-                        /*margin-top: 45px;*/
+        .static-content {
-                    /*}*/
+            padding-bottom: 0;
-                    .text-content H1 {
+            margin-top: 60px;
-                        margin: 0;
+        }
-                        padding: 0;
+        @media (max-width: 1000px) {
-                    }
-                    .static-content {
+            @media (max-width: 1024px) {
-                        padding-bottom: 0;
+                .page-head._bigger + .page-content {
-                        margin-top: 40px;
+                    padding-top: 0px;
-                    }
+                }
-                    @media (max-width: 1000px) {
+            }
+        </style>
-                        @media (max-width: 1024px) {
+        <?}?>
-                        .page-head._bigger + .page-content {
+        <? if ($_SERVER['REQUEST_URI'] == '/projects/doma-iz-kleenogo-brusa/'){ ?>
-                            padding-top: 0px;
-                        }
+        <style>
-                    }
+            .page-content {
-                </style>
+                /*padding: 100px 0 30px 0;*/
-            <?}?>
+            }
-<? if ($_SERVER['REQUEST_URI'] == '/projects/doma-iz-kleenogo-brusa/'){ ?>
+            .projects-list {
+                margin-top: 75px;
-    <style>
+            }
-        .page-content {
+            .text-content H1 {
-            /*padding: 100px 0 30px 0;*/
+                margin: 0;
-        }
+                padding: 0;
-        .projects-list {
+            }
-            margin-top: 75px;
+            .static-content {
-        }
+                padding-bottom: 0;
-        .text-content H1 {
+                margin-top: 90px;
-            margin: 0;
+            }
-            padding: 0;
+            @media (max-width: 1000px) {
-        }
-        .static-content {
+                .out_sub_menu {
-            padding-bottom: 0;
+                   /* top: 193px;*/
-            margin-top: 40px;
+                    z-index: 10;
-        }
+                }
-        @media (max-width: 1000px) {
+            }
+            @media (max-width: 1024px) {
-            .out_sub_menu {
+                .page-head._bigger + .page-content {
-                top: 193px;
+                    padding-top: 200px;
-                z-index: 10;
+                }
            }
-        }
+        </style>
-        @media (max-width: 1024px) {
-            .page-head._bigger + .page-content {
+        <?}if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/'){?>
-                padding-top: 200px;
-            }
+        <style>
-        }
+            .page-content {
-    </style>
+                /*padding: 100px 0 30px 0;*/
+            }
-<?}if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/'){?>
+            .projects-list {
+                margin-top: 45px;
-                <style>
+            }
-                    .page-content {
+            .text-content H1 {
-                        /*padding: 100px 0 30px 0;*/
+                margin: 0;
-                    }
+                padding: 0;
-                    .projects-list {
+            }
-                        margin-top: 45px;
+            .static-content {
-                    }
+                padding-bottom: 0;
-                    .text-content H1 {
+                margin-top: 60px;
-                        margin: 0;
+            }
-                        padding: 0;
+            @media (max-width: 1000px) {
-                    }
-                    .static-content {
+                .out_sub_menu {
-                        padding-bottom: 0;
+                    /*top: 193px;*/
-                        margin-top: 40px;
+                    z-index: 10;
-                    }
+                }
-                    @media (max-width: 1000px) {
+            }
-                        .out_sub_menu {
-                            /*top: 193px;*/
+            @media (max-width: 1024px) {
-                            z-index: 10;
+                .page-head._bigger + .page-content {
-                        }
+                    padding-top: 100px;
-                    }
+                }
+            }
-                    @media (max-width: 1024px) {
+        </style>
-                        .page-head._bigger + .page-content {
-                            padding-top: 100px;
+        <?}if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/'){?>
-                        }
+        <style>
-                    }
+            .page-content {
-                </style>
+                /*padding: 100px 0 30px 0;*/
+            }
-                <?}if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/'){?>
+            .projects-list {
+                margin-top: 60px;
-                <style>
+            }
-                    .page-content {
+            .text-content H1 {
-                        /*padding: 100px 0 30px 0;*/
+                margin: 0;
-                    }
+                padding: 0;
-                    .projects-list {
+            }
-                        margin-top: 45px;
+            .static-content {
-                    }
+                padding-bottom: 0;
-                    .text-content H1 {
+                margin-top: 60px;
-                        margin: 0;
+            }
-                        padding: 0;
+            @media (max-width: 1000px) {
-                    }
-                    .static-content {
+                .out_sub_menu {
-                        padding-bottom: 0;
+                    /*top: 193px;*/
-                        margin-top: 40px;
+                    z-index: 10;
-                    }
+                }
-                    @media (max-width: 1000px) {
+            }
-                        .out_sub_menu {
+            @media (max-width: 1024px) {
-                            top: 193px;
+                .page-head._bigger + .page-content {
-                            z-index: 10;
+                    padding-top: 100px;
-                        }
+                }
-                    }
-                    @media (max-width: 1024px) {
+            }
-                        .page-head._bigger + .page-content {
+        </style>
-                            padding-top: 230px;
-                        }
+        <?}?>
-                    }
+        <?}?>
-                </style>
+        <?if($APPLICATION->GetCurPage() != '/') {?> <div class='out_sub_menu'> <?}?>
-            <?}?>
- <?}?>
+        <div class="filter-element _parent">
+            <div class="filter-element _house _inactive" data-type="house">
-   <?if($APPLICATION->GetCurPage() != '/') {?> <div class='out_sub_menu'> <?}?>
+                <div class="filter-element _select _house-area">
+                    <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">площадь</a> <?}?>
+                    <div class="filter-select">
-                <div class="filter-element _parent">
+                        <div class='filter-inner-wrap'>
-                    <div class="filter-element _house _inactive" data-type="house">
+                            <? $key = 'square'; $filterData = $projectFilter->getFilterData($key) ; ?>
-                        <div class="filter-element _select _house-area">
+                            <? foreach($filterData['items'] as $code => $filterItem) { ?>
-                            <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">площадь</a> <?}?>
+                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                            <div class="filter-select">
+                            <? } ?>
-                                <div class='filter-inner-wrap'>
+                        </div>
-                                    <? $key = 'square'; $filterData = $projectFilter->getFilterData($key) ; ?>
+                    </div>
-                                    <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                </div>
-                                                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
+                <div class="filter-element _select _house-floors">
-                                    <? } ?>
+                    <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">этажи</a> <?}?>
-                                </div>
+                    <div class="filter-select">
-                            </div>
+                        <div class='filter-inner-wrap'>
-                        </div>
+                            <? $key = 'floors'; $filterData = $projectFilter->getFilterData($key) ?>
-                        <div class="filter-element _select _house-floors">
+                            <? foreach($filterData['items'] as $code => $filterItem) { ?>
-                            <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">этажи</a> <?}?>
+                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                            <div class="filter-select">
+                            <? } ?>
-                                <div class='filter-inner-wrap'>
+                        </div>
-                                    <? $key = 'floors'; $filterData = $projectFilter->getFilterData($key) ?>
+                    </div>
-                                    <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                </div>
-                                                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                                    <? } ?>
+                <div class="filter-element _select _house-bedrooms">
-                                </div>
+                    <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">спальни</a> <?}?>
-                            </div>
+                    <div class="filter-select">
-                        </div>
+                        <div class='filter-inner-wrap'>
+                            <? $key = 'bedrooms'; $filterData = $projectFilter->getFilterData($key) ?>
-                        <div class="filter-element _select _house-bedrooms">
+                            <? foreach($filterData['items'] as $code => $filterItem) { ?>
-                            <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">спальни</a> <?}?>
+                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                            <div class="filter-select">
+                            <? } ?>
-                                <div class='filter-inner-wrap'>
+                        </div>
-                                    <? $key = 'bedrooms'; $filterData = $projectFilter->getFilterData($key) ?>
+                    </div>
-                                    <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                </div>
-                                                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                                    <? } ?>
-                                </div>
+                <div class="filter-element _select _house-combo">
-                            </div>
+                    <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">Тип</a> <?}?>
-                        </div>
+                    <div class="filter-select">
+                        <div class='filter-inner-wrap'>
+                            <? $key = 'combo'; $filterData = $projectFilter->getFilterData($key) ;?>
-                        <div class="filter-element _select _house-combo">
+                            <? foreach($filterData['items'] as $code => $filterItem) { ?>
-                            <?if($APPLICATION->GetCurPage() == '/') {?> <a href="#!" class="filter-select-title">Тип</a> <?}?>
+                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                            <div class="filter-select">
+                            <? } ?>
-                                <div class='filter-inner-wrap'>
+                        </div>
-                                    <? $key = 'combo'; $filterData = $projectFilter->getFilterData($key) ;?>
+                    </div>
-                                    <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                </div>
-                                                            <a href="#!" class="filter-select-item filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                                    <? } ?>
-                                </div>
-                            </div>
-                        </div>
+            </div>
+            <div class="filter-element _bathhouse _inactive" data-type="bathhouse">
+                <? $key = 'bathhouse-floors'; $filterData = $projectFilter->getFilterData($key) ?>
+                <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                <a href="#!" class="filter-option filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                    </div>
+                <? } ?>
-                    <div class="filter-element _bathhouse _inactive" data-type="bathhouse">
+            </div>
-                        <? $key = 'bathhouse-floors'; $filterData = $projectFilter->getFilterData($key) ?>
+            <div class="filter-element _misc _inactive" data-type="misc">
-                        <? foreach($filterData['items'] as $code => $filterItem) { ?>
+                <? $key = 'misc-type'; $filterData = $projectFilter->getFilterData($key) ; ?>
-                                        <a href="#!" class="filter-option filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
+                <? foreach($filterData['items'] as $code => $filterItem) { ?>
-                        <? } ?>
+                <a href="#!" class="filter-option filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                    </div>
+                <? } ?>
-                    <div class="filter-element _misc _inactive" data-type="misc">
+            </div>
-                        <? $key = 'misc-type'; $filterData = $projectFilter->getFilterData($key) ; ?>
+            <div class="filter-element _all _inactive" data-type="all"></div>
-                        <? foreach($filterData['items'] as $code => $filterItem) { ?>
+        </div>
-                                        <a href="#!" class="filter-option filter-chosable"  data-name="<?= $key ?>:<?= $code ?>" data-input="<?= $key ?>-<?= $code ?>"><span><?= $filterItem['name'] ?></span></a>
-                        <? } ?>
-                    </div>
-                    <div class="filter-element _all _inactive" data-type="all"></div>
-                </div>
+        <?if($APPLICATION->GetCurPage() == '/') {?> <button class="filter-element _submit filter-submit-button" type="submit">подобрать</button> <?}?>
+    </div>
-        <?if($APPLICATION->GetCurPage() == '/') {?> <button class="filter-element _submit filter-submit-button" type="submit">подобрать</button> <?}?>
-    </div>
 </form>
\ No newline at end of file
--- a/local/templates/.default/components/bitrix/menu/top_callback_phone/template.php
+++ b/local/templates/.default/components/bitrix/menu/top_callback_phone/template.php
+<?
+if($arResult && $arResult = makeTreeMenu($arResult)) {
+	$curUri = $APPLICATION->GetCurUri();
+	?>
+	<ul class="main-menu">
+		<li class="main-menu-item">
+			<span itemprop="name" style="display:none">Stroy House</span> <span itemprop="email" style="display:none"><a href="mailto:info@s-h.ru">info@s-h.ru</a></span> <span itemprop="address" style="display:none">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</span> <span itemprop="address" style="display:none">Россия, Москва, Селивёрстов переулок, 1А</span> <span itemprop="telephone"><a class="main-menu-item-link" href="tel:+7 (495) 645–44–30">+7 (495) 645–44–30</a></span> <span itemprop="telephone" style="display:none">+7 (495) 645-44-34</span>
+			<div class="js-project"> <div class="phone-call"><a href="#order_price" class="main-menu-item-link js-order-project">Заказать звонок</a></div></div>
+			<?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
+		</li>
+    </ul>
+	<? } ?>
+<!-- //secret-button  -->
\ No newline at end of file
--- a/local/templates/main/footer.php
+++ b/local/templates/main/footer.php
 <?//$APPLICATION->AddBufferContent(function() {
 global $APPLICATION;
    if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP')) echo '</div><!-- </div class="centering"> -->';
    if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT')) echo '</div><!-- </div class="page-content"> -->';
 //})?>
 </div>
 <? if(isProduction()) include INCLUDE_PATH . 'counters-before-footer.php' ?>
 <? if(!$APPLICATION->GetProperty('HIDE_FOOTER')) { ?>
 <footer class="footer">
            <? //26.04.2017 Hawks
          CModule::IncludeModule('nurgush.mobiledetect');
          $detect = new Nurgush\MobileDetect\Main();
 // Для мобыльных
          if($detect->isMobile() && !$detect->isTablet()){?>
          <?}else{?>
              <div class="copy">© <?= date('Y') ?> ООО «Строй Хауз»</div>
          <?}?>
    <div id="upbutton"></div>
       <? //22.06.2017 Hawks
         CModule::IncludeModule('nurgush.mobiledetect');
         $detect = new Nurgush\MobileDetect\Main();
 // Для мобыльных и планшетов
 if($detect->isMobile() || $detect->isTablet()){?>
-<span><a class="author-left" href="/company/" >Наша компания</a>
+<span><a class="menu" href="/company/" >Наша компания</a><a class="menu" href="/projects/">Список проектов</a></span>
-    <a class="author" href="/projects/">Список проектов</a></span>
+<span><a class="menu" href="/services/">Услуги</a><a class="menu" href="/info/lumber/">Полезная информация</a></span>
-<span><a class="author-left" href="/services/">Услуги</a>
+<span><a class="menu" href="price/design-cost/" ">Цены</a><a class="menu" href="/contacts/">Контакты</a></span>
-    <a class="author" href="/info/lumber/">Полезная информация</a></span>
-<span><a class="author-left" href="price/design-cost/" ">Цены</a>
+<? if (isset($_COOKIE['mobile'])) { ?><meta name=viewport content="width=1024, initial-scale=0.1"><? } else { ?><meta name=viewport content="width=device-width, initial-scale=1"><? } ?>
-    <a class="author" href="/contacts/">Контакты</a></span>
+<? if (isset($_COOKIE['mobile']) and $_COOKIE['mobile']=="no") { ?><a class="author" href="" onclick="SetCookie('mobile=yes', 0);">На мобильную версию</a><? }else{ ?> <a class="author" href="" onclick="SetCookie('mobile=no', 30);">На обычную версию</a><? } ?>
-<? if (isset($_COOKIE['mobile'])) { ?><meta name=viewport content="width=1024, initial-scale=0.1"><? } else { ?><meta name=viewport content="width=device-width, initial-scale=1"><? } ?>
+    <a class="author">Stroy House</a>
+    <a class="author">info@s-h.ru</a>
-<? if (isset($_COOKIE['mobile']) and $_COOKIE['mobile']=="no") { ?><a class="author" href="" onclick="SetCookie('mobile=yes', 0);">На мобильную версию</a><? }else{ ?> <a class="author" href="" onclick="SetCookie('mobile=no', 30);">На обычную версию</a><? } ?>
+<!--    <a class="author">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</a>-->
-    <a class="author">Stroy House</a>
+    <a class="author">+7 (495) 645–44–30</a>
-    <a class="author">info@s-h.ru</a>
+    <a class="author">Россия, Москва, Селивёрстов переулок, 1А</a>
-<!--    <a class="author">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</a>-->
+<?}else{?>
-    <a class="author">+7 (495) 645–44–30</a>
-    <a class="author">Россия, Москва, Селивёрстов переулок, 1А</a>
+  <?}?>
-<?}else{?>
+    <!--noindex-->
+    <?
-  <?}?>
+    //26.04.2017 Hawks
-    <!--noindex-->
+    CModule::IncludeModule('nurgush.mobiledetect');
-    <?
-    //26.04.2017 Hawks
+    $detect = new Nurgush\MobileDetect\Main();
-    CModule::IncludeModule('nurgush.mobiledetect');
+    // Для мобыльных
+    if(!$detect->isMobile() && !$detect->isTablet()){?>
-    $detect = new Nurgush\MobileDetect\Main();
+        <ul class="social-links">
-    // Для мобыльных
+            <?/*<li class="social-links-item"><a href="http://twitter.com/stroyhouse" class="social-links-link _tw" target="_blank" rel="nofollow"></a></li>*/?>
-    if(!$detect->isMobile() && !$detect->isTablet()){?>
+            <li class="social-links-item"><a href="//www.facebook.com/pages/Derevannye-doma-ot-Stroj-Hauz/161048223937817" class="social-links-link _fb" target="_blank" rel="nofollow"></a></li>
-        <ul class="social-links">
+            <li class="social-links-item"><a href="//vkontakte.ru/club21826597" class="social-links-link _vk" target="_blank" rel="nofollow"></a></li>
-            <?/*<li class="social-links-item"><a href="http://twitter.com/stroyhouse" class="social-links-link _tw" target="_blank" rel="nofollow"></a></li>*/?>
+            <?/*<li class="social-links-item"><a href="//www.odnoklassniki.ru/group/55514216595503" class="social-links-link _ok" target="_blank" rel="nofollow"></a></li>*/?>
-            <li class="social-links-item"><a href="//www.facebook.com/pages/Derevannye-doma-ot-Stroj-Hauz/161048223937817" class="social-links-link _fb" target="_blank" rel="nofollow"></a></li>
+            <li class="social-links-item"><a href="//www.youtube.com/user/StroyHouse" class="social-links-link _yt" target="_blank" rel="nofollow"></a></li>
-            <li class="social-links-item"><a href="//vkontakte.ru/club21826597" class="social-links-link _vk" target="_blank" rel="nofollow"></a></li>
+            <li class="social-links-item"><a href="//instagram.com/stroyhouse/" class="social-links-link _inst"></a></li>
-            <?/*<li class="social-links-item"><a href="//www.odnoklassniki.ru/group/55514216595503" class="social-links-link _ok" target="_blank" rel="nofollow"></a></li>*/?>
+        </ul>
-            <li class="social-links-item"><a href="//www.youtube.com/user/StroyHouse" class="social-links-link _yt" target="_blank" rel="nofollow"></a></li>
+        <!--/noindex-->
-            <li class="social-links-item"><a href="//instagram.com/stroyhouse/" class="social-links-link _inst"></a></li>
+        <div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
-        </ul>
+        </footer>
-        <!--/noindex-->
+    <?}else{?>
-        <div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
+        <ul class="social-links">
-        </footer>
+            <?/*<li class="social-links-item"><a href="http://twitter.com/stroyhouse" class="social-links-link _tw" target="_blank" rel="nofollow"></a></li>*/?>
-    <?}else{?>
+            <li class="social-links-item"><a href="//www.facebook.com/pages/Derevannye-doma-ot-Stroj-Hauz/161048223937817" class="social-links-link _fb" target="_blank" rel="nofollow"></a></li>
-        <ul class="social-links">
+            <li class="social-links-item"><a href="//vkontakte.ru/club21826597" class="social-links-link _vk" target="_blank" rel="nofollow"></a></li>
-            <?/*<li class="social-links-item"><a href="http://twitter.com/stroyhouse" class="social-links-link _tw" target="_blank" rel="nofollow"></a></li>*/?>
+            <?/*<li class="social-links-item"><a href="//www.odnoklassniki.ru/group/55514216595503" class="social-links-link _ok" target="_blank" rel="nofollow"></a></li>*/?>
-            <li class="social-links-item"><a href="//www.facebook.com/pages/Derevannye-doma-ot-Stroj-Hauz/161048223937817" class="social-links-link _fb" target="_blank" rel="nofollow"></a></li>
+            <li class="social-links-item"><a href="//www.youtube.com/user/StroyHouse" class="social-links-link _yt" target="_blank" rel="nofollow"></a></li>
-            <li class="social-links-item"><a href="//vkontakte.ru/club21826597" class="social-links-link _vk" target="_blank" rel="nofollow"></a></li>
+            <li class="social-links-item"><a href="//instagram.com/stroyhouse/" class="social-links-link _inst"></a></li>
-            <?/*<li class="social-links-item"><a href="//www.odnoklassniki.ru/group/55514216595503" class="social-links-link _ok" target="_blank" rel="nofollow"></a></li>*/?>
+        </ul>
-            <li class="social-links-item"><a href="//www.youtube.com/user/StroyHouse" class="social-links-link _yt" target="_blank" rel="nofollow"></a></li>
+        <!--/noindex-->
-            <li class="social-links-item"><a href="//instagram.com/stroyhouse/" class="social-links-link _inst"></a></li>
+        <div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
-        </ul>
+        <div class="copy">© <?= date('Y') ?> ООО «Строй Хауз»</div>
-        <!--/noindex-->
+        </footer>
-        <div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
+    <?}?>
-        <div class="copy">© <?= date('Y') ?> ООО «Строй Хауз»</div>
-        </footer>
+  <?}?>
-    <?}?>
+<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
+<script>if (screen.width<=768) {document.write('<link rel="stylesheet" href="/css/main.css?<?=filemtime(BASE_PATH . '/css/main.css')?>" id="pre_load">');document.body.style.display="block";}</script>
-  <?}?>
+<link rel="stylesheet" type='text/css' href="/css/flaticon.css">
-<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
+<link rel="stylesheet" type='text/css' href="/css/media.css" >
-<script>if (screen.width<=768) {document.write('<link rel="stylesheet" href="/css/main.css?<?=filemtime(BASE_PATH . '/css/main.css')?>" id="pre_load">');document.body.style.display="block";}</script>
+<!-- Add mousewheel plugin (this is optional) -->
-<link rel="stylesheet" type='text/css' href="/css/flaticon.css">
+</script>
-<link rel="stylesheet" type='text/css' href="/css/media.css" >
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-<!-- Add mousewheel plugin (this is optional) -->
+<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
-</script>
+<script src="/js/compiled.js?<?=filemtime(BASE_PATH . '/js/compiled.js')?>" type="text/javascript"></script>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
-<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+<script src="//yastatic.net/share2/share.js"></script>
-<script src="/js/compiled.js?<?=filemtime(BASE_PATH . '/js/compiled.js')?>" type="text/javascript"></script>
+<script src="/js/jquery.maskedinput.js?<?=filemtime(BASE_PATH . '/js/jquery.maskedinput.js')?>" type="text/javascript"></script>
-<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
+<script src="/js/index.js"></script>
-<script src="//yastatic.net/share2/share.js"></script>
+<?php if ((strpos($_SERVER["REQUEST_URI"],'/projects/')!==false)||(strpos($_SERVER["REQUEST_URI"],'/price/')!==false)||(strpos($_SERVER["REQUEST_URI"],'/contacts/')!==false)) { ?>
-<script src="/js/jquery.maskedinput.js?<?=filemtime(BASE_PATH . '/js/jquery.maskedinput.js')?>" type="text/javascript"></script>
+<!-- BEGIN JIVOSITE CODE {literal} -->
-<script src="/js/index.js"></script>
+<script type='text/javascript'>
-<?php if ((strpos($_SERVER["REQUEST_URI"],'/projects/')!==false)||(strpos($_SERVER["REQUEST_URI"],'/price/')!==false)||(strpos($_SERVER["REQUEST_URI"],'/contacts/')!==false)) { ?>
+(function(){ var widget_id = 'sfDg6YF840';var d=document;var w=window;function l(){
-<!-- BEGIN JIVOSITE CODE {literal} -->
+var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
-<script type='text/javascript'>
+<!-- {/literal} END JIVOSITE CODE -->
-(function(){ var widget_id = 'sfDg6YF840';var d=document;var w=window;function l(){
+<?php } ?>
-var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
+</body>
-<!-- {/literal} END JIVOSITE CODE -->
-<?php } ?>
-</body>
 </html>
\ No newline at end of file
--- a/local/templates/main/header.php
+++ b/local/templates/main/header.php
@@ -40,6 +40,29 @@ if(!isProduction()) echo '<meta name="robots" content="none">';
 if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots" content="none">';
 ?>
+<?if ($_SERVER['REQUEST_URI'] == '/'){?>
+<style>
+	.container._top {
+    /* padding-top: 0; */
+  }
+  .container {
+    min-height: 100%;
+    margin-bottom: -70px;
+    padding-top: 72px;
+  }
+</style>
+<?}else{?>
+<style>
+  .container._top{
+   padding-top: 0;
+ }
+ .container{
+   min-height: 100%;
+   margin-bottom: -70px;
+   /*	padding-top: 72px;*/
+ }
+</style>
+<?}?>
 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/fav/apple-touch-icon-57x57.png" />
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/fav/apple-touch-icon-114x114.png" />
 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/fav/apple-touch-icon-72x72.png" />
@@ -85,7 +108,7 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
 			<script>if (screen.width<=768) document.body.style.display="none";</script>
 			<?//$APPLICATION->ShowPanel()?>
-			<div class="container<?$APPLICATION->ShowProperty('CONTAINER_CLASS_TOP', ' _top')?> <?$APPLICATION->ShowProperty('CONTAINER_EXTRA_CLASS')?>">
+			<div class="container _top">
 				<header class="header">
 					<? if($APPLICATION->GetCurPage() !== SITE_DIR) { ?>
 					<a href="/" class="logo _header"></a>
@@ -101,44 +124,70 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
 						<span id='header_search_wrap'>
 							<div class="search-from__inner">
                            <input type="text" id='header_search' autocomplete='off' placeholder="Введите название"  name="q" value="<?=$_GET['q']?>"><!--
-                        --><!-- <button type="submit" class="search-button"><span class="site-styled-button__span">Найти</span></button> -->
+                          --><!-- <button type="submit" class="search-button"><span class="site-styled-button__span">Найти</span></button> -->
-                    </div>
+                        </div>
-                    <ul id='result_list'></ul>
+                        <ul id='result_list'></ul>
-                    <i class='flaticon-search'></i>
+                        <i class='flaticon-search'></i>
-                </span>
+                      </span>
-            </form>
+                    </form>
-                              <?
+                    <?
 //26.04.2017 Hawks
-                              CModule::IncludeModule('nurgush.mobiledetect');
+                    CModule::IncludeModule('nurgush.mobiledetect');
-                              $detect = new Nurgush\MobileDetect\Main();
+                    $detect = new Nurgush\MobileDetect\Main();
 // Для мобыльных
-                              if($detect->isMobile() && !$detect->isTablet()){?>
+                    if($detect->isMobile() && !$detect->isTablet()){?>
+                   <span class='mobile_menu_wrap_phone'>
+                      <?$APPLICATION->IncludeComponent(
+                        "bitrix:menu",
+                        "top_callback_phone",
+                        Array(
+                          "ROOT_MENU_TYPE" => "top",
+                          "MAX_LEVEL" => "2",
+                          "CHILD_MENU_TYPE" => "sub",
+                          "USE_EXT" => "N",
+                          "MENU_CACHE_TYPE" => "Y",
+                          "MENU_CACHE_TIME" => "3600",
+                          "MENU_CACHE_USE_GROUPS" => "N",
+                          "MENU_CACHE_GET_VARS" => Array()
+                          )
+                          );?>
+                        </span>
+                        <?}else{?>
+                        <?}?>
+                    <?
+//26.04.2017 Hawks
+                    CModule::IncludeModule('nurgush.mobiledetect');
+                    $detect = new Nurgush\MobileDetect\Main();
+// Для мобыльных
+                    if($detect->isMobile() && !$detect->isTablet()){?>
-            <span class='mobile_menu_wrap'>
+                    <span class='mobile_menu_wrap'>
-                  <?$APPLICATION->IncludeComponent(
+                      <?$APPLICATION->IncludeComponent(
                        "bitrix:menu",
                        "top",
                        Array(
-                              "ROOT_MENU_TYPE" => "top",
+                          "ROOT_MENU_TYPE" => "top",
-                              "MAX_LEVEL" => "2",
+                          "MAX_LEVEL" => "2",
-                              "CHILD_MENU_TYPE" => "sub",
+                          "CHILD_MENU_TYPE" => "sub",
-                              "USE_EXT" => "N",
+                          "USE_EXT" => "N",
-                              "MENU_CACHE_TYPE" => "Y",
+                          "MENU_CACHE_TYPE" => "Y",
-                              "MENU_CACHE_TIME" => "3600",
+                          "MENU_CACHE_TIME" => "3600",
-                              "MENU_CACHE_USE_GROUPS" => "N",
+                          "MENU_CACHE_USE_GROUPS" => "N",
-                              "MENU_CACHE_GET_VARS" => Array()
+                          "MENU_CACHE_GET_VARS" => Array()
-                              )
+                          )
-                              );?>
+                          );?>
                        </span>
                        <?}else{?>
-            <span class='mobile_menu_wrap'>
+                        <span class='mobile_menu_wrap'>
-                  <?$APPLICATION->IncludeComponent(
+                          <?$APPLICATION->IncludeComponent(
-                        "bitrix:menu",
+                            "bitrix:menu",
-                        "top_new",
+                            "top_new",
-                        Array(
+                            Array(
                              "ROOT_MENU_TYPE" => "top",
                              "MAX_LEVEL" => "2",
                              "CHILD_MENU_TYPE" => "sub",
@@ -149,37 +198,37 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
                              "MENU_CACHE_GET_VARS" => Array()
                              )
                              );?>
-                        </span>
+                            </span>
-                        <a href="https://stroy.basecamphq.com/login" class="secret-button" target="_blank" rel="nofollow"></a>
+                            <a href="https://stroy.basecamphq.com/login" class="secret-button" target="_blank" rel="nofollow"></a>
-                        <?}?>
+                            <?}?>
-            	</header>
+                          </header>
-            	<?$APPLICATION->AddBufferContent(function() {
+                          <?$APPLICATION->AddBufferContent(function() {
-            		global $APPLICATION;
+                            global $APPLICATION;
-            		if($APPLICATION->GetProperty('HIDE_PAGE_HEAD')) return '';
+                            if($APPLICATION->GetProperty('HIDE_PAGE_HEAD')) return '';
-            		$APPLICATION->IncludeComponent('cpeople:page.head.pic', '');
+                            $APPLICATION->IncludeComponent('cpeople:page.head.pic', '');
-            		ob_start(); ?>
+                            ob_start(); ?>
-            		<div class="page-head <?=$APPLICATION->GetProperty('PAGE_HEAD_EXTRA_CLASS')?>" <?=$APPLICATION->GetProperty('PAGE_HEAD_PIC_STYLE')?>>
+                            <div class="page-head" <?=$APPLICATION->GetProperty('PAGE_HEAD_PIC_STYLE')?>>
-                            <div class="phone">
+                              <div class="phone">
                                <div class="project js-project">
-                                    <? include INCLUDE_PATH . 'header-phone.php' ?>
+                                  <? include INCLUDE_PATH . 'header-phone.php' ?>
-                                    <a href="#order_price" class='phone-call js-order-project'>Заказать звонок</a>
+                                  <a href="#order_price" class='phone-call js-order-project'>Заказать звонок</a>
                                </div>
                                <?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
+                              </div>
+                              <?= getBreadCrumbsHtml() ?>
+                              <?=$APPLICATION->GetProperty('PAGE_HEAD_EXTRA_CONTENT')?>
                            </div>
-            			<?= getBreadCrumbsHtml() ?>
-            			<?=$APPLICATION->GetProperty('PAGE_HEAD_EXTRA_CONTENT')?>
-            		</div>
-            		<? return ob_get_clean();
-            	}); ?>
-            	<?$APPLICATION->AddBufferContent(function() {
-            		global $APPLICATION;
-            		$result = '';
-            		if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT')) $result .= '<div class="page-content">';
-            		if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP')) $result .= '<div class="centering">';
-            		return $result;
-            	})?>
\ No newline at end of file
+                            <? return ob_get_clean();
+                          }); ?>
+                          <?$APPLICATION->AddBufferContent(function() {
+                            global $APPLICATION;
+                            $result = '';
+                            if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT')) $result .= '<div class="page-content">';
+                            if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP')) $result .= '<div class="centering">';
+                            return $result;
+                          })?>
\ No newline at end of file