html, body {
margin: 0; padding: 0; min-height: 100%;
}
body {
position: relative; font-family: 'PF Din Text Cond'; font-size: 20px; color: #000; line-height: 24px;
}
* {
outline: none;
}
img {
border: none; vertical-align: top;
}
form {
margin: 0; padding: 0;
}
input, textarea, select, button {
margin: 0; padding: 0; border: none; resize: none; font-family: 'PF Din Text Cond';
}
input {
background: #fff;
}
button {
cursor: pointer;
}
input:focus, textarea:focus {
outline: none;
}
input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder {
color:transparent;
}
label {
cursor: pointer;
}
.clear_fix {
clear: both; display: block; height: 0;
}
.hidden {
display: none;
}
.wrapper {
position: relative; max-width: 1140px; min-width: 270px; margin: 0 auto;
}
.wrapper:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
ul, ul li {
margin: 0; padding: 0; list-style: none;
}/*
ul > li {
position: relative; padding-left: 29px; margin-top: 7px;
}
ul > li:before {
content: ''; display: block; background: #194998; width: 9px; height: 9px; border-radius: 50%; position: absolute; left: 0; top: 9px;
}
*/
a {
color: #194998; text-decoration: none;
}
H1, H2, H3, H4, H5 {
margin: 0; padding: 0;
}
H1, H3 {
font-size: 24px; color: #194998; font-weight: 500; text-transform: uppercase;
}
H3 {
margin-top: 20px;
}
H4 {
margin-top: 20px; color: #194998; font-weight: 500;
}
p {
margin: 0;
}
.mdm {
font-weight: 500; font-style: italic;
}
b {
font-weight: 700;
}
.bt {
display: inline-block; vertical-align: top; box-sizing: border-box; min-height: 42px; line-height: 42px; border-radius: 21px; background: #feac43;
color: #194998; text-transform: uppercase; font-size: 24px; font-weight: 500; text-align: center;
}
.bt:hover {
color: #fff;
}
.bt-2 {
display: inline-block; box-sizing: border-box; height: 29px; line-height: 27px; border-radius: 15px/14px 14px 15px 15px; padding: 0 22px;
background-color: rgba(254,172,67,0); border: solid 1px #f3951d; font-size: 18px; color: #044fac; font-weight: 500;
}
.bt-2:hover {
background: #f3951d; color: #fff;
}
.box-ttl {
position: relative; font-size: 44px; line-height: 54px; font-weight: 300; color: #f3951d; text-transform: uppercase; text-align: center;
}
.box-ttl:before {
content: ''; display: block; background: #feb04d; height: 2px; position: absolute; left: 0; top: 25px; right: 0; width: 100%;
}
.box-ttl span {
position: relative; z-index: 1; padding: 0 8px; background: #fff;
}
.jq-checkbox {
position: relative; display: inline-block; vertical-align: top; width: 26px; height: 25px; box-sizing: border-box; border: 2px solid #fff; border-radius: 4px;
}
.jq-checkbox.checked {
background: #feac43; border-color: #feac43;
}
.jq-checkbox.checked:before {
content: ''; display: block; background: url(images/i/sprite.png) -155px -80px no-repeat; width: 20px; height: 13px;
position: absolute; left: 1px; top: 4px;
}
/* site-header
------------------------------------------------ */
.site-header {
position: relative; padding-bottom: 24px; z-index: 20; min-width: 270px; color: #194998; font-size: 24px;
}
.site-header .logo {
float: left; padding-top: 20px;
}
.site-header .pull-right {
float: right; padding-top: 26px;
}
.site-header .title {
display: inline-block; vertical-align: top; padding: 24px 20px 0 10px; font-size: 39px; color: #feac43; font-weight: 100; font-style: italic;
}
.site-header .it-contact {
display: inline-block; vertical-align: top; margin-left: 54px;
}
.site-header .it-contact .number {
padding-top: 5px; font-weight: 300;
}
.site-header .menu {
margin-top: 40px;
}
.site-header .menu_submenu > li {
padding-left: 0; margin: 0 18px 0 0;
}
.site-header .menu .header_menu > li:last-child {
margin-right: 0;
}
.site-header .menu .header_menu > li:before {
display: none;
}
.site-header .menu .header_menu > li {
position: relative; display: inline-block; vertical-align: top;
}
.site-header .menu .header_menu > li > a {
display: inline-block; padding: 0 10px 5px; border-bottom: 2px solid transparent; text-transform: uppercase; font-weight: 500;
}
.site-header .menu .header_menu > li > a:hover,
.site-header .menu .header_menu > li > a.active,
.site-header .menu .header_menu > li.cur > a {
border-color: #f3951d; color: #f3951d;
}
.site-header .menu .header_menu > li > ul {
position: absolute; left: 0; top: 100%; background: #fff; padding: 5px 0 10px 10px; display: none; z-index: 2;
}
.site-header .menu .header_menu > li.cur > ul {
display: block;
}
.site-header .menu .header_menu > li > ul li {
margin-top: 5px; white-space: nowrap;
}
.site-header .menu .header_menu > li > ul li a:hover {
text-decoration: underline;
}
/* end site-header */
/* top-bar
------------------------------------------------ */
.top-bar {
position: relative; min-width: 270px; background: #194998; color: #fff;
}
.navigation {
padding-top: 18px; color: #feac43;
}
.navigation a {
color: #fff;
}
.top-bar H1 {
display: inline-block; padding: 7px 0 2px; font-size: 44px; color: #fff; line-height: 60px;
}
.search-form {
padding-bottom: 20px; font-size: 24px;
}
.search-form form:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.search-form form {
position: relative;
}
.search-form .col-1 {
float: left; width: 25.6%; padding-top: 18px;
}
.search-form .it {
position: relative; display: inline-block; vertical-align: top; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; overflow: hidden; background: #fff;
margin: 12px 20px 0 0; color: #194998; text-align: center;
}
.search-form .it input {
position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;
position: absolute;
}
.search-form .it > span {
display: block; position: relative; z-index: 1;
}
.search-form .it input + i {
display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;
}
.search-form .it input:checked + i {
background: #feac43; z-index: 0;
}
.search-form .col-2 {
float: left; width: 23%; padding-top: 18px; margin-right: 3.64%;
}
.search-form .col-3 {
float: left; width: 23%; padding-top: 18px;
}
.search-form .form-control {
font-size: 24px; text-align: center; width: 96px; color: #fff; background: transparent;
}
.search-form .col-3 .form-control {
width: 130px;
}
.search-form .advanced {
position: absolute; top: 18px; right: 0;
}
.search-form .advanced a {
position: relative; display: inline-block; padding-left: 40px; color: #fff;
}
.search-form .advanced a:before {
content: ''; display: block; background: url(images/i/sprite.png); width: 30px; height: 29px; position: absolute; left: 0; top: 0;
}
.search-form .bt {
width: 166px; position: absolute; right: 0; bottom: 0;
}
.search-form .advanced-box {
float: left; width: 100%; padding: 0 200px 0 0; display: none;
}
.search-form .section {
float: left; margin: 30px 2% 0 0; min-width: 220px;
}
.search-form .section:nth-child(1) {
width: 22%;
}
.search-form .section:nth-child(2) {
margin: 27px 0 0 1.5%; max-width: 200px;
}
.search-form .section:nth-child(2) {
margin-right: 0; width: 30%;
}
.search-form .section label {
position: relative; display: inline-block; vertical-align: top; padding: 1px 0 0 36px; margin: 10px 32px 0 0;
}
.search-form .section label:last-child {
margin-right: 0;
}
.search-form .section label .jq-checkbox {
position: absolute; left: 0; top: 0;
}
.top-bar .pull-right {
float: right; padding-top: 20px;
}
.top-bar .pull-right > div {
display: inline-block; vertical-align: top; font-size: 28px; margin: 10px 30px 0 0;
}
.top-bar .pull-right > div:last-child {
margin-right: 0;
}
.top-bar .pull-right > div span {
font-weight: 500;
}
.top-bar .pull-right .price span {
color: #feac43;
}
/* end top-bar */
.item-object {
position: relative; box-sizing: border-box; box-shadow: 0 0 16px rgba(0,0,0,.17); border: solid 2px #fff;
}
.item-action {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: -3px;
left: 0;
background: url(images/i/label-action.png) no-repeat 100% 0%;
}
.item-object > a {
display: block; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;
}
.item-object img {
width: auto; height: 100%; display: block; margin: auto;
}
.item-object .entry {
position: absolute; left: 0; right: 0; bottom: 0; width: 100%; box-sizing: border-box; background: rgba(0,0,0,0.47); padding: 10px 24px 25px;
color: #fff; font-size: 24px; line-height: 30px;
}
.item-object .entry .top {
font-size: 28px;
}
.item-object .entry .top span {
display: block; font-weight: 500; font-size: 28px; text-transform: uppercase;
}
.item-object .entry .hidden {
border-top: 1px solid #fff; padding-top: 12px; margin-top: 8px; font-weight: 300;
}
.item-object .entry .story .info {
padding-top: 8px;
}
.item-object .entry .cost {
font-size: 36px; font-weight: 500; color: #feac43;
}
.item-object .entry .top_txt {
display: inline-block; vertical-align: top; padding-top: 4px; font-size: 16px; line-height: 22px;
}
.item-object .entry .date {
position: absolute; left: 0; right: 0; bottom: 10px; padding: 0 28px;
}
.item-object:hover .entry {
height: 100%;
}
.item-object:hover .entry .hidden {
display: block;
}
li.item-object {
display: inline-block; vertical-align: top; width: 32%; margin: 26px 2% 0 0; padding-left: 0; height: 240px; overflow: hidden;
}
li.item-object:before {
display: none;
}
li.item-object:nth-child(3n) {
margin-right: 0;
}
.label-action {
position: absolute; top: -3px; right: 0; background: url(images/i/label-action.png) no-repeat; width: 109px; height: 93px;
}
/* construction-box
------------------------------------------------ */
.construction-box {
padding-top: 42px; padding-bottom: 44px;
}
.construction-box .item-object {
float: left; max-height: 275px; margin: 26px 24px 0 0; width: 32%; margin: 26px 2% 0 0; height: 200px; overflow: hidden;
}
.construction-box .item-object:nth-of-type(3n) {
margin-right: 0;
}
/* end construction-box */
/* shares-box
------------------------------------------------ */
.shares-box {
position: relative; overflow: hidden;
}
.slider-shares .item {
float: left; color: #fff;
}
.slider-shares .item .inner {
height: 451px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;
}
.slider-shares .item a {
display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
}
.slider-shares .item .entry {
padding-top: 25px; font-size: 28px; font-weight: 300; line-height: 35px;
}
@media screen and ( max-width: 800px ) {
.slider-shares .item .entry {
font-size: 20px;
line-height: 24px;
}
}
.slider-shares .item .entry .head {
font-size: 44px; font-weight: 500; line-height: 50px;
}
.slider-shares .item .entry .subhead {
padding: 30px 0 10px; min-height: 150px; font-size: 44px; max-width: 380px; line-height: 50px;
}
.slider-shares .item .entry .txt {
display: inline-block; vertical-align: top;
}
.slider-shares .item .entry .txt-2 {
display: inline-block; vertical-align: top; margin: 0 12px; font-size: 97px; line-height: 76px;
}
.slider-shares .item .entry .txt span {
font-size: 47px;
}
/*
.slider-shares .control {
width: 1230px; height: 117px; position: absolute; left: 50%; top: 50%; margin: -58.5px 0 0 -615px;
}*/
@media( max-width: 1180px) {
.slider-shares .arr-l, .slider-shares .arr-r {
display: none !important;
}
}
.slider-shares .arr-l, .slider-shares .arr-r {
position: absolute;
left: 15%;
top: 50%;
margin-top: -58px;
}
.slider-shares .arr-r {
left: auto; right: 15%;
}
.slider-shares .arr-l,
.slider-shares .arr-r {
background: url(images/i/sprite.png) 0 -30px no-repeat; width: 21px; height: 117px; cursor: pointer; float: left;
}
.slider-shares .arr-r {
float: right; transform: rotate(180deg);
}
.slider-shares .page {
position: absolute; left: 0; right: 0; bottom: 20px; width: 100%; text-align: center;
}
.slider-shares .page li {
display: inline-block; padding-left: 0; margin: 0 14px; text-indent: -9999px; cursor: pointer; width: 14px; height: 14px; background: #fff; border-radius: 50%;
}
.slider-shares .page li:before {
display: none;
}
.slider-shares .page li.slick-active {
background: #2138c2;
}
/* end shares-box */
.catalog {
padding-top: 14px;
}
.catalog_items {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
/* pairs-box
------------------------------------------------ */
.pairs-box {
padding-top: 50px;
}
.slider-pairs {
position: relative; overflow: hidden; margin-top: 25px;
}
.slider-pairs .list {
margin: 0 auto; max-width: 1100px;
}
.slider-pairs .list:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.slider-pairs .item {
float: left; width: 220px; text-align: center;
}
.slider-pairs .item span {
width: 220px; height: 170px; display: table-cell; vertical-align: middle;
}
.slider-pairs .arr-l,
.slider-pairs .arr-r {
background: url(images/i/sprite.png) -27px -31px no-repeat; width: 19px; height: 115px; cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: -57.5px;
}
.slider-pairs .arr-r {
transform: rotate(180deg); left: auto; right: 0;
}
/* end pairs-box */
/* news-box
------------------------------------------------ */
.news-box {
padding-top: 40px; padding-bottom: 68px;
}
.news-box .content:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.news-box .top-news {
float: left; width: 31.6%;
}
.news-box ul {
float: right; width: 66%; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;
}
.news-box li {
width: 48.15%;
margin-right: 0%; display: inline-block; vertical-align: top;
}
.news-box li:nth-child(2n) {
margin-right: 0;
}
.section-news {
background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.26); margin-top: 15px;
border-top: 8px solid #5a7ebe; box-sizing: border-box; padding-left: 0;
}
.section-news .photo img {
width: 100%; height: auto;
}
.section-news .entry {
position: relative; padding: 12px 15px 50px 24px; min-height: 180px; box-sizing: border-box;
}
.top-news .section-news .entry {
min-height: 190px;
}
.section-news:before {
display: none;
}
.section-news .date {
display: block; padding-bottom: 6px; font-weight: 500; color: #044fac;
}
.section-news .title {
font-size: 24px; line-height: 30px; font-weight: 300; color: #000;
}
.section-news .bt-2 {
position: absolute; right: 15px; bottom: 15px;
}
.news-box .bt {
display: block; margin: 27px auto 0; width: 165px;
}
/* end news-box */
.pagination {
padding: 120px 0 78px; text-align: center;
}
.pagination a {
display: inline-block; vertical-align: top; box-sizing: border-box; min-width: 30px; height: 30px; line-height: 30px; margin: 10px 3px 0;
background: #194998; color: #fff; font-size: 24px; font-weight: 700;
}
.pagination a.active {
background: #ffb85d; color: #194998;
}
.pagination a.prev, .pagination a.next {
background: url(images/i/sprite.png) -98px -47px no-repeat; min-width: 16px; height: 21px; margin: 14px 12px 0;
}
.pagination a.next {
transform: rotate(180deg);
}
/* news-list
------------------------------------------------ */
.news-list {
padding-top: 35px;
}
.news-list li {
margin-top: 23px; min-height: 120px; padding: 0 210px 30px 200px; border-bottom: 1px solid #ffb85d; position: relative;
}
.news-list li:before {
display: none;
}
.news-list li:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.news-list li .photo {
position: absolute; left: 0; top: 0; width: 166px; text-align: center;
}
.news-list li .photo img {
max-width: 100%; height: auto;
}
.news-list li .info {
float: left; width: 30%; max-width: 196px; font-weight: 500; text-align: justify;
}
.news-list li .info .date {
color: #044fac;
}
.news-list li .info .name {
padding-top: 10px;
}
.news-list li .story {
float: right; width: 65%; font-weight: 300;
}
.news-list li .bt-2 {
position: absolute; top: 50px; right: 0;
}
/* end news-list */
/* contacts-box
------------------------------------------------ */
.contacts-box {
padding: 75px 0 90px;
}
.contacts-box > p {
margin-bottom: 20px;
}
.contacts-box .subhead {
padding-bottom: 15px; font-size: 24px; font-weight: 500; color: #194998; text-transform: uppercase;
}
.contacts-box ul {
list-style:disc;
}
.contacts-box ul li {
list-style:disc;
margin-left:40px;
list-style-position: outside;
}
.contacts-box .col {
padding: 20px 20px 0 0; box-sizing: border-box; display: inline-block; vertical-align: top; width: 32.5%; font-weight: 300;
}
.contacts-box .col ul {
padding-bottom: 10px;
}
.contacts-box .col li {
margin: 0; padding: 0;
}
.contacts-box .col li:before {
display: none;
}
.contacts-box .col li .value {
display: inline-block; vertical-align: top; min-width: 50px; font-weight: 500; color: #194998;
}
.contacts-box .col li.attn,
.contacts-box .col li.attn .value {
color: #e30303;
}
.contacts-box .section {
padding-top: 27px;
}
.contacts-box .map .subhead {
padding-bottom: 20px;
}
.contacts-box .section .map {
box-sizing: border-box; border: 1px solid #b8b8b8;
}
/* end contacts-box */
.site-body {
overflow: hidden;
}
.site-body .catalog {
padding: 30px 0 80px;
}
.tabs {
position: relative; border-bottom: 2px solid #ffdcb0; padding-bottom: 4px;
}
.tabs a, .tabs .n_tab {
position: relative; z-index: 2; display: inline-block; vertical-align: top; margin: 6px 13px 0 0; padding-right: 19px; font-weight: 500; text-transform: uppercase;
}
.tabs a:after, .tabs .n_tab:after {
content: '|'; display: block; position: absolute; top: 0; right: 0;
}
.tabs a:last-child , .tabs .n_tab:last-child {
padding-right: 0; margin-right: 0;
}
.tabs a:last-child:after, .tabs .n_tab:last-child:after {
display: none;
}
.catalog .filter {
position: relative; padding-top: 4px;
}
.catalog .filter a, .catalog .filter label {
position: relative; z-index: 2; display: inline-block; vertical-align: top; margin: 5px 36px 0 0; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #575758;
}
.tabs a.active,
.catalog .filter a.active, .catalog .filter label:checked {
color: #f3951d;
}
.site-body .catalog ul {
padding-top: 5px;
}
#objects_container {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.js-FilterForm {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
}
.filter_item input[type="checkbox"]{
display: none;
}
.filter_item input[type="checkbox"] + label {
}
.filter_item input[type="checkbox"]:checked + label {
color: #f3951d;
}
/* block-news
------------------------------------------------ */
.block-news {
padding: 55px 0 120px;
}
.block-news:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.block-news .detailed {
float: left; width: 60%; max-width: 655px;
}
.block-news .detailed .date {
font-weight: 500; color: #044fac;
}
.block-news .detailed .name {
padding: 25px 0 10px; font-size: 24px; line-height: 30px; font-weight: 500;
}
.block-news .detailed img {
float: left; margin: 20px 25px 0 0; max-width: 100%;
}
.block-news .detailed p {
margin-top: 20px; font-weight: 300; text-align: justify;
}
.block-news .list {
position: relative; padding: 80px 0 90px; float: right; width: 36%; max-width: 360px;
}
.block-news .list .section-news {
margin-top: 26px;
}
.block-news .list .bt {
position: absolute; right: 0; bottom: 0; width: 165px;
}
/* end block-news */
.about-box {
padding: 0 0 40px;
}
.about-box:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.about-box p {
margin: 5px 0 20px; text-align: justify;
}
.about-box .column-1 {
float: left; width: 57%; padding-top: 35px;
}
.about-box .column-2 {
float: right; width: 40.35%; padding-top: 45px;
}
.about-box .autor img {
vertical-align: middle; width: 46%; margin-right: 3%;
}
.about-box .autor .info {
display: inline-block; vertical-align: middle; width: 49%;
}
.about-box .autor p {
margin-top: 15px;
}
.abox {
margin-top: 70px;
}
.abox img {
width: 100%; height: auto;
}
.media {
margin-top: 70px;
}
.video {
position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden;
}
.video iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.media .name {
padding-top: 16px; text-align: right;
}
/* quarter-box
------------------------------------------------ */
.quarter-box {
position: relative; min-width: 270px; background: #194998; color: #fff;
}
.viewer-quarter {
background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;
max-width: 100%;
}
@media (max-width: 1180px) {
.viewer-quarter {
display: none;
}
}
.viewer-quarter .inner {
height: 1204px;
}
.viewer-quarter .object {
position: absolute;
}
.viewer-quarter .object .btn {
position: relative; display: block; width: 56px; height: 56px; border: 3px solid #fff; background: #feac43; border-radius: 50%; cursor: pointer;
}
.viewer-quarter .object .btn:before {
content: ''; display: block; background: url(images/i/sprite.png) -149px -47px; width: 32px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -16px;
}
.viewer-quarter .object .btn.active {
z-index: 3; background: #ff0000;
}
.viewer-quarter .object .infobox {
position: absolute; left: 31px; top: 34px; background: #fff; box-shadow: 0 0 10px 8px rgba(0,0,0,.35); padding: 20px 36px 52px; display: none; z-index: 2;
width: 528px; min-height: 162px; box-sizing: border-box; color: #000;
}
.viewer-quarter .object .infobox.pos-rg {
left: auto;
right: 31px;
}
.viewer-quarter .object .infobox.v2 {
left: auto; right: 51px;
}
.viewer-quarter .object .infobox .close {
background: url(images/i/sprite.png) -168px -27px; width: 19px; height: 19px; position: absolute; top: 15px; right: 16px; z-index: 2; cursor: pointer;
}
.viewer-quarter .object .infobox .title {
color: #194998; font-size: 32px; line-height: 40px; color: #194998;
}
.viewer-quarter .object .infobox p {
margin-top: 15px; max-width: 340px; font-size: 24px; line-height: 30px;
}
.viewer-quarter .object .infobox .bt-2 {
position: absolute; right: 17px; bottom: 17px;
}
.quarter-box .foot .subtitle {
padding: 22px 0 18px; font-size: 21px; text-transform: uppercase; font-weight: 500;
}
.quarter-box {
overflow: hidden;
}
.viewer-quarter {
width: 1920px;
margin: 0 auto;
}
/* end quarter-box */
/* mob-quarter-box
------------------------------------------------ */
.mob-quarter-box {
position: relative; min-width: 270px; padding-bottom: 40px; display: none;
}
.mob-quarter-box li,
.tab-bl li {
padding-left: 0;
}
.mob-quarter-box li:before,
.tab-bl li:before {
display: none;
}
.mob-quarter-box img,
.tab-bl img {
max-width: 100%;
}
.mob-quarter-box .mob-tabs {
background: #194998; padding: 10px 15px 12px;
}
.mob-quarter-box .mob-tabs li {
display: inline-block; vertical-align: top; width: 32.5%;
}
.mob-quarter-box .mob-tabs li a {
display: inline-block; vertical-align: top; color: #fff; font-weight: 500; text-transform: uppercase;
}
.mob-quarter-box .mob-tabs li a.active {
color: #ffa63b;
}
.mob-quarter-box .tab-bl {
padding: 0 15px;
}
.tab-bl .ttl {
padding-top: 35px; font-size: 24px; color: #194998;
}
.tab-bl p {
margin-top: 15px;
}
.tab-bl .apartments {
padding-top: 20px;
}
.tab-bl .apartments ul {
padding-top: 10px;
}
.tab-bl .apartments li {
margin-top: 12px;
}
.tab-bl .apartments li a {
position: relative; display: block; border-left: 4px solid #aed86a; padding: 5px 0 6px 10px; background: #f0f0f0;
}
.tab-bl .info ul {
padding-top: 20px;
}
.tab-bl .info li span {
font-weight: 500; color: #194998;
}
.tab-bl .info .on-map {
padding: 30px 0 15px;
}
.tab-bl .docs {
padding-top: 12px;
}
.tab-bl .docs li {
margin-top: 16px; padding: 12px 0 0 46px;
}
.tab-bl .docs li:before {
content: ''; display: block; background: url(images/i/sprite.png) -60px -93px; width: 29px; height: 36px; position: relative; left: -39px; top: 24px; border-radius: 0;
}
.tab-bl .docs li a {
color: #000; font-weight: 300;
}
/* end mob-quarter-box */
.mob-catalog {
display: block;
color: #194998;
}
.mob-catalog .section {
padding-top: 40px;
}
.mob-catalog .section .name {
position: relative; font-size: 22px; line-height: 25px; font-weight: 500;
}
.mob-catalog .section .top-table:after,
.mob-catalog .section .row-table:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.mob-catalog .section .top-table > div,
.mob-catalog .section .row-table > div {
float: left; box-sizing: border-box; border-left: 2px solid transparent; border-right: 2px solid transparent; width: 23%; text-align: center;
}
.mob-catalog .section .top-table {
padding: 15px 0 0; font-weight: 500;
}
.mob-catalog .section .row-table > div {
padding: 10px 0;
}
.mob-catalog .section .row-table {
position: relative; margin-top: 10px; background: #f0f0f0; display: flex; display: -webkit-flex; justify-content: space-between;
}
.mob-catalog .section .row-table:before {
content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; height: 100%; background: #aed86a;
}
.mob-catalog .section .row-table .it-12 {
text-align: center;
font-weight: bold;
font-size: 20px;
width: 100%;
}
.mob-catalog .section .top-table .it-3,
.mob-catalog .section .top-table .it-4,
.mob-catalog .section .row-table .it-3,
.mob-catalog .section .row-table .it-4 {
width: 27%;
}
.mob-catalog .section .top-table .it-5,
.mob-catalog .section .row-table .it-5 {
width: 8%;
}
.mob-catalog .section .row-table .it-2,
.mob-catalog .section .row-table .it-3,
.mob-catalog .section .row-table .it-4,
.mob-catalog .section .row-table .it-5 {
border-left-color: #d8d8d8;
}
.catalog_detail {
width: 30px;
height: 30px;
display: block;
background: url(images/info.png) no-repeat 50% 50% / cover;
margin: auto;
}
.catalog-table {
padding-top: 62px; font-size: 24px; line-height: 28px;
}
.catalog-table .head,
.catalog-table .row {
position: relative; padding: 10px 140px 12px 0;
}
.catalog-table .head div {
cursor: pointer;
background-repeat: no-repeat;
background-size: 15px;
background-position: 90% 50%;
}
/*
.catalog-table .head div.active[data-sort-order="ASC"] {
background-image: url(images/sort-down.png);
}
.catalog-table .head div.active[data-sort-order="DESC"] {
background-image: url(images/sort-up.png);
}
*/
.catalog-table .head {
padding-bottom: 25px; font-weight: 500;
}
.catalog-table .row {
border-top: 1px solid #f3951d;
}
.catalog-table .row:last-child {
border-bottom: 1px solid #f3951d;
}
.catalog-table .head > div,
.catalog-table .row > div {
display: inline-block; vertical-align: middle; box-sizing: border-box; padding-right: 10px;
}
.catalog-table .it-1 {
width: 23%;
}
.catalog-table .it-2 {
width: 12%;
}
.catalog-table .it-3 {
width: 16%; text-align: center;
}
.catalog-table .it-4 {
width: 16%; text-align: center;
}
.catalog-table .it-5 {
width: 25%; text-align: center;
}
.catalog-table .bt-2 {
position: absolute; top: 50%; margin-top: -15px; right: 0;
}
/* object-detailed
------------------------------------------------ */
.object-detailed {
padding: 70px 0 150px;
}
.object-detailed:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.object-detailed .ttl {
font-size: 24px; color: #194998;
}
.object-detailed .txt {
float: left; /*width: 48.6%;*/ text-align: justify;
}
.object-detailed .txt p {
margin-top: 23px;
}
.object-detailed .media {
float: left; width: 48.8%; margin: 30px 0 0 2.6%;
}
.object-detailed .gallery {
float: left; width: 100%; padding-top: 25px;
}
.gallery li {
display: inline-block; vertical-align: top; width: 23.5%; margin: 25px 2% 0 0; padding-left: 0;
float: left;
}
.gallery li:nth-child(4n) {
margin-right: 0;
}
.gallery li:before {
display: none;
}
.gallery li a {
display: block; /* border: 1px solid #2d59a1;*/
}
.gallery li a img {
width: 100%; height: auto;
}
/* end object-detailed */
.slider-gallery {
position: relative; min-width: 270px; background: url(images/i/bg-2.jpg) 50% 50% no-repeat; background-size: cover; overflow: hidden;
}
.slider-gallery .list {
position: relative; margin: 0 auto; overflow: hidden; max-width: 1140px;
}
.slider-gallery .list .item {
float: left;
}
.slider-gallery .list .item img {
width: 100%; height: auto;
}
.slider-gallery .control {
width: 1230px; height: 117px; position: absolute; left: 50%; top: 50%; margin: -58.5px 0 0 -615px;
}
.slider-gallery .arr-l,
.slider-gallery .arr-r {
background: url(images/i/sprite.png) 0 -30px no-repeat; width: 21px; height: 117px; cursor: pointer; float: left;
}
.slider-gallery .arr-r {
float: right; transform: rotate(180deg);
}
/* objects-box
------------------------------------------------ */
.objects-box {
position: relative; min-width: 270px; padding-bottom: 90px;
}
.objects-box .tab {
background: #194998;
}
.objects-box .tab ul {
position: relative; padding-right: 175px;
}
/*
.objects-box .tab ul:after {
content: ''; display: block; background: url(images/i/label-2-action.png); width: 126px; height: 66px; position: absolute; right: 48px; top: -4px;
}
*/
.objects-box .tab .tab-action {
position: absolute; display: block; background: url(images/i/label-2-action.png); width: 126px; height: 66px; right: 48px; top: -4px;
}
.objects-box .tab .tab-action a {
width: 100%;
height: 100%;
display: block;
padding: 0;
}
.objects-box .tab li {
padding-left: 0; margin-top: 0; float: left;
}
.objects-box .tab li:before {
display: none;
}
.objects-box .tab li a {
display: inline-block; min-height: 62px; line-height: 60px; padding: 0 18px; color: #fff; text-transform: uppercase; font-weight: 500;
}
.objects-box .tab li a.active {
color: #feac43;
}
.objects-box .tab li a.active:after {
content: ''; display: block; background: #feac43; position: absolute; left: 0; right: 0; width: 100%; bottom: 0; height: 7px;
}
.objects-box .tab-bl {
position: relative; overflow: hidden;
}
.objects-box .tab-bl:after,
.floor-plan:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.objects-box .tab-bl .section-drawing {
}
.objects-box .tab-bl .subhead {
font-size: 24px; color: #194998;
}
.objects-box .tab-bl .drawing {
position: relative; width: 253px; margin-top: 8px;
}
.objects-box .tab-bl .drawing svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.objects-box .tab-bl .drawing svg path {
opacity: 0;
cursor: pointer;
}
.objects-box .tab-bl .drawing svg path:hover , .objects-box .tab-bl .drawing svg path.active {
fill: #feac43;
opacity: 1;
}
.objects-box .tab-bl .drawing a {
position: absolute; display: block;
}
.objects-box .tab-bl .drawing a.active {
background: #feac43;
}
.objects-box .tab-bl .drawing .section-1 {
width: 40px; height: 81px; left: 2px; top: 2px;
}
.objects-box .tab-bl .drawing .section-2 {
width: 31px; height: 69px; left: 44px; top: 9px;
}
.objects-box .tab-bl .drawing .section-3 {
width: 50px; height: 48px; left: 77px; top: 18px;
}
.objects-box .tab-bl .drawing .section-3:before {
content: ''; display: block; width: 29px; height: 13px; position: absolute; right: 0; top: -13px;
}
.objects-box .tab-bl .drawing a.active:before {
background: #feac43;
}
.objects-box .tab-bl .drawing .section-4 {
width: 47px; height: 48px; left: 129px; top: 18px;
}
.objects-box .tab-bl .drawing .section-4:before {
content: ''; display: block; width: 30px; height: 13px; position: absolute; left: 0; top: -13px;
}
.objects-box .tab-bl .drawing .section-5 {
width: 31px; height: 69px; top: 9px; right: 44px;
}
.objects-box .tab-bl .drawing .section-6 {
width: 40px; height: 81px; top: 2px; right: 2px;
}
.floor-plan .section-floor {
position: relative; z-index: 2; float: left; width: 360px; padding-top: 250px;
}
.floor-plan .block {
position: relative; float: right; width: 755px; padding-top: 30px;
}
.floor_list {
width: 100%;
min-height: 200px;
}
.ajax_loader {
background: url(images/Spinner.svg) no-repeat 50% 50%;
}
.section-floor .tab-bt:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.section-floor .tab-bt ul {
float: left; width: 48%; margin: 5px 4% 0 0;
}
.section-floor .tab-bt ul:nth-child(2n) {
margin-right: 0;
}
.section-floor .tab-bt li {
margin-top: 5px; padding-left: 0;
}
.section-floor .tab-bt li:before {
display: none;
}
.section-floor .tab-bt li a {
position: relative; display: block; padding: 0 4px 0 50px; min-height: 35px; line-height: 35px; box-sizing: border-box; font-size: 18px;
}
.section-floor .tab-bt li a span {
display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 42px; background: #aed86a; text-align: center; font-size: 24px;
}
.section-floor .tab-bt li.active a{
background: #f9e3c7;
}
.section-floor .tab-bt li.active a span {
background: #feac43;
}
.section-floor .tab-bt li.not a {
background: transparent; border: 1px solid #b4b5b4; color: #b4b5b4; min-height: 33px; line-height: 33px;
}
.section-floor .tab-bt li.not a span {
background: #b4b5b4; color: #6e6f71;
}
.objects-box .tab-bl .result .item {
display: inline-block; vertical-align: top; margin: 10px 50px 0 0; font-size: 24px; font-weight: 500; text-transform: uppercase; color: #194998;
}
.objects-box .tab-bl .result .item span {
color: #f39010;
}
.objects-box .tab-bl .result .item:last-child {
margin-right: 0;
}
.objects-box .flats_cont{
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top: 40px;
}
.flats_left {
width: 360px;
flex-basis: 360px;
}
.flats_right {
}
.objects-box .tab-bl .plan {
position: relative; margin-top: 60px;
}
.objects-box .tab-bl .plan img {
max-width: 786px; height: auto;
}
.objects-box .tab-bl .plan svg {
position: absolute;
}
#plan {
width: 100%;
min-height: 300px;
}
.objects-box .tab-bl .plan .pos-1 {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.objects-box .tab-bl .plan svg path:not(.banned) {
fill: #aed86a;
opacity: 0.3;
}
.objects-box .tab-bl .plan svg path.banned {
fill: #ccc;
opacity: 0.6;
}
.objects-box .tab-bl .plan svg path:not(.banned):hover,
.objects-box .tab-bl .plan svg path.active {
opacity: 0.8; cursor: pointer;
}
/* end objects-box */
/* site-footer
------------------------------------------------ */
.site-footer {
position: relative; min-width: 270px; background: url(images/i/bg-1.jpg) 50% 0 no-repeat; background-size: cover; padding: 32px 0 45px; font-weight: 300; color: #fff;
}
.site-footer .subhead {
text-transform: uppercase; font-size: 24px; font-weight: 500;
}
.site-footer a {
color: #fff;
}
.site-footer li {
padding-left: 0; margin-top: 12px;
}
.site-footer li:before {
display: none;
}
.site-footer .top {
padding-bottom: 22px; border-bottom: 1px solid #fff;
}
.site-footer .top:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .col-1 {
float: left; width: 34.7%; padding-right: 15px; box-sizing: border-box;
}
.site-footer .col-2 {
float: left; width: 19.12%; padding-right: 15px; box-sizing: border-box;
}
.site-footer .col-3 {
float: left; width: 21%; box-sizing: border-box; text-transform: uppercase; font-size: 24px; font-weight: 500;
}
.site-footer .col-3 li:first-child {
margin-top: 0;
}
.site-footer .col-4 {
float: right; width: 25%; max-width: 260px;
}
.site-footer .col-4 .subhead {
padding-bottom: 10px;
}
.site-footer .item-contact {
margin-top: 8px;
}
.site-footer .item-contact span {
font-weight: 500;
}
.site-footer .location {
position: relative; display: inline-block; padding-left: 29px; margin-top: 30px;
}
.site-footer .location:before {
content: ''; display: block; background: url(images/i/sprite.png) -49px 0; width: 24px; height: 37px; position: absolute; left: 0; bottom: 0;
}
.site-footer .on-map {
padding: 20px 0; display: none;
}
.share {
padding-top: 20px;
}
.share a {
display: inline-block; vertical-align: top; background: url(images/i/sprite.png) -77px 0; width: 44px; height: 43px; margin: 15px 30px 0 0;
}
.share a:last-child {
margin-right: 0;
}
.share a.facebook {
background-position: -122px 0;
}
.share a.ok {
background-position: -53px -46px;
}
.site-footer .logo {
display: inline-block; vertical-align: top; padding: 34px 20px 0 0; width: 26.3%; box-sizing: border-box;
}
.site-footer .logo img {
max-width: 100%;
}
.site-footer .copy {
display: inline-block; vertical-align: top; padding-top: 25px; width: 69%;
}
/* end site-footer */
/* popup
------------------------------------------------ */
.popup {
position: relative; min-width: 945px; max-width: 945px; background-color: #fff; box-shadow: 0 0 21px rgba(0,0,0,.75); box-sizing: border-box; display: none;
}
#objects {
padding: 35px 60px 45px;
}
#objects li {
padding-left: 0;
}
#objects li:before {
display: none;
}
#objects .body:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
#objects .info {
float: left; width: 40%;
}
#objects .info ul {
padding-top: 35px; min-height: 120px;
}
#objects .info li {
color: #194998; font-weight: 500;
}
#objects .info li span,
#objects .info li b {
color: #f39010;
}
#objects .info li.head {
text-transform: uppercase;
}
#objects .info p {
margin-top: 20px; min-height: 80px; font-size: 18px;
}
#objects .info .print {
position: relative; margin-top: 20px; display: inline-block; padding-left: 45px; text-transform: uppercase; color: #eb8603; font-weight: 500;
}
#objects .info .print:before {
content: ''; display: block; background: url(images/i/sprite.png) -129px -95px; width: 37px; height: 34px; position: absolute; left: 0; bottom: 0;
}
#objects .plannig {
float: right; width: 55%; padding-top: 36px;
}
#objects .plannig .ttl {
text-align: center; font-weight: 500; text-transform: uppercase; color: #194998;
}
#objects .plannig .photoalbum {
position: relative; padding-top: 25px;
}
#objects .plannig .photoalbum img {
max-width: 100%;
}
#objects .plannig .photoalbum .big-img img {
display: block;
height: 260px;
display: block;
margin: auto;
}
#objects .plannig .photoalbum .list {
max-width: 464px; overflow: hidden; margin: 0 auto;
}
#objects .plannig .photoalbum .item {
float: left; margin: 0 8px; width: 100px;
}
#objects .plannig .photoalbum .item a {
position: relative; display: block;
}
#objects .plannig .photoalbum .item a:before {
content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #c3c3c3; box-sizing: border-box; width: 100%; height: 100%;
}
#objects .plannig .photoalbum .item.cur a:before {
border: 4px solid #fec743;
}
.slider-photoalbum {
position: relative; margin-top: 20px;
}
.slider-photoalbum .arr-l,
.slider-photoalbum .arr-r {
background: url(images/i/sprite.png) -98px -126px; width: 16px; height: 21px; position: absolute; left: -15px; top: 50%; margin-top: -10px; cursor: pointer; opacity: .5;
}
.slider-photoalbum .arr-r {
left: auto; right: -15px; transform: rotate(180deg);
}
#objects .bt {
display: block; margin: 35px auto 0; max-width: 378px;
}
.popup_close {
display: block; background: url(images/i/sprite.png) -91px -95px; width: 28px; height: 28px; position: absolute; top: 17px; right: 21px; cursor: pointer;
}
#booking {
padding: 20px 0 40px; background: #194998; color: #fff;
}
#booking .popup_close {
background-position: -174px -125px; width: 22px; height: 22px;
}
#booking .ttl {
padding-bottom: 20px; font-size: 32px; text-transform: uppercase; font-weight: 500; text-align: center;
}
#booking form {
position: relative;
}
#booking .form-item {
position: relative; margin: 16px auto 0; max-width: 377px; padding: 0 106px;
}
#booking .form-item .label {
position: absolute; left: 0; top: 10px;
}
#booking .form-item input {
width: 100%; height: 44px; line-height: 44px; background: #cbd7eb; font-size: 20px; padding: 0 20px; box-sizing: border-box;
}
#booking .hint {
position: absolute; top: 50px; right: 75px; width: 180px; font-size: 18px; line-height: 22px; color: #cbd7eb;
}
#booking .agree {
max-width: 520px; margin: 26px 0 0 200px; padding-left: 84px; font-size: 18px; line-height: 22px;
}
#booking .agree label {
position: relative; padding: 1px 0 0 45px; display: inline-block;
}
#booking .agree label .jq-checkbox {
position: absolute; left: 0; top: 0;
}
#booking .bt {
display: block; margin: 45px auto 0; max-width: 380px; width: 100%;
}
#print {
position: relative; margin: 0 auto; padding: 35px 70px 100px; display: none; min-width: 990px; max-width: 990px; margin: 0 auto; box-sizing: border-box; color: #000;
background: #fff;
}
#print img {
filter: grayscale(100%);
}
#print .drawing {
width: 250px;
}
#print .drawing img {
max-width: 100%;
}
#print .top:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
#print .logo {
float: left; width: 202px; text-align: center;
}
#print .logo img {
width: 177px;
}
#print .contacts {
float: right;
}
#print .contacts .item {
display: inline-block; vertical-align: top; font-size: 24px; margin-right: 32px; font-size: 24px;
}
#print .contacts .item:last-child {
margin-right: 0;
}
#print .contacts .item .number {
padding-top: 10px; font-weight: 300;
}
#print .contacts .item .number span {
font-weight: 500;
}
#print .box-ttl {
margin-top: 62px; color: #000; font-size: 28px; text-transform: none;
}
#print .box-ttl:before {
background: #000; height: 1px;
}
#print .info ul {
padding-top: 35px; display: inline-block; vertical-align: top; width: 45%;
}
#print .info li {
padding-left: 0; font-weight: 500;
}
#print .info li:before {
display: none;
}
#print .info li.head {
text-transform: uppercase;
}
#print .drawing, #print .plan {
margin-top: 30px;
}
/* end popup */
/* ui-dialog
------------------------------------------------ */
.ui-dialog {
position: absolute !important; z-index: 1002;
}
.ui-widget-overlay {
background: rgba(0, 0, 0, 0.32); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;
}
.ui-dialog-titlebar {
height: 0; position: relative; z-index: 1002;
}
.ui-dialog-titlebar-close {
display: none;
}
/* end ui-dialog */
/* style select
------------------------------------------------ */
.ui-selectmenu-button {
position: relative; display: inline-block; vertical-align: middle; cursor: pointer; text-decoration: none;
white-space: nowrap; width: 100%; box-sizing: border-box; background: #fff; border-radius: 4px;
padding: 0 15px; height: 40px; line-height: 40px; color: #636363; font-weight: 300;
}
.ui-selectmenu-text {
position: relative; margin: 0; display: block; overflow: hidden;
}
.ui-selectmenu-button .ui-icon {
background: url(images/i/sprite.png) -101px -72px no-repeat; width: 20px; height: 11px; position: absolute; top: 50%; margin-top: -5px; right: 10px;
}
.ui-selectmenu-menu {
position: absolute; top: 40px; left: 0; margin: 0; border: 0; display: none; z-index: 1500; background: #fff;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-menu ul {
position: relative; margin: 0; padding: 0; overflow: auto;
}
.ui-selectmenu-menu li {
padding: 4px 0 5px 15px; margin: 0; cursor: pointer; white-space: normal; color: #636363; font-weight: 300;
}
.ui-selectmenu-menu li:first-child {
display: none;
}
.ui-selectmenu-menu li:before {
display: none;
}
.ui-selectmenu-menu li.ui-state-active, .ui-selectmenu-menu li:hover {
background: #3399ff; color: #fff;
}
/* end style select */
.ui-slider {
position: relative; margin-top: 23px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 36px;
height: 36px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
background-color: #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.75);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.75);
box-shadow: 0 0 5px rgba(0,0,0,.75);
border: solid 2px #d2d2d2;
box-sizing: border-box;
cursor: pointer;
}
.ui-slider .ui-slider-handle:hover {
background: #feac43;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
overflow: hidden;
}
.ui-slider-horizontal {
height: 10px; background: #fff;
}
.ui-slider-horizontal .ui-slider-handle {
top: -14px;
margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-widget-header {
background: #feac43;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('images/i/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('images/i/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{background: url(images/i/close.png); position:absolute;top:-27px;right:8px;width:31px;height:31px;cursor:pointer;z-index:18040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('images/i/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('images/i/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font-family: 'PF Din Text Cond';position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom: 100%;right:0; width: 100%;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:block;padding:12px 15px 0; text-align: left; background: #fff; color: #194998; line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
.headlink {
color: #feac43 !important;
font-size: 33px;
display: block;
float: right;
text-transform: uppercase;
margin-top: 23px;
}
.navigation .headlink {
margin-top: 0;
}
@media(max-width:768px){
.headlink {
font-size: 1.7em;
}
}
@media(max-width:768px){
.headlink {
font-size: 1.5em;
}
}
@media (max-width: 640px){
.headlink {
font-size: 1.7em;
float: left;
margin-bottom: 15px;
margin-top: 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('images/i/fancybox_sprite@2x.png');background-size:44px 152px;}
#fancybox-loading div{background-image:url('images/i/fancybox_loading@2x.gif');background-size:24px 24px;} }
@media screen and (max-width: 1279px) {
.viewer-quarter .object .infobox {
width: 328px;
}
}
@media screen and (max-width: 1160px) {
.wrapper {
padding-left: 15px; padding-right: 15px;
}
.site-header .it-contact {
margin-left: 24px;
}
.site-header .menu ul > li {
margin-right: 8px;
}
.search-form {
font-size: 22px;
}
.search-form .col-1 {
width: 24%;
}
.search-form .it {
margin-right: 12px;
}
.search-form .col-2,
.search-form .col-3 {
width: 25%;
}
.search-form .col-2 .form-control {
font-size: 22px; width: 80px;
}
.search-form .col-3 .form-control {
width: 100px;
}
.floor-plan .section-floor {
float: none; padding-top: 30px; width: 100%; max-width: 360px;
}
.objects-box .tab-bl .section-drawing {
position: static; padding-top: 45px;
}
.floor-plan .block {
float: none;
}
.objects-box .tab-bl .plan {
margin-top: 20px;
}
}
@media screen and (max-width: 1100px) {
.site-header {
font-size: 20px;
}
.site-header .title {
font-size: 32px;
}
.item-object .entry {
padding-bottom: 14px; padding-left: 12px; padding-right: 12px; font-size: 20px; line-height: 26px;
}
.item-object .entry .top {
font-size: 18px;
}
.item-object .entry .top span {
font-size: 20px;
}
.item-object .entry .cost {
font-size: 30px;
}
.item-object .entry .date {
padding: 0 12px;
}
.slider-pairs .list {
max-width: 800px; overflow: hidden;
}
.slider-pairs .item,
.slider-pairs .item span {
width: 200px;
}
.slider-pairs .item span img {
max-width: 95%;
}
.news-list li {
padding-right: 140px;
}
.viewer-quarter .object .infobox {
padding-left: 15px; padding-right: 15px;
}
.viewer-quarter .object .infobox .title {
font-size: 22px; line-height: 30px;
}
.viewer-quarter .object .infobox p {
margin-top: 6px; font-size: 18px; line-height: 25px;
}
.catalog-table .it-1 {
width: 28%;
}
.catalog-table .it-1 a:hover {
color: #f3951d;
}
.objects-box .tab ul {
padding-right: 135px;
}
.objects-box .tab ul:after {
right: 0;
}
}
@media screen and (max-width: 1023px) {
.viewer-quarter .inner {
height: 900px;
}
.top-bar H1 {
font-size: 34px;
line-height: 50px;
}
.top-bar .pull-right > div {
font-size: 22px;
margin: 4px 15px 0 0;
}
.objects-box .tab li a {
padding: 0 14px; font-size: 19px;
}
}
@media screen and (max-width: 960px) {
.carousel_item_photo .img_tip {
font-size: 24px !important;
}
.site-header .logo {
width: 160px; padding-top: 40px;
}
.site-header .menu {
margin-top: 25px;
}
.site-header .logo img {
width: 100%; height: auto;
}
.search-form .col-1,
.search-form .col-2,
.search-form .col-3,
.search-form .col-4,
.search-form .advanced-box {
float: none; margin: 20px auto 0; width: 225px; padding-right: 0;
}
.search-form .section {
float: none; margin-top: 20px;
}
.search-form .section:nth-child(1) {
width: 100%;
}
.search-form .section:nth-child(2) {
margin: 20px auto 0; max-width: 100%;
}
.search-form .section:nth-child(2) {
margin-right: auto; width: 100%;
}
.search-form .col-4 {
text-align: center;
}
.search-form .advanced {
position: static; margin-top: 20px;
}
.search-form .bt {
position: static; margin-top: 20px;
}
.section-news .entry {
padding-right: 5px; padding-left: 10px;
}
.section-news .entry .date {
font-size: 16px;
}
.section-news .entry .title {
font-size: 20px; line-height: 25px;
}
.site-footer .col-1,
.site-footer .col-2,
.site-footer .col-3,
.site-footer .col-4 {
float: none; display: inline-block; vertical-align: top;
}
.site-footer .col-1 {
width: 48%;
}
.site-footer .col-2,
.site-footer .col-3 {
width: 25%;
}
.site-footer .col-4 {
width: 100%; max-width: 100%; padding-top: 30px;
}
.catalog-table {
font-size: 18px; line-height: 22px;
}
.catalog-table .head {
padding-bottom: 15px;
}
.catalog-table .it-4 {
width: 18%;
}
.catalog-table .it-5 {
width: 22%;
}
.catalog-table .bt-2 {
font-size: 16px;
}
.objects-box .tab ul {
position: relative; padding-right: 0;
}
.objects-box .tab ul:after {
display: none;
}
.popup {
min-width: 700px; max-width: 700px;
}
#objects {
padding: 55px 20px 25px;
}
#booking .form-item {
max-width: 280px;
}
#booking .hint {
top: 50px; right: 10px; width: 180px; font-size: 16px; line-height: 19px;
}
#booking .agree {
padding-left: 10px;
}
}
@media screen and (max-width: 1150px) {
.objects-box .flats_cont {
flex-wrap: wrap;
}
/*.objects-box .tab-bl .plan img {
transform: scale(0.75,0.75);
}
.objects-box .tab-bl .plan .pos-1 {
transform: scale(0.75,0.75);
}*/
}
/*
@media screen and (max-width: 992px) {
.objects-box .tab-bl .plan .pos-1, .objects-box .tab-bl .plan img {
transform: scale(0.75,0.75);
}
}
*/
@media screen and (max-width: 772px) {
.objects-box .tab-bl .plan .pos-1, .objects-box .tab-bl .plan img {
transform: scale(0.55,0.55);
}
}
@media screen and (max-width: 900px) {
.bt-menu {
width: 28px; height: 17px; border-top: 3px solid #184696; border-bottom: 3px solid #184696; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 12;
}
.bt-menu:before {
content: ''; display: block; background: #184696; width: 100%; height: 3px; position: absolute; left: 0; top: 50%; right: 0; margin-top: -2px;
}
.bt-menu.close {
border: 0; background: url(images/i/sprite.png) -170px 0 no-repeat; width: 26px; height: 26px;
}
.bt-menu.close:before {
display: none;
}
.site-header .menu > ul {
position: absolute; z-index: 10; left: 0; top: 0; right: 0; width: 100%; box-sizing: border-box; padding: 30px 20px; background: #194998; display: none;
}
.site-header .menu .header_menu > li {
margin: 18px 0 0; display: block;
}
.site-header .menu > ul > li > a {
display: inline-block; padding: 0; border-bottom: 0; color: #fff;
}
.site-header .menu > ul > li > ul {
position: static; background: transparent;
}
.site-header .menu > ul > li > ul li a {
/*color: #fff;*/
}
.site-header .logo {
padding-top: 23px;
}
.site-header .pull-right {
float: left; padding: 24px 0 0 30px;
}
.site-header .title {
padding: 0; display: block;
}
.site-header .it-contact {
margin: 15px 12px 0 0;
}
.site-header .menu {
margin-top: 0;
}
.construction-box .item-object,
li.item-object {
width: 49%;
}
.construction-box .item-object:nth-of-type(3n),
li.item-object:nth-child(3n) {
margin-right: 2%;
}
.construction-box .item-object:nth-of-type(2n),
li.item-object:nth-child(2n) {
margin-right: 0;
}
.construction-box .item-object {
max-height: 100%;
}
.objects-box .tab li a {
min-height: 52px; line-height: 50px; padding: 0 10px; font-size: 18px;
}
.objects-box .tab li a.active:after {
height: 4px;
}
}
@media screen and (max-width: 800px) {
.pagination {
padding: 40px 0 60px;
}
.slider-pairs .list {
max-width: 600px;
}
.news-list li {
padding-left: 0; padding-right: 0;
}
.news-list li .photo {
display: inline-block; vertical-align: top; position: static; float: none; padding-right: 15px; width: 40%; max-width: 166px; box-sizing: border-box;
}
.news-list li .info {
display: inline-block; vertical-align: top; float: none; width: 55%; text-align: left;
}
.news-list li .story {
float: none; width: 100%; padding-top: 20px;
}
.news-list li .bt-2 {
position: static; margin-top: 20px;
}
.contacts-box .subhead {
font-size: 20px;
}
.about-box .column-1 {
float: none; width: 100%;
}
.about-box .column-2 {
float: none; width: 100%; padding-top: 25px;
}
.abox, .media {
margin-top: 30px;
}
.quarter-box .viewer-quarter {
display: none;
}
.mob-quarter-box {
display: block;
}
.object-detailed {
padding: 30px 0 50px;
}
/*.object-detailed,*/
.top-bar .pull-right {
display: none;
}
.floor-plan .block {
width: 100%;
}
.floor-plan .block .mob-catalog {
display: block;
}
}
@media screen and (max-width: 1180px) {
.flats_cont {
flex-wrap: wrap;
}
.flats_left {
float: none;
width: 100%;
flex-basis: 100%;
}
.section-floor .tab-bt ul {
width: 100%;
display: flex;
float: none;
flex-wrap: wrap;
}
.section-floor .tab-bt ul li {
flex-basis: 25%;
}
.floor_list {
min-height: auto;
}
}
@media screen and (min-width: 1180px) {
.site-body .apartments {
display: none;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 16px; line-height: 20px;
}
.box-ttl {
font-size: 35px; line-height: 45px;
}
.box-ttl:before {
top: 20px;
}
.slider-pairs .list {
max-width: 400px;
}
.site-footer {
padding: 5px 0 15px;
}
.site-footer .subhead,
.site-footer .col-3 {
font-size: 20px;
}
.site-footer .col-1,
.site-footer .col-2,
.site-footer .col-3 {
width: 100%; padding-top: 30px;
}
.site-footer .logo {
display: none;
}
.site-footer .copy {
width: 100%;
}
.item-object .entry {
font-size: 16px; line-height: 23px;
}
.item-object .entry .cost {
font-size: 25px;
}
.contacts-box .col {
width: 49%;
}
.slider-catalog {
overflow: hidden; margin-top: 20px;
}
.slider-catalog .list:after {
position: relative; content: '.'; display: block; clear: both; visibility: hidden; height: 0;
}
.slider-catalog .control {
position: relative; width: 40px; height: 26px; border: 2px solid #000; margin: 10px auto 0;
}
.slider-catalog .arr-l, .slider-catalog .arr-r {
background: url(images/i/sprite.png) -123px -47px no-repeat; width: 22px; height: 19px; position: absolute; left: -30px; top: 50%; margin-top: -9px; cursor: pointer;
}
.slider-catalog .arr-r {
left: auto; right: -30px; transform: rotate(180deg);
}
.news-box .top-news {
width: 100%; float: none;
}
.news-box ul {
width: 100%; float: none;
}
.top-news .section-news .entry {
min-height: 100%;
}
.section-news .entry {
padding-bottom: 55px;
}
.block-news {
padding: 25px 0 40px;
}
.block-news .detailed {
float: none; width: 100%; max-width: 100%;
}
.block-news .detailed .name {
padding-top: 15px; font-size: 22px; line-height: 26px;
}
.block-news .detailed img {
float: none;
}
.block-news .detailed p {
margin-top: 14px;
}
.block-news .list {
display: none;
}
.catalog-table {
/* display: none;*/
}
.objects-box .flats_cont {
display: none;
}
.mob-catalog {
display: block;
}
.tab-bl .gallery li {
width: 32%;
}
.tab-bl .gallery li:nth-child(3n) {
margin-right: 0;
}
.tab-bl .gallery li:nth-child(4n) {
margin-right: 2%;
}
.objects-box .tab {
padding-top: 6px; padding-bottom: 10px;
}
.objects-box .tab li {
display: inline-block; vertical-align: top; width: 32%; margin-top: 5px;
}
.objects-box .tab li a {
min-height: 100%; line-height: 25px; padding: 0;
}
.objects-box .tab li a.active:after {
display: none;
}
.popup {
min-width: 700px; max-width: 700px;
}
#objects {
padding: 55px 20px 25px;
}
#booking .hint {
}
}
@media screen and (max-width: 540px) {
.bt-menu {
top: 10px; right: 10px;
}
.site-header .logo {
float: none; width: 140px;
}
.site-header .pull-right {
float: none; padding: 10px 0 0;
}
.site-header .title {
position: absolute; left: 175px; top: 28px; max-width: 190px; font-size: 32px; line-height: 35px;
}
.construction-box .item-object,
li.item-object {
width: 100%; margin-right: 0;
}
.construction-box .item-object:nth-of-type(3n),
li.item-object:nth-child(3n) {
margin-right: 0;
}
.contacts-box .col {
width: 100%; padding-right: 0;
}
.catalog.wrapper {
display: none;
}
.site-footer .on-map {
display: block;
}
.slider-pairs .arr-l, .slider-pairs .arr-r {
opacity: 0;
}
.slider-shares .item .inner {
height: 260px; background-position: 0 50%;
}
.slider-shares .item .entry .txt,
.slider-shares .item .entry .txt-2 {
display: none;
}
.site-body .catalog {
padding: 0 0 40px;
}
.tabs {
padding: 10px 0 0; border-bottom: 0;
}
.tabs:before {
display: block; content: ''; position: absolute; left: -9999px; top: 0; right: -9999px; bottom: 0; background: #194998;
}
.tabs a:after {
display: none;
}
.tabs a {
padding: 6px 15px 5px; color: #fff; margin: 0;
}
.tabs a:last-child {
padding-right: 15px;
}
.tabs a.active {
background: #faa846;
}
.catalog .filter {
padding: 7px 0 10px;
}
.catalog .filter:before {
display: block; content: ''; position: absolute; left: -9999px; top: 0; right: -9999px; bottom: 0; background: #faa846;
}
.catalog .filter a {
display: block;
}
.tabs a.active,
.catalog .filter a.active {
color: #fff;
}
.objects-box .tab li {
width: 100%;
}
.objects-box .tab li a {
font-size: 15px; line-height: 20px;
}
.objects-box .tab .tab-action {
right: -15px;
top: -11px;
}
.top-bar H1 {
padding-bottom: 8px;
font-size: 27px;
line-height: 35px;
}
}
@media screen and (max-width: 400px) {
.site-header .logo {
width: 110px;
}
.site-header .title {
left: 135px; top: 28px; max-width: 160px; font-size: 25px; line-height: 29px;
}
.slider-pairs .list {
max-width: 280px;
}
.slider-pairs .item, .slider-pairs .item span {
width: 140px;
}
.slider-pairs .item span {
height: 120px;
}
.slider-pairs .item img {
width: 90%;
}
.slider-shares .item .entry {
font-size: 14px; line-height: 18px; text-align: center;
}
.slider-shares .item .entry span {
font-size: 20px !important;
}
.slider-shares .item .entry .head,
.slider-shares .item .entry .subhead {
font-size: 30px; line-height: 40px;
}
.slider-shares .item .entry .txt-2 {
font-size: 57px; line-height: 54px;
}
.slider-shares .item .entry .txt span {
font-size: 35px;
}
.bt-2 {
height: 28px; line-height: 27px; border-radius: 12px; font-size: 15px;
}
.news-list li {
border-bottom: 0; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.26); margin-top: 15px; padding-bottom: 20px; position: relative;
}
.news-list li .info {
width: 100%; max-width: 100%; display: block; margin-top: 15px;
}
.news-list li .photo {
width: 100%; padding-right: 0; max-width: 100%;
}
.news-list li .story {
display: none;
}
.news-list li .entry {
padding-left: 15px; padding-right: 15px;
}
.news-box li {
width: 100%; margin-right: 0;
}
.section-news .entry {
min-height: 100%;
}
.share {
padding-top: 0;
}
.mob-quarter-box .mob-tabs li {
width: 49%; font-size: 14px;
}
.tab-bl .gallery li {
width: 49%; margin-top: 8px;
}
.tab-bl .gallery li:nth-child(3n) {
margin-right: 2%;
}
.tab-bl .gallery li:nth-child(2n),
.tab-bl .gallery li:nth-child(4n) {
margin-right: 0;
}
.mob-catalog .section .top-table {
font-size: 14px; line-height: 16px;
}
.list-floors ul {
float: none; width: 100%; margin: 0;
}
.objects-box .tab-bl .section .subhead {
padding-bottom: 10px;
}
.search-form .ui-selectmenu-button {
font-size: 18px;
}
.objects-box .tab-bl .result,
.objects-box .tab-bl .plan {
display: none;
}
.section-floor .tab-bt li a {
padding-left: 30px; min-height: 30px; line-height: 30px; font-size: 16px;
}
.section-floor .tab-bt li a span {
width: 25px; font-size: 18px;
}
.section-floor .tab-bt li a.not {
min-height: 28px; line-height: 28px;
}
.floor-plan .block {
padding-top: 0;
}
}
/* Проектные декларации */
.mini_doc {
float: left;
width: 16px;
height: 21px;
margin: 0 8px 0 0;
background: url(./img/mini_icons.png) left top no-repeat;
}
.dec_line_txt {
overflow: hidden;
margin-left: 25px;
}
.dec_link {
display: block;
float: left;
width: 510px;
margin-bottom: 20px;
}
.dec_under {
clear: both;
overflow: hidden;
}
.right_date {
float: right;
width: 140px;
}
.mini_pencil {
float: left;
width: 19px;
height: 19px;
background: url(./img/mini_icons.png) left bottom no-repeat;
}
.dec_under__link {
display: block;
float: left;
width: 440px;
margin-left: 5px;
color: #555;
}
.carousel_item {
position: relative;
overflow: hidden;
}
.carousel_item_photo {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.3);
opacity: 0;
transition: all 0.3s linear;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
}
.carousel_item:hover .carousel_item_photo{
opacity: 1;
}
.carousel_item_photo .img_tip {
width: 90%;
margin: auto;
height: 50px;
line-height: 50px;
border-radius: 4px;
font-size: 40px;
background-color: rgba(0,0,0,0.7);
color: #FFF;
text-align: center;
}
.homes-list {
width: 250px;
margin: 15px 0;
}
p.index-func {
font-size:24px;
clear:both;
}
ul.index-func {
display:block;
list-style:disc;
width:100%;
margin: 10px 0;
clear:both;
font-size:24px;
}
ul.index-func li {
width:85%;
display:list-item;
list-style:disc;
margin-left:40px;
float:none;
}
@media screen and ( max-width: 700px ) {
.popup {
min-width: auto;
}
}
@media screen and ( max-width: 500px ) {
#objects .info,
#objects .plannig {
width: 100%;
float: none;
}
}
.promo2
{
color: #163e83! important;
text-decoration: none;
}
.promo2 a
{
color: #163e83! important;
text-decoration: none;
}
.promo2 a:visited
{
color: #163e83! important;
text-decoration: none;
}
.promo2 a:link
{
color: #163e83! important;
text-decoration: none;
}
.promo2 a:hover
{
color: #163e83! important;
text-decoration: none;
}
@media ( max-width: 500px ) {
.catalog-table .head,
.catalog-table .row {
padding: 10px;
}
.catalog-table .it-1,
.catalog-table .it-2,
.catalog-table .it-3,
.catalog-table .it-4,
.catalog-table .it-5 {
width: 100%;
text-align: left;
}
.catalog-table .row span {
font-weight: 500;
}
}
@media ( min-width: 500px ) {
.catalog-table .row span {
display: none;
}
}