Skip to content

Тимофей Семененко / shold.dev5.ashmanov.com

Go to a project
Commit ddfe454d by Semenenko Timofey
Options

filter part3

1 parent 39db5ad6
Pipeline #2862 for ddfe454d skipped in 0 seconds
Inline Side-by-side
Showing 12 changed files with 475 additions and 503 deletions
contacts/index.php
......@@ -12,4 +12,4 @@ $APPLICATION->SetTitle("Контакты");
Array(
)
);?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
css/easy-responsive-tabs.css
body {
margin: 0px;
padding: 0px;
background: #f5f5f5;
font-family: 'Segoe UI';
}
ul.resp-tabs-list, p {
margin: 0px;
......@@ -39,12 +34,12 @@ h2.resp-accordion {
}
.resp-tab-active {
border: 1px solid #fff !important;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important;
border-top: 4px solid #fff !important;
border-bottom: 0px #fff solid !important;
border: 1px solid #fff !important;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important;
border-top: 4px solid #fff !important;
border-bottom: 0px #fff solid !important;
}
.resp-tab-active {
......@@ -58,7 +53,7 @@ h2.resp-accordion {
.resp-tab-content {
border: 1px solid #c1c1c1;
border-top-color: #fff;
border-top-color: #fff;
}
h2.resp-accordion {
......@@ -112,15 +107,15 @@ h2.resp-tab-title:last-child {
}
.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #fff !important;
border-left: 4px solid #fff !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #fff !important;
border-left: 4px solid #fff !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}
.resp-arrow {
......@@ -130,14 +125,14 @@ border-right: 1px #FFF solid !important;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1;
border-top: 12px solid #ffffff;
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797;
border-bottom: 12px solid #ffffff;
}
/*-----------Accordion styles-----------*/
......
css/main.css
This diff could not be displayed because it is too large.
css/media.css
......@@ -5,10 +5,10 @@ url('/fonts/rouble.svg#MyriadProCond')
format('svg');font-weight:normal;font-style:normal;}
.opened_arrow:after {
-webkit-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
}
.map-text-toggler{margin-top:15px;cursor:pointer;min-width:165px;}
......@@ -22,7 +22,7 @@ format('svg');font-weight:normal;font-style:normal;}
.cluster.active_cluster img{display:none;}
.projects_type_wrapper h1{font-size:14px;font-weight:bold;}
.service-item{height:282px;}
.no_search_result_text{margin-top:30px;}
.no_search_result_text{text-align: center;display: inline-block;text-transform: uppercase;text-decoration: none !important;color: #f37e43;font-size: 1rem;line-height: 16px;font-weight: bold;padding-right: 22px;padding-left: 16px;position: relative;vertical-align: middle;margin-top: -6px;margin-top: 80px;}
#previewer_toggle{display:none;}
.projects_listing_ul{margin-top:-75px !important;}
.out_sub_menu > .filter-element > div.filter-element._all{display:none;}
......@@ -50,21 +50,21 @@ body.previewer{overflow:hidden;position:fixed;}
.active_search i{background:#fff;}
span#header_search_wrap i{position:absolute;font-size:21px;left:-2px;top:-2px;font-weight:bold;color:#EB9D72;border:2px solid;border-radius:40px;cursor:pointer;width:37px;height:37px;z-index:103;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;}
span#header_search_wrap.mobile i {
position: absolute;
font-size: 21px;
left: 45px;
top: -2px;
font-weight: bold;
color: #EB9D72;
border: 2px solid;
border-radius: 40px;
cursor: pointer;
width: 37px;
height: 37px;
z-index: 103;
-webkit-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
position: absolute;
font-size: 21px;
left: 45px;
top: -2px;
font-weight: bold;
color: #EB9D72;
border: 2px solid;
border-radius: 40px;
cursor: pointer;
width: 37px;
height: 37px;
z-index: 103;
-webkit-transition: ease-out 0.2s;
-o-transition: ease-out 0.2s;
transition: ease-out 0.2s;
}
.header._fixed span#header_search_wrap{top:15px;}
......@@ -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: 179px;}
.projects-list{/* margin-top: 150px; */}
.filter._inner-page{display:block;left:50%;bottom:50px;z-index:50;margin-left:-251px;top:50%;margin-top: -10px;}
.out_sub_menu{position:absolute;z-index:100;width:100%;left:0;top: 205px;}
.projects-list{/* margin-top: 93px; */}
.filter._inner-page{display:block;left:50%;bottom:50px;z-index:50;margin-left:-251px;top: 53%;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%;}
......@@ -137,327 +137,334 @@ li.additional_list_item{margin-bottom:20px;float:left;}
@media (max-width:1100px){.filter._inner-page{left:25%;margin-left:0;}
}
@media (max-width:1000px){.project-gallery-item-title-abs{left:0;top:90px;width:100%;text-align:center;text-shadow:0px 0px 23px #fff;font-size:4rem;}
.page-head._bigger .phone-value{margin-bottom:5px;}
.projects_listing_ul{margin-top:-95px !important;}
.slimScrollDiv{display:none;}
.header._fixed span#header_search_wrap{top:20px;}
span#header_search_wrap{right:103px;}
#cursor{display:none;}
.fav_listing{margin-top:-190px;}
.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: 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: 5px;}
.out_sub_menu{top: 220px;z-index:10;}
.page-head._bigger + .page-content{/* padding-top:180px; */}
.projects-list{margin-top:0;position:relative;z-index:20;}
.filter._inner-page{margin:0;bottom:auto;left:0;width:100%;top:100%;}
.filter{display:block;}
.filter-element._type._active{height:auto;padding:0 0 0 0 !important;}
.filter-element._type._active > a{display:inline-block !important;text-align:center;width:24.9%;}
.filter._inner-page .filter-element._parent{height:185px;}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse , .filter._inner-page .filter-element._parent > .filter-element._misc{height:100%;}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse .filter-option{padding-top:2px;padding-bottom:2px;width:50%;display:table-cell;text-align:center;vertical-align:middle;}
.filter._inner-page .filter-element._parent > .filter-element._misc .filter-option{padding:0;width:33%;text-align:center;display:table-cell;vertical-align:middle;padding:0 10px;}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select-item,
.filter._inner-page .filter-element._parent > .filter-element._house .filter._inner-page-slide .filter-link,
.filter._inner-page-slide .filter._inner-page .filter-element._parent > .filter-element._house .filter-link{padding-left:0;}
.filter._inner-page .filter-element._select{min-width:0;}
.filter._inner-page .filter-element._parent > .filter-element._house , .filter-element._bathhouse , .filter-element._misc{height:100%;display:table;}
.filter-element._house > div{display:table-cell;width:25% !important;}
.filter._main-page .filter-element._parent > .filter-element{border-left:none;}
.filter-element._house .filter-select{text-align:center;}
.filter._main-page ._misc .filter-option{width:33%;}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select{height:100% !important;}
.project-reviews-item{width:100%;height:0;padding-bottom:56%;}
._project .phone{display:none;}
._project .path{top:0;left:0;width:100%;}
.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;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;}
._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);}
ul.main-menu.opened-xs-menu{right:0px;}
header.opened-menu-header{left:-219px;background-color:#fff !important;}
.partners-list-item{width:50%;}
.partners-filter-item A{font-size:1.3rem;padding:5px 0;display:inline-block;}
._fixed .main-menu{}
.main-menu-sub{position:static;opacity:1;display:none;-webkit-transition:none;transition:none;}
.main-menu-item-link:before, .main-menu-item-link:after{display:none;}
.main-menu-item{display:block;}
.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;}
.page-head{display:block;width:100%;}
.page-head._bigger{}
._top .phone{top:120px;left:0;width:100%;text-align:center;}
.path-current{padding:0 5px;}
.page-head._bigger .path-current{margin-bottom:6px;}
.page-head._mp{overflow:hidden;}
.page-content{/* padding-top: 80px; */px; */}
/* .page-content.mobile{padding-top: 230px;} */
._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%;}
ul.path-elements{padding:0 15px;display:none;}
.phone a[href^="tel:"]{text-shadow:0px 0px 15px #000;}
.mp-text{padding:40px 0 0;}
.filter._main-page{display:block;bottom:60px;padding:0 20px;}
.filter-element{width:100% !important;}
.filter._inner-page .filter-element{font-size:0;}
.filter-element._parent{width:100%;}
.filter-element._select{min-width:0;width:33%;}
.filter-select-item{color: #333;padding-left:0;text-align:center;display:block;}
.mp-tiles-wr{padding-top:4rem;}
.process-top{padding:0 0 0 0;min-height:auto;}
.process-top-image{float:none;position:static;left:0;top:0;overflow:hidden;width:100%;height:auto;}
.process-top-image img{width:100%;}
.page-head._bigger .phone-value{margin-bottom:5px;}
.projects_listing_ul{margin-top:-95px !important;}
.slimScrollDiv{display:none;}
.header._fixed span#header_search_wrap{top:20px;}
span#header_search_wrap{right:103px;}
#cursor{display:none;}
.fav_listing{margin-top:-190px;}
.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: 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: 5px;}
.out_sub_menu{top: 220px;z-index:10;}
.page-head._bigger + .page-content{/* padding-top:180px; */}
.projects-list{margin-top:0;position:relative;z-index:20;}
.filter._inner-page{margin:0;bottom:auto;left:0;width:100%;top:100%;}
.filter{display:block;}
.filter-element._type._active{height:auto;padding:0 0 0 0 !important;}
.filter-element._type._active > a{display:inline-block !important;text-align:center;width:24.9%;}
.filter._inner-page .filter-element._parent{height:185px;}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse , .filter._inner-page .filter-element._parent > .filter-element._misc{height:100%;}
.filter._inner-page .filter-element._parent > .filter-element._bathhouse .filter-option{padding-top:2px;padding-bottom:2px;width:50%;display:table-cell;text-align:center;vertical-align:middle;}
.filter._inner-page .filter-element._parent > .filter-element._misc .filter-option{padding:0;width:33%;text-align:center;display:table-cell;vertical-align:middle;padding:0 10px;}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select-item,
.filter._inner-page .filter-element._parent > .filter-element._house .filter._inner-page-slide .filter-link,
.filter._inner-page-slide .filter._inner-page .filter-element._parent > .filter-element._house .filter-link{padding-left:0;}
.filter._inner-page .filter-element._select{min-width:0;}
.filter._inner-page .filter-element._parent > .filter-element._house , .filter-element._bathhouse , .filter-element._misc{height:100%;display:table;}
.filter-element._house > div{display:table-cell;width:25% !important;}
.filter._main-page .filter-element._parent > .filter-element{border-left:none;}
.filter-element._house .filter-select{text-align:center;}
.filter._main-page ._misc .filter-option{width:33%;}
.filter._inner-page .filter-element._parent > .filter-element._house .filter-select{height:100% !important;}
.project-reviews-item{width:100%;height:0;padding-bottom:56%;}
._project .phone{display:none;}
._project .path{top:0;left:0;width:100%;}
.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;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;}
._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);}
ul.main-menu.opened-xs-menu{right:0px;}
header.opened-menu-header{left:-219px;background-color:#fff !important;}
.partners-list-item{width:50%;}
.partners-filter-item A{font-size:1.3rem;padding:5px 0;display:inline-block;}
._fixed .main-menu{}
.main-menu-sub{position:static;opacity:1;display:none;-webkit-transition:none;transition:none;}
.main-menu-item-link:before, .main-menu-item-link:after{display:none;}
.main-menu-item{display:block;}
.main-menu-item-link , ._fixed .main-menu-item-link{line-height:45px;}
.process-top-inverted{margin-top: 36px;padding:0 0 0 0;min-height:auto;}
.process-top-inverted-image{float:none;left:0;top:0;overflow:hidden;width:100%;}
.process-top-inverted-image img{width:100%;}
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;}
.page-head{display:block;width:100%;}
.page-head._bigger{}
._top .phone{top:120px;left:0;width:100%;text-align:center;}
.path-current{padding:0 5px;}
.page-head._bigger .path-current{margin-bottom:6px;}
.page-head._mp{overflow:hidden;}
.process-top-inverted-video{float:none;position:static;left:0;top:0;overflow:hidden;width:100%;height:auto;}
.process-top-inverted-video img{width:100%;}
.phone-value{display:block;padding-right:0;text-align:center;}
.phone-call{display:block;text-align:left;color:#f37e43;font-size:1.3rem;padding-right:0;padding-left:0px;margin:5px auto 0;width:155px;}
/*.path-current{font-size:1.8rem;line-height:2rem;letter-spacing:1px;margin-top:17px;}*/
.form-container{padding-top:0;}
._top .page-head{height:185px;}
/* .page-content.mobile{padding-top: 230px;} */
._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%;}
ul.path-elements{padding:0 15px;display:none;}
.phone a[href^="tel:"]{text-shadow:0px 0px 15px #000;}
.mp-text{padding:40px 0 0;}
.filter._main-page{display:block;bottom:60px;padding:0 20px;}
.filter-element{width:100% !important;}
.filter._inner-page .filter-element{font-size:0;}
.filter-element._parent{width:100%;}
.filter-element._select{min-width:0;width:33%;}
.filter-select-item{color: #333;padding-left:0;text-align:center;display:block;}
.mp-tiles-wr{padding-top:4rem;}
.process-top{padding:0 0 0 0;min-height:auto;}
.process-top-image{float:none;position:static;left:0;top:0;overflow:hidden;width:100%;height:auto;}
.process-top-image img{width:100%;}
.process-top-inverted{margin-top: 36px;padding:0 0 0 0;min-height:auto;}
.process-top-inverted-image{float:none;left:0;top:0;overflow:hidden;width:100%;}
.process-top-inverted-image img{width:100%;}
.process-top-inverted-video{float:none;position:static;left:0;top:0;overflow:hidden;width:100%;height:auto;}
.process-top-inverted-video img{width:100%;}
.phone-value{display:block;padding-right:0;text-align:center;}
.phone-call{display:block;text-align:left;color:#f37e43;font-size:1.3rem;padding-right:0;padding-left:0px;margin:5px auto 0;width:155px;}
/*.path-current{font-size:1.8rem;line-height:2rem;letter-spacing:1px;margin-top:17px;}*/
.form-container{padding-top:0;}
._top .page-head{height:185px;}
}
@media (max-width:1366px){.project-gallery-item-title-abs{font-size:3rem;line-height:3.3rem;}
.project-text > *:first-child{padding-top:30px !important;}
#previewer_toggle{position:absolute;bottom:45%;left:50%;margin-left:-35px;z-index:100;font-weight:bold;font-size:70px;text-shadow:0px 0px 5px rgba(255, 255, 255, 0.39) , 2px 2px 5px rgba(113, 111, 111, 0.52) , -2px -2px 5px rgba(255, 255, 255, 0.52) , 1px 0px 5px rgba(255, 255, 255, 0.22);color:rgb(255, 255, 255);cursor:pointer !important;display:block;}
.previewer .project-gallery-item-title{opacity:0;}
h4.project-gallery-item-title{height:auto;top:auto;bottom:50px;left:0;width:100%;text-shadow:0px 0px 10px #fff , 1px 1px 10px #fff , -1px -1px 10px #fff , -2px 0px 10px #fff;}
.out_sub_menu .filter-element._misc .filter-option{width:33%;vertical-align:middle;}
.out_sub_menu .filter-inner-wrap{padding:0 10px;}
.text-teaser{height:auto;padding:20px 10px;}
.teaser_text_left{width:100%;text-align:center;padding:0;margin-bottom:20px;}
.contacts-map{margin-right:0;height:350px;}
.contacts-content{position:static;width:100%;height:auto;}
.contacts-wr .phone{position:static;}
.contacts-wr .phone a{text-align:center;}
.contacts-wr a.contacts-tabs-head-item{margin:5px auto 12px;display:block;}
.contacts-list-item:before{display:none;}
.contacts-list{padding:15px;}
.contacts-list-item-block-title , .contacts-list-item-block-text{padding-left:0;}
.contacts-list-item-block._half{width:100%;float:none;overflow:hidden;margin-bottom:0;padding:0;}
.contacts-wr .phone a:after{display:none;}
.contacts-map .path{position:static;margin:0;padding:7px;}
.contacts-map .path-elements{padding:0 5px;}
.contacts-map .path-current{margin-top:7px;}
.contacts-map-zoom._in{top:70px;right:10px;}
.contacts-map-zoom._out{top:110px;right:10px;}
._hours .contacts-list-item-block-text SPAN:nth-child(n+2){display:none;}
.tiles-item-content-specs{position:absolute;width:100%;max-width:100%;margin:auto;bottom:7px;left:0;right:0;display:block;color:white;border-top:none;padding-top:35px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scale(1);transform:scale(1);}
.tiles-item-content{opacity:1;background:none;text-shadow:1px 1px 20px #3C3A3A , -1px -1px 20px #3C3A3A , 2px 2px 20px #3C3A3A , -2px -1px 20px #3C3A3A;}
.tiles-item-content-specs-item._square:before{top:-30px;left:11px;width:25px;height:23px;}
.tiles-item-content-specs-item{padding-left:0 !important;margin:0 15px;}
.tiles-item-content-specs-item._floors:before{width:25px;height:26px;top:-32px;left:18px;}
.tiles-item-content-specs-item._bedrooms:before{top:-30px;width:25px;height:23px;left:25px;}
.tiles-item-content-specs-item:before{display:none;}
.tiles-item-content-specs-item-unit{font-size:14px;vertical-align:middle;}
.tiles-item-content-specs-item-value{font-size:17px;vertical-align:middle;}
.tiles-item-content-title{-webkit-transform:scale(1);transform:scale(1);font-size:2.5rem;line-height:3rem;padding:0 55px;}
.tiles-item-content-icon{top:16px;-webkit-transform:scale(1);transform:scale(1);display:none;}
.tiles-item-content .fav-toggle{top:8px;right:10px;-webkit-transform:scale(1);transform:scale(1);display:none;}
.tiles-item-content:hover .tiles-item-content-icon{top:16px;}
.tiles-item-content:hover .fav-toggle{top:8px;right:10px;}
.tiles-item-content:hover .tiles-item-content-specs{bottom:7px;}
.filter._main-page{padding:0 0;display:none;}
._project .path-current{text-shadow:0px 0px 23px #fff;}
._project .path-elements{opacity:1;}
.project-info{padding:0 0px;height:auto;text-align:center;margin-bottom:0;bottom:15px;}
.project-info-link-wr{float:none;}
.project-info-link-wr{float:none;margin-top:10px;}
span.project-info-specs-item{padding:0 0 0 35px;margin-right:14px;}
.project-info-specs{float:none;background-color:#fff;padding:23px 0 20px;text-align:center;}
.process .phone-teaser-text{width:100%;}
.process .phone-teaser-text SPAN{display:block;vertical-align:middle;text-align:center;padding-top:5px;}
.process .houses{padding-top:45px;margin-bottom:0;}
.process .phone-teaser-text .process-make-time{position:static;display:block;font-family:"Open Sans", Arial, sans-serif;line-height:5rem;right:40px;top:50%;margin:10px auto;width:190px;letter-spacing:1px;}
.text-content p{text-align:justify;}
.text-content IFRAME{width:100%;margin:0;}
.static-content.text-content{padding:0 4px;}
.text-content H1, .text-content H2 , .text-content P + H3{padding:5px 0 10px;}
.text-content H1, .text-content H2{font-size:1.8rem;line-height:2.4rem;}
.text-content BLOCKQUOTE{font-size:1.6rem;line-height:2.6rem;margin:14px 0;}
.page-head._mp .mp-head-text._bigger{font-size:4rem;}
span.phone-teaser-text{margin:0 0 3px;padding:0 10px;width:100%;font-size:16px;}
.phone-teaser-phone{padding:0;text-align:center;display:block;}
.phone-teaser-phone:before{display:none;}
.phone-teaser{height:120px;}
.mp-text H3{font-size:2.5rem;line-height:3rem;text-align:center;}
.text-content H4.right{text-align:center;}
.centering{padding:0 15px;}
.project-gallery-previews-group-wr{text-align:center;}
._project .path-elements{background:rgba(255, 255, 255, 0.18);}
.map-content-texts{width:100%;height:auto !important;}
.map-map{margin-right:0;height:300px;}
.map-content{width:100%;position:relative;overflow:visible;}
.map-content-switch{display:none;}
.map-content-wr{width:100%;position:relative;left:0;}
.map-content-projects{width:100%;height:auto !important;}
.scroll-content{overflow:auto;height:auto !important;min-height:0;}
.map-map .contacts-map-zoom._out{top:55px;right:10px;}
.map-map .contacts-map-zoom._in{top:15px;right:10px;}
.map-map .path .path-elements , .map-map .path .path-current{display:none;}
.map-map .path A{top:-9px;left:-20px;}
.project-gallery .project-gallery-item._plan{background-size:contain;}
@media (max-width:992px){.project-gallery-item-title-abs{font-size:3rem;line-height:3.3rem;}
.project-text > *:first-child{padding-top:30px !important;}
#previewer_toggle{position:absolute;bottom:45%;left:50%;margin-left:-35px;z-index:100;font-weight:bold;font-size:70px;text-shadow:0px 0px 5px rgba(255, 255, 255, 0.39) , 2px 2px 5px rgba(113, 111, 111, 0.52) , -2px -2px 5px rgba(255, 255, 255, 0.52) , 1px 0px 5px rgba(255, 255, 255, 0.22);color:rgb(255, 255, 255);cursor:pointer !important;display:block;}
.previewer .project-gallery-item-title{opacity:0;}
h4.project-gallery-item-title{height:auto;top:auto;bottom:50px;left:0;width:100%;text-shadow:0px 0px 10px #fff , 1px 1px 10px #fff , -1px -1px 10px #fff , -2px 0px 10px #fff;}
.out_sub_menu .filter-element._misc .filter-option{width:33%;vertical-align:middle;}
.contacts-map{margin-top:30px;margin-right:0;height:350px;}
.out_sub_menu .filter-inner-wrap{padding:0 10px;}
.text-teaser{height:auto;padding:20px 10px;}
.teaser_text_left{width:100%;text-align:center;padding:0;margin-bottom:20px;}
.contacts-content{position:static;width:100%;height:auto;}
.contacts-wr .phone{position:static;}
.contacts-wr .phone a{text-align:center;}
.contacts-wr a.contacts-tabs-head-item{margin:5px auto 12px;display:block;}
.contacts-list-item:before{display:none;}
.contacts-list{padding:15px;}
.contacts-list-item-block-title , .contacts-list-item-block-text{padding-left:0;}
.contacts-list-item-block._half{width:100%;float:none;overflow:hidden;margin-bottom:0;padding:0;}
.contacts-wr .phone a:after{display:none;}
.contacts-map .path{position:static;margin:0;padding:7px;}
.contacts-map .path-elements{padding:0 5px;}
.contacts-map .path-current{margin-top:7px;}
.contacts-map-zoom._in{top:70px;right:10px;}
.contacts-map-zoom._out{top:110px;right:10px;}
._hours .contacts-list-item-block-text SPAN:nth-child(n+2){display:none;}
.tiles-item-content-specs{position:absolute;width:100%;max-width:100%;margin:auto;bottom:7px;left:0;right:0;display:block;color:white;border-top:none;padding-top:35px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scale(1);transform:scale(1);}
.tiles-item-content{opacity:1;background:none;text-shadow:1px 1px 20px #3C3A3A , -1px -1px 20px #3C3A3A , 2px 2px 20px #3C3A3A , -2px -1px 20px #3C3A3A;}
.tiles-item-content-specs-item._square:before{top:-30px;left:11px;width:25px;height:23px;}
.tiles-item-content-specs-item{padding-left:0 !important;margin:0 15px;}
.tiles-item-content-specs-item._floors:before{width:25px;height:26px;top:-32px;left:18px;}
.tiles-item-content-specs-item._bedrooms:before{top:-30px;width:25px;height:23px;left:25px;}
.tiles-item-content-specs-item:before{display:none;}
.tiles-item-content-specs-item-unit{font-size:14px;vertical-align:middle;}
.tiles-item-content-specs-item-value{font-size:17px;vertical-align:middle;}
.tiles-item-content-title{-webkit-transform:scale(1);transform:scale(1);font-size:2.5rem;line-height:3rem;padding:0 55px;}
.tiles-item-content-icon{top:16px;-webkit-transform:scale(1);transform:scale(1);display:none;}
.tiles-item-content .fav-toggle{top:8px;right:10px;-webkit-transform:scale(1);transform:scale(1);display:none;}
.tiles-item-content:hover .tiles-item-content-icon{top:16px;}
.tiles-item-content:hover .fav-toggle{top:8px;right:10px;}
.tiles-item-content:hover .tiles-item-content-specs{bottom:7px;}
.filter._main-page{padding:0 0;display:none;}
._project .path-current{text-shadow:0px 0px 23px #fff;}
._project .path-elements{opacity:1;}
.project-info{padding:0 0px;height:auto;text-align:center;margin-bottom:0;bottom:15px;}
.project-info-link-wr{float:none;}
.project-info-link-wr{float:none;margin-top:10px;}
span.project-info-specs-item{padding:0 0 0 35px;margin-right:14px;}
.project-info-specs{float:none;background-color:#fff;padding:23px 0 20px;text-align:center;}
.process .phone-teaser-text{width:100%;}
.process .phone-teaser-text SPAN{display:block;vertical-align:middle;text-align:center;padding-top:5px;}
.process .houses{padding-top:45px;margin-bottom:0;}
.process .phone-teaser-text .process-make-time{position:static;display:block;font-family:"Open Sans", Arial, sans-serif;line-height:5rem;right:40px;top:50%;margin:10px auto;width:190px;letter-spacing:1px;}
.text-content p{text-align:justify;}
.text-content IFRAME{width:100%;margin:0;}
.static-content.text-content{padding:0 4px;}
.text-content H1, .text-content H2 , .text-content P + H3{padding:5px 0 10px;}
.text-content H1, .text-content H2{font-size:1.8rem;line-height:2.4rem;}
.text-content BLOCKQUOTE{font-size:1.6rem;line-height:2.6rem;margin:14px 0;}
.page-head._mp .mp-head-text._bigger{font-size:4rem;}
span.phone-teaser-text{margin:0 0 3px;padding:0 10px;width:100%;font-size:16px;}
.phone-teaser-phone{padding:0;text-align:center;display:block;}
.phone-teaser-phone:before{display:none;}
.phone-teaser{height:120px;}
.mp-text H3{font-size:2.5rem;line-height:3rem;text-align:center;}
.text-content H4.right{text-align:center;}
.centering{padding:0 15px;}
.project-gallery-previews-group-wr{text-align:center;}
._project .path-elements{background:rgba(255, 255, 255, 0.18);}
.map-content-texts{width:100%;height:auto !important;}
.map-map{margin-right:0;height:300px;}
.map-content{width:100%;position:relative;overflow:visible;}
.map-content-switch{display:none;}
.map-content-wr{width:100%;position:relative;left:0;}
.map-content-projects{width:100%;height:auto !important;}
.scroll-content{overflow:auto;height:auto !important;min-height:0;}
.map-map .contacts-map-zoom._out{top:55px;right:10px;}
.map-map .contacts-map-zoom._in{top:15px;right:10px;}
.map-map .path .path-elements , .map-map .path .path-current{display:none;}
.map-map .path A{top:-9px;left:-20px;}
.project-gallery .project-gallery-item._plan{background-size:contain;}
}
@media (max-width:1024px){.project-gallery-item-title-abs{font-size:2.2rem;line-height:2.5rem;}
.project-info-link{/* width: 50%; */margin:0;}
.project-info-link-wr{margin-top:0;}
.project-price-order{/* width: 50%; */}
._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;}
.project-galleries , .project-gallery{overflow:visible;}
.project-gallery-items{overflow:hidden;}
.main-page .container{padding-top:0;}
.out_sub_menu .filter-inner-wrap{border:none;}
.out_sub_menu .filter-element._parent > .filter-element > .filter-element:nth-child(odd){border-right:1px solid #B56136;}
.out_sub_menu .filter-element._house .filter-select{height: 90px !important;}
.out_sub_menu .filter-element _bathhouse .filter-select {
height: 80px !important;
}
.out_sub_menu .filter-element._house > div{width:49% !important;height:50% !important;}
.filter._inner-page .filter-element._type .filter-type{padding:25px 0;}
.out_sub_menu .filter-select-item{line-height:1rem;}
.out_sub_menu .filter-inner-wrap{border-bottom:1px solid #B56136;}
.out_sub_menu .filter-element._misc .filter-option{width:100%;padding:0;}
.project-text table *{display:block !important;width:100% !important;font-size:14px;line-height:20px;padding:0 !important;margin:0 !important;}
.project-text table tr td img{margin:15px 0px !important;}
.tiles-item-content-title > span{font-size:14px;}
.project-gallery-previews-toggle{display:none;}
.files-item{width:100%;}
.contacts-wr a.contacts-tabs-head-item{width:170px;}
.hidden-xs{display:none;}
.visible-xs{display:block;}
.i-gallery-images-item , .i-gallery-next, .i-gallery-prev{height:315px;}
.i-gallery-previews-item{width:150px !important;}
.i-gallery-images-item SPAN{background:rgba(255, 255, 255, 0.92);left:0;width:100%;text-align:center;}
._active .faq-item-title .faq-item-num{display:block;width:100%;float:none;}
.text-content UL{margin-left:15px;}
.faq-item-num{float:none;margin:0 0 10px 0;}
.faq-controls .faq-ask-button{margin-left:28px;max-width:auto;min-width:auto;width:200px;display:block;margin:15px auto 0;}
.faq-item-text{margin:28px 0 45px;padding:0 0 0 0;border-left:none;}
.form-wider{margin-right:0;}
.form-row-submit-hint{display:block;margin:15px 0 0;}
.project-text > *:first-child{padding-top:0;}
.project{padding-top:130px;}
.project-reviews{padding:25px 0 25px 0;}
.project-similar-title{font-size:2.5rem;line-height:2.5rem;padding:10px 0 30px 0;}
.project-info-specs-item-value{font-size:16px;padding-right:0;}
.project-info-specs-item:before{left:4px;display:none;}
._project .path-current{font-size:2.2rem;line-height:2.5rem;}
.project-gallery-num{color:#fff;}
.project-info{bottom:auto;top:100%;margin-top:-66px;}
.project-info.project-info-unik{margin-top:-62px;}
.project-info-specs{background-color:rgba(255, 255, 255, 0);}
span.project-info-specs-item{text-shadow:1px 1px 4px #fff , -1px -1px 4px #fff , 2px 0px 4px #fff , -2px 0px 4px #fff;padding:0 7px;margin:0 5px;}
._project .path-elements{padding-top:3px;padding-bottom:4px;text-align:center;}
.path-elements-item{float:none;display:inline;}
.filter-select-item, .filter._inner-page-slide .filter-link{font-size:1.3rem;line-height:3rem;}
.filter._inner-page .filter-element._parent{height:145px;}
.page-head._bigger + .page-content{/* padding-top: 230px; */}
.page-head._bigger + .page-content.mobile{/*padding-top: 85px;*/}
.houses-title{font-size:2.2rem;line-height:2.7rem;text-align:center;padding-bottom:15px;}
.houses-list-item{float:none;width:100%;}
.houses-list-item-content{opacity:0.8;}
.houses-list-item-icon{top:42px;-webkit-transform:scale(1);transform:scale(1);}
.houses-list-item-title{-webkit-transform:scale(1);transform:scale(1);}
.houses-all-link{position:static;display:block;margin:0 0 20px;text-align:center;font-size:1.7em;line-height:2rem;text-decoration:underline;}
.phone-value .hours{display:none;}
.process-list{float:none;width:100%;}
.process-list-item-num{display:none;}
._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;}
.process-list-item-wr{height:0;padding-bottom:56%;}
.process-list-item{height:auto;margin-bottom:25px;}
.path-current{font-size:1.3rem;line-height:1.5rem;letter-spacing:1px;margin-top:10px;}
.process-title{font-size:2rem;line-height:2.7rem;margin-top:-10px;}
.phone-call:after{display:none;}
.phone-call{text-align:center;}
.text-content TABLE{margin:10px -10px 57px -10px;font-size:1.2rem;line-height:1.4rem;}
.partners-list-item{width:100%;}
.text-content OL{padding-left:10px;}
.footer{height:auto;padding:10px 0;display:block;}
.footer > *{display:block;text-align:center;width:100%;padding:10px 0;}
.awards-col.col-4{width:100%;}
.service-item{width:100%;margin-bottom:10px;}
.service-item-bg{opacity:0.3}
.mp-tiles-wr .title-regular{padding-bottom:5.2rem;}
.mp-text P{text-align:justify;-ms-text-align-last:justify;text-align-last:justify;}
.page-head._mp .phone{top:90px;right:auto;left:0;text-align:center;width:100%;}
.tiles-item{width:100%;min-height:200px;}
.more-button-container{padding:23px 0 40px 0;}
.tiles-item:nth-child(odd) .tiles-item-wr , .tiles-item:nth-child(even) .tiles-item-wr{margin:0;}
.page-head._mp .mp-head-text._bigger{font-size:2.7rem;padding:0 5px;line-height:3.4rem;margin-top:4.6rem;}
.page-head._mp .mp-head-text{font-size:2rem;line-height:2.5rem;padding:0 5px;}
.mp-text BLOCKQUOTE._image IMG{display:block;margin:0 auto 25px;}
.mp-text BLOCKQUOTE._image Q{display:block;text-align:center;}
.mp-text BLOCKQUOTE{margin-top:30px;padding-top:30px;width:100%;}
.form-container._popup{padding:20px 10px;}
.fancybox-skin{padding:0 !important;}
.form-container._wide .form-container-form{min-width:0;}
.form-row._double .form-row{display:block;float:none !important;padding:0 !important;width:100%;margin:0 0 13px;}
.form-container._popup .form-row._submit{text-align:center;}
.container{margin-bottom:-80px;}
.title{font-size:3rem;line-height:4rem;}
.map-project-content{padding:20px 16px 30px;text-align:center;}
.contacts-list-item-block-text img{width:100%;}
.static-content.text-content img{width:100%;}
@media (max-width:767px){.project-gallery-item-title-abs{font-size:2.2rem;line-height:2.5rem;}
.project-info-link{/* width: 50%; */margin:0;}
.project-info-link-wr{margin-top:0;}
.project-price-order{/* width: 50%; */}
._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;}
.project-galleries , .project-gallery{overflow:visible;}
.project-gallery-items{overflow:hidden;}
.main-page .container{padding-top:0;}
.out_sub_menu .filter-inner-wrap{border:none;}
.out_sub_menu .filter-element._parent > .filter-element > .filter-element:nth-child(odd){border-right:1px solid #B56136;}
.out_sub_menu .filter-element._house .filter-select{height: 90px !important;}
.out_sub_menu .filter-element _bathhouse .filter-select {
height: 80px !important;
}
.out_sub_menu .filter-element._house > div{width:49% !important;height:50% !important;}
.filter._inner-page .filter-element._type .filter-type{padding:25px 0;}
.out_sub_menu .filter-select-item{line-height:1rem;}
.out_sub_menu .filter-inner-wrap{/* border-bottom:1px solid #B56136; */}
.out_sub_menu .filter-element._misc .filter-option{width:100%;padding:0;}
.project-text table *{display:block !important;width:100% !important;font-size:14px;line-height:20px;padding:0 !important;margin:0 !important;}
.project-text table tr td img{margin:15px 0px !important;}
.tiles-item-content-title > span{font-size:14px;}
.project-gallery-previews-toggle{display:none;}
.files-item{width:100%;}
.contacts-wr a.contacts-tabs-head-item{width:170px;}
.hidden-xs{display:none;}
.visible-xs{display:block;}
.i-gallery-images-item , .i-gallery-next, .i-gallery-prev{height:315px;}
.i-gallery-previews-item{width:150px !important;}
.i-gallery-images-item SPAN{background:rgba(255, 255, 255, 0.92);left:0;width:100%;text-align:center;}
._active .faq-item-title .faq-item-num{display:block;width:100%;float:none;}
.text-content UL{margin-left:15px;}
.faq-item-num{float:none;margin:0 0 10px 0;}
.faq-controls .faq-ask-button{margin-left:28px;max-width:auto;min-width:auto;width:200px;display:block;margin:15px auto 0;}
.faq-item-text{margin:28px 0 45px;padding:0 0 0 0;border-left:none;}
.form-wider{margin-right:0;}
.form-row-submit-hint{display:block;margin:15px 0 0;}
.project-text > *:first-child{padding-top:0;}
.project{padding-top:10px;}
.project-reviews{padding:25px 0 25px 0;}
.project-similar-title{font-size:2.5rem;line-height:2.5rem;padding:10px 0 30px 0;}
.project-info-specs-item-value{font-size:16px;padding-right:0;}
.project-info-specs-item:before{left:4px;display:none;}
._project .path-current{font-size:2.2rem;line-height:2.5rem;}
.project-gallery-num{color:#fff;}
.project-info{bottom:auto;top:100%;margin-top:-66px;}
.project-info.project-info-unik{margin-top:-62px;}
.project-info-specs{background-color:rgba(255, 255, 255, 0);}
span.project-info-specs-item{text-shadow:1px 1px 4px #fff , -1px -1px 4px #fff , 2px 0px 4px #fff , -2px 0px 4px #fff;padding:0 7px;margin:0 5px;}
._project .path-elements{padding-top:3px;padding-bottom:4px;text-align:center;}
.path-elements-item{float:none;display:inline;}
.filter-select-item, .filter._inner-page-slide .filter-link{font-size:1.3rem;line-height:3rem;}
.filter._inner-page .filter-element._parent{height:145px;}
.page-head._bigger + .page-content{/* padding-top: 230px; */}
.page-head._bigger + .page-content.mobile{/*padding-top: 85px;*/}
.houses-title{font-size:2.2rem;line-height:2.7rem;text-align:center;padding-bottom:15px;}
.houses-list-item{float:none;width:100%;}
.houses-list-item-content{opacity:0.8;}
.houses-list-item-icon{top:42px;-webkit-transform:scale(1);transform:scale(1);}
.houses-list-item-title{-webkit-transform:scale(1);transform:scale(1);}
.houses-all-link{position:static;display:block;margin:0 0 20px;text-align:center;font-size:1.7em;line-height:2rem;text-decoration:underline;}
.phone-value .hours{display:none;}
.process-list{float:none;width:100%;}
.process-list-item-num{display:none;}
._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;}
.process-list-item-wr{height:0;padding-bottom:56%;}
.process-list-item{height:auto;margin-bottom:25px;}
.path-current{font-size:1.3rem;line-height:1.5rem;letter-spacing:1px;margin-top:10px;}
.process-title{font-size:2rem;line-height:2.7rem;margin-top:-10px;}
.phone-call:after{display:none;}
.phone-call{text-align:center;}
.text-content TABLE{margin:10px -10px 57px -10px;font-size:1.2rem;line-height:1.4rem;}
.partners-list-item{width:100%;}
.text-content OL{padding-left:10px;}
.footer{height:auto;padding:10px 0;display:block;}
.footer > *{display:block;text-align:center;width:100%;padding:10px 0;}
.awards-col.col-4{width:100%;}
.service-item{width:100%;margin-bottom:10px;}
.service-item-bg{opacity:0.3}
.mp-tiles-wr .title-regular{padding-bottom:5.2rem;}
.mp-text P{text-align:justify;-ms-text-align-last:justify;text-align-last:justify;}
.page-head._mp .phone{top:90px;right:auto;left:0;text-align:center;width:100%;}
.tiles-item{width:100%;min-height:200px;}
.more-button-container{padding:23px 0 40px 0;}
.tiles-item:nth-child(odd) .tiles-item-wr , .tiles-item:nth-child(even) .tiles-item-wr{margin:0;}
.page-head._mp .mp-head-text._bigger{font-size:2.7rem;padding:0 5px;line-height:3.4rem;margin-top:4.6rem;}
.page-head._mp .mp-head-text{font-size:2rem;line-height:2.5rem;padding:0 5px;}
.mp-text BLOCKQUOTE._image IMG{display:block;margin:0 auto 25px;}
.mp-text BLOCKQUOTE._image Q{display:block;text-align:center;}
.mp-text BLOCKQUOTE{margin-top:30px;padding-top:30px;width:100%;}
.form-container._popup{padding:20px 10px;}
.fancybox-skin{padding:0 !important;}
.form-container._wide .form-container-form{min-width:0;}
.form-row._double .form-row{display:block;float:none !important;padding:0 !important;width:100%;margin:0 0 13px;}
.form-container._popup .form-row._submit{text-align:center;}
.container{margin-bottom:-80px;}
.title{font-size:3rem;line-height:4rem;}
.map-project-content{padding:20px 16px 30px;text-align:center;}
.contacts-list-item-block-text img{width:100%;}
.static-content.text-content img{width:100%;}
}
@media (max-width:400px){.project-info-link-wr{margin-top:0;}
.project{padding-top: 60px;}
.project{padding-top: 60px;}
}
@media (orientation:landscape) and (max-width:768px){#previewer_toggle{bottom:24%;}
.page-head._mp , .mp-slide{min-height:0 !important;}
.main-page .container{padding-top:0;}
.page-head._mp .phone{display:none;}
.page-head._mp .mp-head-text._bigger{margin-top:0;}
.page-head._mp , .mp-slide{min-height:0 !important;}
.main-page .container{padding-top:0;}
.page-head._mp .phone{display:none;}
.page-head._mp .mp-head-text._bigger{margin-top:0;}
}
@media (max-width: 764px) {
.owl-carousel, .owl-carousel {
height: 250px;
}
.header .fav-link-icon {
position: absolute;
width: 37px;
height: 37px;
left: 38%;
top: 8px;
}
.contacts-map{margin-top:30px;margin-right:0;height:350px;}
.owl-carousel, .owl-carousel {
height: 250px;
}
/*a[href^="tel:"] {*/
/*!*text-shadow: 0px 0px 15px #000;*!*/
/*color: inherit;*/
/*cursor: default;*/
/*}*/
.header .fav-link-icon {
position: absolute;
width: 37px;
height: 37px;
left: 38%;
top: 8px;
}
.page-head._bigger {
height: 100px;
}
.page-head._bigger {
height: 100px;
}
.footer > * {
display: block;
text-align: center;
width: 100%;
padding: 4px;
}
.footer > * {
display: block;
text-align: center;
width: 100%;
padding: 4px;
}
}
\ No newline at end of file
js/compiled.js
......@@ -2830,30 +2830,6 @@ $.fn.isOnScreen = function(){
/*! carousel transition plugin for Cycle2; version: 20130528 */
(function($) {
"use strict";
......@@ -15854,7 +15830,7 @@ $.validator.addMethod(
var v = App.height() ;
if($('.container').hasClass('_top') && (screen.width < 764)) {
v = 320;
v = App.height();
}else{
v = App.height();
......@@ -15867,6 +15843,27 @@ $.validator.addMethod(
})(jQuery);
(function ($) {
"use strict";
var blocks = $('.js-fulli'), header = $('.header'), min = 250;
function blocksHeightProj() {
var v = App.height() ;
if($('.container').hasClass('_top') && (screen.width < 764)) {
v = 320;
}else{
v = App.height();
}
blocks.height(v < min ? min : v);
}
$(window).on('resize', blocksHeightProj).trigger('resize');
})(jQuery);
(function ($) {
var galleries = $('.js-gallery');
if (!galleries.length) return ;
......
js/index.js
......@@ -66,15 +66,29 @@ $(function(){
$('body').toggleClass('noscroll-body');
});
$('.mobile_menu_wrap_phone').click(function(){
$(this).find('.main-menu').toggleClass('opened-xs-menu');
//Hawks 13.01.2017 swipe под меню
$(".mobile_menu_wrap").swipe( {
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$('header.header').toggleClass('opened-menu-header');
$(this).find('.main-menu').toggleClass('opened-xs-menu');
$('body').toggleClass('noscroll-body');
$('header.header').toggleClass('opened-menu-header');
});
$('body').toggleClass('noscroll-body');
},
allowPageScroll:"auto",
});
// $('.mobile_menu_wrap_phone').click(function(){
//
// $(this).find('.main-menu').toggleClass('opened-xs-menu');
//
// $('header.header').toggleClass('opened-menu-header');
//
// $('body').toggleClass('noscroll-body');
//
// });
//слайд тоггл ссылок мобильного меню на мобильных устройствах
$('.main-menu-item a').click(function(){
......@@ -573,6 +587,18 @@ $(".hor_1").on('click' , function(){
});
$(document).on('click', ".mobile_menu_phones",function() {
var x = document.getElementById('myDIV');
x.classList.toggle("mystyle");
$( ".project" ).toggle( "slow" );
// $(this).find(".phone-call").show();
});
local/components/cpeople/contacts/templates/.default/template.php
<?
//22.06.2017 Hawks
CModule::IncludeModule('nurgush.mobiledetect');
$detect = new Nurgush\MobileDetect\Main();
// Для мобыльных и планшетов
if($detect->isMobile() || $detect->isTablet()){?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");?>
<div class="contacts">
<div class="contacts-wr">
<div class="contacts-map" data-default-center="50,42">
<!-- <?= getBreadCrumbsHtml() ?> -->
<!-- <?= getBreadCrumbsHtml() ?> -->
<a href="#!" class="contacts-map-zoom _in js-zoom-in"></a>
<a href="#!" class="contacts-map-zoom _out js-zoom-out"></a>
<div class="contacts-map-container" id="map"></div>
......@@ -18,88 +11,33 @@ if($detect->isMobile() || $detect->isTablet()){?>
<div class="contacts-content-wr">
<div class="contacts-tabs-head">
<a href="#!" class="contacts-tabs-head-item _active js-tab-toggle" data-id="1">Офисы</a>
<? foreach($arResult['CONTACT_SECTIONS'] as $section) { ?>
<a href="#!" class="contacts-tabs-head-item js-tab-toggle" data-id="<?= $section->ID ?>"><?= $section->NAME ?></a>
<? } ?>
<div class="phone">
<div class="project js-project">
<a href="#feedback" class='phone-call js-order-project'>Обратная связь</a>
</div>
<?$APPLICATION->IncludeComponent('cpeople:form', 'feedback')?>
</div>
</div>
<div class="contacts-tabs-body">
<? require 'tab-office.php' ?>
<? require 'tab-contacts.php' ?>
<? foreach($arResult['CONTACT_SECTIONS'] as $section) { ?>
<a href="#!" class="contacts-tabs-head-item js-tab-toggle" data-id="<?= $section->ID ?>"><?= $section->NAME ?></a>
<? } ?>
<div class="phone">
<div class="project js-project">
<a href="#feedback" class='phone-call js-order-project'>Обратная связь</a>
</div>
<?$APPLICATION->IncludeComponent('cpeople:form', 'feedback')?>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var mapMarkers = {
<? foreach($arResult['OFFICES'] as $item) { if(!$item->getCoordinates()) continue; ?>
"<?= $item->ID ?>":{"title": "<?= $item->getName() ?>","lat": <?= $item->getLatitude() ?>,"lon": <?= $item->getLongtitude() ?>,"zoom": 15},
<? } ?>
};
</script>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
<?}else{?>
<div class="page-head" style="background-image: url(/upload/iblock/eb1/page_head.jpg)">
<div class="phone">
<div class="project js-project">
<? include INCLUDE_PATH . 'header-phone.php' ?>
<a href="#order_price" class='phone-call js-order-project'>Заказать звонок</a>
</div>
<?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
</div>
<?= getBreadCrumbsHtml() ?>
<div class="contacts-tabs-body">
<? require 'tab-office.php' ?>
<?=$APPLICATION->GetProperty('PAGE_HEAD_EXTRA_CONTENT')?>
</div>
<div class="contacts">
<div class="contacts-wr">
<div class="contacts-map" data-default-center="50,42">
<!-- <?= getBreadCrumbsHtml() ?> -->
<a href="#!" class="contacts-map-zoom _in js-zoom-in"></a>
<a href="#!" class="contacts-map-zoom _out js-zoom-out"></a>
<div class="contacts-map-container" id="map"></div>
</div>
<div class="contacts-content">
<div class="contacts-content-wr">
<div class="contacts-tabs-head">
<a href="#!" class="contacts-tabs-head-item _active js-tab-toggle" data-id="1">Офисы</a>
<? foreach($arResult['CONTACT_SECTIONS'] as $section) { ?>
<a href="#!" class="contacts-tabs-head-item js-tab-toggle" data-id="<?= $section->ID ?>"><?= $section->NAME ?></a>
<? } ?>
<div class="phone">
<div class="project js-project">
<a href="#feedback" class='phone-call js-order-project'>Обратная связь</a>
</div>
<?$APPLICATION->IncludeComponent('cpeople:form', 'feedback')?>
</div>
</div>
<div class="contacts-tabs-body">
<? require 'tab-office.php' ?>
<? require 'tab-contacts.php' ?>
<? require 'tab-contacts.php' ?>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var mapMarkers = {
<? foreach($arResult['OFFICES'] as $item) { if(!$item->getCoordinates()) continue; ?>
"<?= $item->ID ?>":{"title": "<?= $item->getName() ?>","lat": <?= $item->getLatitude() ?>,"lon": <?= $item->getLongtitude() ?>,"zoom": 15},
<? } ?>
<? foreach($arResult['OFFICES'] as $item) { if(!$item->getCoordinates()) continue; ?>
"<?= $item->ID ?>":{"title": "<?= $item->getName() ?>","lat": <?= $item->getLatitude() ?>,"lon": <?= $item->getLongtitude() ?>,"zoom": 15},
<? } ?>
};
</script>
<?}?>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
local/components/cpeople/project/templates/.default/detail.php
......@@ -9,7 +9,7 @@ $gallery = $item->getPreviewGallery();
?>
<div class="page-head _project js-full" data-id="<?= $item->ID ?>" style="height: 300px">
<div class="page-head _project js-fulli" 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>
......
local/include/filter_params.php
......@@ -67,6 +67,7 @@
<?if($APPLICATION->GetCurPage() != '/') {?> </div>
<? if ($_SERVER['REQUEST_URI'] == '/projects/') { ?>
<style>
.text-content H1 {
margin: 0;
padding: 0;
......@@ -87,11 +88,12 @@
<? if ($_SERVER['REQUEST_URI'] == '/projects/doma-iz-kleenogo-brusa/'){ ?>
<style>
.page-content {
/*padding: 100px 0 30px 0;*/
padding: 23px 0 30px 0;
}
.projects-list {
margin-top: 75px;
margin-top: 93px;
}
.text-content H1 {
margin: 0;
......@@ -99,7 +101,7 @@
}
.static-content {
padding-bottom: 0;
margin-top: 90px;
/*margin-top: 90px;*/
}
@media (max-width: 1000px) {
......@@ -118,11 +120,12 @@
<?}if ($_SERVER['REQUEST_URI'] == '/projects/bani-iz-kleenogo-brusa/'){?>
<style>
.page-content {
/*padding: 100px 0 30px 0;*/
padding: 23px 0 30px 0;
}
.projects-list {
margin-top: 45px;
margin-top: 60px;
}
.text-content H1 {
margin: 0;
......@@ -130,7 +133,7 @@
}
.static-content {
padding-bottom: 0;
margin-top: 60px;
/*margin-top: 80px;*/
}
@media (max-width: 1000px) {
......@@ -152,11 +155,12 @@
<?}if ($_SERVER['REQUEST_URI'] == '/projects/raznye-proekty/'){?>
<style>
.page-content {
/*padding: 100px 0 30px 0;*/
padding: 10px 0 30px 0;
}
.projects-list {
margin-top: 60px;
margin-top: 73px;
}
.text-content H1 {
margin: 0;
......@@ -164,7 +168,7 @@
}
.static-content {
padding-bottom: 0;
margin-top: 60px;
/*margin-top: 60px;*/
}
@media (max-width: 1000px) {
......
local/include/filter_params_mobile.php
<? $projectFilter = \SH\ProjectFilter::getInstance(); ?>
<? if ($_SERVER['REQUEST_URI'] == '/projects/') { ?>
<style>
.page-content {
padding: 85px 0 30px 0;
}
......@@ -24,7 +25,6 @@
}
</style>
<br>
<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'>
......@@ -100,6 +100,7 @@
<? if ($_SERVER['REQUEST_URI'] == '/projects/doma-iz-kleenogo-brusa/') { ?>
<style>
.page-content {
padding: 205px 0 30px 0;
}
......@@ -122,7 +123,6 @@
}
</style>
<br>
<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'>
......@@ -206,7 +206,6 @@
<li class="filter-element _house _inactive" data-type="house">
Площадь<? if ($APPLICATION->GetCurPage() == '/') { ?><a href="#!"
class="filter-select-title">площадь</a> <? } ?>
1
</li>
<li class="filter-element _house _inactive" data-type="house">
Этажи<? if ($APPLICATION->GetCurPage() == '/') { ?><a href="#!"
......
local/templates/main/footer.php
......@@ -23,14 +23,14 @@ global $APPLICATION;
$detect = new Nurgush\MobileDetect\Main();
// Для мобыльных и планшетов
if($detect->isMobile() || $detect->isTablet()){?>
if($detect->isMobile() && !$detect->isTablet()){?>
<span><a class="menu" href="/company/" >Наша компания</a><a class="menu" href="/projects/">Список проектов</a></span>
<span><a class="menu" href="/services/">Услуги</a><a class="menu" href="/info/lumber/">Полезная информация</a></span>
<span><a class="menu" href="price/design-cost/" ">Цены</a><a class="menu" href="/contacts/">Контакты</a></span>
<? 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"><? } ?>
<? 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']) 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">Stroy House</a>
<a class="author">info@s-h.ru</a>
<!-- <a class="author">Россия, Московская область, Истринский район, Веледниково, улица Живописная, дом 25.</a>-->
......@@ -58,7 +58,7 @@ if($detect->isMobile() || $detect->isTablet()){?>
<!--/noindex-->
<div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
</footer>
<?}else{?>
<?}else if ($detect->isMobile() && !$detect->isTablet()) {?>
<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>*/?>
<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>
......@@ -71,7 +71,18 @@ if($detect->isMobile() || $detect->isTablet()){?>
<div class="author">Сайт срубили — <a href="http://cpeople.ru/">CreativePeople</a></div>
<div class="copy">© <?= date('Y') ?> ООО «Строй Хауз»</div>
</footer>
<?}?>
<?}else{?>
<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>*/?>
<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="//vkontakte.ru/club21826597" class="social-links-link _vk" 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.youtube.com/user/StroyHouse" class="social-links-link _yt" target="_blank" rel="nofollow"></a></li>
<li class="social-links-item"><a href="//instagram.com/stroyhouse/" class="social-links-link _inst"></a></li>
</ul>
<div class="copy">© <?= date('Y') ?> ООО «Строй Хауз»</div>
<?}?>
<?}?>
<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'>
......@@ -81,6 +92,7 @@ if($detect->isMobile() || $detect->isTablet()){?>
<link rel="stylesheet" type="text/css" href="/css/easy-responsive-tabs.css " />
<!-- Add mousewheel plugin (this is optional) -->
</script>
<script src="/js/jquery-1.9.1.min.js?<?=filemtime(BASE_PATH . '/js/jquery-1.9.1.min.js')?>"></script>
<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="/js/compiled.js?<?=filemtime(BASE_PATH . '/js/compiled.js')?>" type="text/javascript"></script>
......
local/templates/main/header.php
......@@ -137,23 +137,17 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
$detect = new Nurgush\MobileDetect\Main();
// Для мобыльных
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{?>
<div class="mobile_menu_phones"></div>
<div id="myDIV">
<div style="display: none" class="project js-project">
<? include INCLUDE_PATH . 'header-phone.php' ?>
<a href="#order_price" class='phone-call js-order-project'>Заказать звонок</a>
</div>
<?$APPLICATION->IncludeComponent('cpeople:form', 'callback')?>
</div>
<?}else{?>
<?}?>
<?
......@@ -229,6 +223,6 @@ if ($APPLICATION->GetCurPage() == '/projects/online/') echo '<meta name="robots"
global $APPLICATION;
$result = '';
if(!$APPLICATION->GetProperty('HIDE_PAGE_CONTENT')) $result .= '<div class="page-content">';
if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP')) $result .= '<div class="centering">';
if(!$APPLICATION->GetProperty('HIDE_CENTRING_WRAP') && (!$_SERVER['REQUEST_URI'] == '/contacts/')) $result .= '<div class="centering">';
return $result;
})?>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!