/*$green: #57ab2e;*/ @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayRegular/RalewayRegular.ttf") format("truetype"), url("/fonts/raleway/RalewayRegular/RalewayRegular.eot") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.ttf") format("truetype"), url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.eot") format("truetype"), url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.woff") format("woff"), url("/fonts/raleway/RalewaySemiBold/Raleway-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayBold/RalewayBold.ttf") format("truetype"), url("/fonts/raleway/RalewayBold/RalewayBold.eot") format("truetype"), url("/fonts/raleway/RalewayBold/RalewayBold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.ttf") format("truetype"), url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.eot") format("truetype"), url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.woff") format("woff"); font-weight: 900; font-style: normal; } .business .button, .business .minicard .heading-content--button, .minicard .business .heading-content--button { font-family: "Roboto", sans-serif; padding: 0 14px; color: #244696; border: 1px solid #cbdaf4; text-align: center; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; background-color: transparent; display: inline-block; cursor: pointer; position: relative; } .business .button.more, .business .minicard .more.heading-content--button, .minicard .business .more.heading-content--button { padding: 0 10px; height: 34px; line-height: 34px; margin-bottom: 4px; } .business .button.more svg, .business .minicard .more.heading-content--button svg, .minicard .business .more.heading-content--button svg { left: 0; margin-left: 8px; width: 16px; height: 8px; transform: translateY(-50%); fill: #244696; } .business .button.icon, .business .minicard .icon.heading-content--button, .minicard .business .icon.heading-content--button { padding-left: 36px; } .business .button:hover, .business .minicard .heading-content--button:hover, .minicard .business .heading-content--button:hover { background-color: #8daee7; border-color: #8daee7; color: #ffffff; } .business .button:hover svg, .business .minicard .heading-content--button:hover svg, .minicard .business .heading-content--button:hover svg { fill: #ffffff; } .business .button.star svg, .business .minicard .star.heading-content--button svg, .minicard .business .star.heading-content--button svg { stroke: #ff7500; width: 16px; left: 18px; height: 16px; margin-top: 0; fill: none; } .business .button.orange, .business .minicard .orange.heading-content--button, .minicard .business .orange.heading-content--button { color: #ff7500; border-color: #ff7500; margin-right: 20px; margin-left: 37px; } .business .button.orange:hover, .business .minicard .orange.heading-content--button:hover, .minicard .business .orange.heading-content--button:hover { background-color: #ff7500; color: #ffffff; } .business .button.orange:hover svg, .business .minicard .orange.heading-content--button:hover svg, .minicard .business .orange.heading-content--button:hover svg { stroke: #ffffff; } .business .button.up svg, .business .minicard .up.heading-content--button svg, .minicard .business .up.heading-content--button svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -4px; } .business .button .search-icon svg, .business .minicard .heading-content--button .search-icon svg, .minicard .business .heading-content--button .search-icon svg { width: 24px; height: 24px; } .business .label { font-family: "Roboto"; border-radius: 8px; text-align: center; padding: 0 4px; height: 15px; line-height: 12px; font-size: 12px; display: inline-block; } .business .label.green { color: #239c13; border: 1px solid #239c13; } .business .label.red { color: #db0107; border: 1px solid #db0107; } .business .label.tab { font-size: 16px; border-radius: 16px; color: #244696; line-height: 32px; height: 32px; padding: 0 12px; cursor: pointer; border: 1px solid transparent; } .business .label.tab:hover { text-decoration: underline; } .business .label.tab.active { color: #db0107; border: 1px solid #db0107; } .business .label.tab.active:hover { text-decoration: none; } .business .hashtag { display: inline-block; font-family: "Roboto"; padding: 0 8px; color: #5a79a5; border: 1px solid #cbdaf4; border-radius: 4px; text-align: center; font-size: 14px; height: 24px; line-height: 24px; margin: 0 8px 8px 0; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; vertical-align: middle; } .business .hashtag:hover { background-color: #8daee7; border-color: #8daee7; } .business .hashtag:hover a { color: #ffffff; text-decoration: none; } .business i.icon { display: inline-block; } .business .ico-svg { position: absolute; display: inline-block; width: 20px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .business .angle-right svg, .business .angle-left svg { width: 16px; height: 8px; } .business .angle-right svg, .business .button.more.angle-right svg, .business .minicard .more.angle-right.heading-content--button svg, .minicard .business .more.angle-right.heading-content--button svg { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -moz-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .business .angle-left svg { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .business .button.icon-right, .business .minicard .icon-right.heading-content--button, .minicard .business .icon-right.heading-content--button { padding-right: 32px; } .business .button.icon-right svg, .business .minicard .icon-right.heading-content--button svg, .minicard .business .icon-right.heading-content--button svg { left: inherit; right: 8px; margin-top: 2px; } .business .button.icon-right.angle-right svg, .business .minicard .icon-right.angle-right.heading-content--button svg, .minicard .business .icon-right.angle-right.heading-content--button svg { height: 6px; right: 0; margin-top: 1px; } .business .form-group { position: relative; width: 100%; border: 1px solid #e7e7e7; } .business .form-group .search-input-text-wrap { position: relative; display: block; overflow: hidden; height: 48px; } .business .form-group .button.search, .business .form-group .minicard .search.heading-content--button, .minicard .business .form-group .search.heading-content--button { position: absolute; right: 0; width: 52px; height: 32px; line-height: 32px; border: none; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 700px) { .business .form-group .button.search, .business .form-group .minicard .search.heading-content--button, .minicard .business .form-group .search.heading-content--button { display: none; } } .business .form-group .button.search svg, .business .form-group .minicard .search.heading-content--button svg, .minicard .business .form-group .search.heading-content--button svg { fill: #777777; } .business .form-group .button.search:hover, .business .form-group .minicard .search.heading-content--button:hover, .minicard .business .form-group .search.heading-content--button:hover, .business .form-group .button.search:focus, .business .form-group .minicard .search.heading-content--button:focus, .minicard .business .form-group .search.heading-content--button:focus { background-color: transparent; } .business .form-group .button.search:hover svg, .business .form-group .minicard .search.heading-content--button:hover svg, .minicard .business .form-group .search.heading-content--button:hover svg, .business .form-group .button.search:focus svg, .business .form-group .minicard .search.heading-content--button:focus svg, .minicard .business .form-group .search.heading-content--button:focus svg { fill: #244696; } .business .form-group input { height: 48px; line-height: 48px; border: 1px solid transparent; padding-left: 16px; font-size: 14px; color: #2d2d2d; display: block; width: 100%; vertical-align: middle; } .business .form-group input:focus + .button.search, .business .form-group .minicard input:focus + .search.heading-content--button, .minicard .business .form-group input:focus + .search.heading-content--button { height: 48px; line-height: 48px; } .business .form-group input:focus + .button.search svg, .business .form-group .minicard input:focus + .search.heading-content--button svg, .minicard .business .form-group input:focus + .search.heading-content--button svg { fill: #244696; } .business .select-cats { float: left; height: 48px; line-height: 48px; } .business .select-cats li, .business .select-cats a { display: block; font-size: 14px; color: #2d2d2d; text-align: left; } .business .select-cats .cat-selected { position: relative; padding: 0 16px 0 38px; cursor: pointer; } .business .select-cats .cat-selected svg { left: 22px; fill: #2d2d2d; height: 8px; width: 18px; } .business .select-cats .cat-selected.clicked svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: -10px; margin-top: -4px; } .business .select-cats-tab-menu { border: 1px solid #e7e7e7; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .business .select-cats-tab-menu .cats-menu { border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color: #ffffff; position: relative; z-index: 3; display: none; margin-left: -1px; } .business .select-cats-tab-menu .cats-menu li { height: 48px; line-height: 48px; padding-left: 16px; border-bottom: 1px solid #e7e7e7; border-radius: 0; padding-right: 16px; } .business .select-cats-tab-menu .cats-menu li:last-of-type { border-color: transparent; } .business .select-cats-tab-menu.clicked { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), inset -1px 0 0 0 #eeeeee; position: relative; z-index: 8888; } .business .mobile-search { display: none; } @media only screen and (max-width: 700px) { .business .mobile-search { display: inline-block; float: right; width: 40px; height: 40px; line-height: 40px; margin-right: 16px; } } .business .mobile-search:hover svg { fill: #ffffff; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } .mfz-header-search-container { top: 0; left: 0; width: 100%; height: 100%; padding: 27px; margin: 0; display: none; background: #222; background: rgba(0, 0, 0, 0.85); position: fixed; z-index: 200000; color: #FFFFFF; overflow-y: scroll; } .mfz-header-search-container .select-cats { width: 100%; float: none; margin-bottom: 24px; } .mfz-header-search-container .select-cats li.cat-selected { padding: 0 38px 0 16px; } .mfz-header-search-container .select-cats li.cat-selected span { color: #ffffff; } .mfz-header-search-container .select-cats li.cat-selected svg { left: 100%; fill: #fff; margin-left: -24px; } .mfz-header-search-container .select-cats li.cat-selected.clicked svg { margin-left: -34px; } .mfz-header-search-container .select-cats-tab-menu { border: 1px solid #e7e7e7; } .mfz-header-search-container .header-search-input { border: 1px solid transparent; border-bottom-color: #e7e7e7; background: transparent; width: 100%; font-size: 24px; line-height: 30px; color: #e7e7e7; padding: 8px 0; cursor: default; } .mfz-header-search-container .header-search-input-mobile { margin-bottom: 24px; } .mfz-header-search-container .header-search-input-mobile span { font-family: 'Raleway', sans-serif; font-size: 24px; } .mfz-header-search-container .header-search-input-mobile .button-close { float: right; border: none; } .mfz-header-search-container .header-search-input-mobile .button-close svg { fill: #ffffff; width: 24px; height: 24px; } .pagination { margin: 24px auto; text-align: center; position: relative; } .pagination .pagination-button { font-size: 16px; display: inline-block; height: 32px; line-height: 32px; min-width: 32px; padding: 0px 8px; margin: 0; border: 1px solid transparent; text-decoration: none; } .pagination .pagination-button:hover { font-weight: bold; cursor: pointer; } .pagination .pagination-button--disabled { opacity: 0.6; } .pagination .pagination-button--disabled:hover { cursor: not-allowed; } .pagination .pagination-page--current { margin: 0 2px; border: 1px solid #cbdaf4; color: #244696; font-weight: bold; } .pagination .pagination-page--current:hover { cursor: auto; } .pagination .pagination-gap { color: #777777; position: relative; display: inline-block; } .pagination .pagination-gap:after { content: "..."; display: inline-block; width: auto; } @media only screen and (max-width: 1100px) { .pagination .pagination-button { height: 48px; line-height: 48px; min-width: 48px; } .pagination .pagination-gap { margin: 0 2px; min-width: 24px; text-align: center; } .pagination .pagination-prev-button, .pagination .pagination-next-button { border: 1px solid #cbdaf4; border-radius: 50%; height: 52px; line-height: 52px; min-width: 52px; margin: 0 20px; } .pagination .angle-right svg, .pagination .angle-left svg { width: 28px; height: 10px; margin-left: 1px; margin-top: 0px; } .pagination .angle-left svg { margin-left: -1px; } .pagination .angle-double svg { height: 19px; } } @media only screen and (max-width: 700px) { .pagination .pagination { margin: 0px; position: relative; background-color: white; box-shadow: 0 0 2px 0 #dddddd; } .pagination .pagination.is-to-first .pagination-page--current { margin-left: 57px; } .pagination .pagination-gap { display: none; } .pagination .pagination-button { display: none; color: #777777; min-width: 16px; height: 56px; line-height: 56px; } .pagination .pagination-button:nth-last-child(2) { display: inline-block; } .pagination .pagination-gap { margin: 0 2px; min-width: 8px; text-align: center; } .pagination .pagination-prev-button, .pagination .pagination-next-button { border: 1px solid transparent; border-radius: 0; display: inline-block; min-width: 57px; position: absolute; top: 0; height: 57px; line-height: 57px; margin: 0; } .pagination .pagination-prev-button { border-right-color: #e7e7e7; left: 0; } .pagination .pagination-next-button { border-left-color: #e7e7e7; right: 0; } .pagination .pagination-page--last { display: inline-block; } .pagination .pagination-page--current { border: none; display: inline-block; color: #2d2d2d; padding-right: 0; margin-right: 0; margin-left: 0px; } .pagination .pagination-page--current:after { content: '/'; display: inline-block; width: auto; margin-left: 16px; color: #777777; padding-right: 0; margin-right: 0; } .pagination .pagination-page--first { display: inline-block; left: 0; } .pagination .pagination-page--first + .pagination-prev-button { left: 57px; } } @media only screen and (min-width: 700px) { .pagination .pagination-page--current + span.pagination-button { display: none; } .pagination .pagination-page--first { display: none; } } /* Style the list */ ul.breadcrumb { padding: 0; font-size: 17px; display: inline-block; } /* Display list items side by side */ ul.breadcrumb li { display: inline; } /* Add a slash symbol (/) before/behind each list item */ ul.breadcrumb li + li:before { padding: 0px; color: #244696; content: "/\00a0"; } /* Add a color to all links inside the list */ ul.breadcrumb li a { color: #244696; text-decoration: none; font-size: 14px; } /* Add a color on mouse-over */ ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; } .informer { margin-top: 16px; position: relative; vertical-align: middle; width: 100%; border-radius: 4px; border: 1px solid #e1e9fa; text-align: center; padding: 12px 16px; } .informer .wrap-informer { position: relative; } @media only screen and (max-width: 459px) { .informer .wrap-informer { display: inline-block; text-align: center; } .informer .wrap-informer.open .ico-svg { left: 35px; top: 26px; } } .informer .wrap-informer.open .ico-svg { left: 10px; top: 18px; } .informer .wrap-informer.open .description-informer { margin-left: 24px; } .informer .open-text-informer { display: none; } @media only screen and (max-width: 459px) { .informer .open-text-informer { display: table-cell; padding-left: 16px; vertical-align: middle; text-align: center; font-size: 16px; text-decoration: underline; cursor: pointer; height: 32px; } .informer .open-text-informer:hover { text-decoration: none; } } .informer .ico-svg { fill: #223f7a; left: 18px; right: inherit; width: auto; height: 32px; position: relative; display: block; top: 16px; float: left; } .informer .description-informer { position: relative; padding-left: 16px; text-align: left; display: table-cell; vertical-align: middle; height: 32px; } @media only screen and (max-width: 459px) { .informer .description-informer { display: none; } } .informer.status-default { background: #f1f6ff; border-color: #e1e9fa; color: #244696; } @media only screen and (max-width: 459px) { .informer { margin-top: 24px; border-radius: 0; border-right-color: transparent !important; border-left-color: transparent !important; } } .item-article, .item-article.full-padding { margin-bottom: 16px; position: relative; padding: 20px; -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 138px; } @media only screen and (max-width: 459px) { .item-article, .item-article.full-padding { margin: 0; padding: 16px 10px; } } .item-article .text-items, .item-article.full-padding .text-items { position: relative; margin-right: 120px; } @media only screen and (max-width: 459px) { .item-article .text-items, .item-article.full-padding .text-items { margin-right: 82px; } } @media only screen and (max-width: 459px) { .item-article .text-items.default-desc-part, .item-article.full-padding .text-items.default-desc-part { margin-right: 0px; } } .item-article .link, .item-article.full-padding .link { margin-bottom: 12px; line-height: 26px; } @media only screen and (max-width: 459px) { .item-article .link, .item-article.full-padding .link { line-height: 22px; } } .item-article .link a, .item-article.full-padding .link a { font-family: Raleway, sans-serif; font-size: 20px; font-weight: 700; } @media only screen and (max-width: 459px) { .item-article .link a, .item-article.full-padding .link a { font-size: 18px; } } .item-article .header, .item-article.full-padding .header { color: #999; font-size: 12px; margin-bottom: 8px; letter-spacing: 1.0px; } .item-article .header .category, .item-article.full-padding .header .category { margin-right: 16px; text-transform: uppercase; } @media only screen and (max-width: 459px) { .item-article .header .category, .item-article.full-padding .header .category { display: block; margin-right: 0; margin-bottom: 4px; } } .item-article .header .data, .item-article.full-padding .header .data { font-size: 13px; letter-spacing: 0px; } @media only screen and (max-width: 459px) { .item-article .header .data, .item-article.full-padding .header .data { display: block; } } .item-article .description, .item-article.full-padding .description { line-height: 24px; font-size: 15px; } .item-article .img-items, .item-article.full-padding .img-items { display: block; top: 22px; right: 20px; width: 104px; height: 104px; border-radius: 100%; overflow: hidden; position: absolute; background-color: #ddd; } @media only screen and (max-width: 459px) { .item-article .img-items, .item-article.full-padding .img-items { position: static; width: 64px; height: 64px; } } .item-article .img-circle, .item-article.full-padding .img-circle { height: 104px; width: 100%; display: block; object-fit: cover; overflow: hidden; border-radius: 0; } @media only screen and (max-width: 459px) { .item-article .img-circle, .item-article.full-padding .img-circle { width: 64px; height: 64px; } } .item-article _:-ms-lang(x), .item-article .img-items, .item-article.full-padding _:-ms-lang(x), .item-article.full-padding .img-items { width: 104px; height: 104px; overflow: hidden; } .item-article .img-items :root img.img-circle, .item-article.full-padding .img-items :root img.img-circle { height: auto; width: auto; } .item-article .img-items _:-ms-lang(x), .item-article .img-items img.img-circle, .item-article.full-padding .img-items _:-ms-lang(x), .item-article.full-padding .img-items img.img-circle { height: 104px; width: auto; } .business .realty-rating { margin-bottom: 32px; } .business .realty-rating .heading-content { margin-bottom: 16px; } .business .realty-rating ul { margin: 16px 0; } .business .realty-rating li { border-bottom: 1px solid #e7e7e7; } .business .realty-rating li a { display: block; } .business .realty-rating li img { width: 24px; height: auto; vertical-align: middle; margin-right: 16px; } .business .realty-rating li .number { font-weight: 600; font-family: Raleway, sans-serif; font-size: 24px; margin-right: 16px; color: #2d2d2d; } .business .realty-rating li .name-company { text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; width: 190px; overflow: hidden; display: inline-block; } .business .realty-rating li:last-of-type { border-bottom: none; } .business .realty-rating li a:hover { cursor: pointer; text-decoration: none; } @media only screen and (max-width: 1011px) { .business .realty-rating { margin-top: 48px; margin-bottom: 8px; } .business .realty-rating ul { margin-bottom: 24px; } .business .realty-rating .h3 { font-size: 24px; } .business .realty-rating .name-company { font-size: 18px; } .business .realty-rating .read-more { text-align: center; font-size: 18px; display: block; width: auto; } } @media only screen and (max-width: 600px) { .business .realty-rating ul { margin-bottom: 0px; } } @media only screen and (max-width: 600px) { .business .realty-rating .read-more { background-color: #ffffff; padding-top: 19px; padding-bottom: 19px; font-family: 'Raleway', sans-serif; font-weight: 600; text-decoration: underline; border-top: 1px solid #e7e7e7; box-shadow: 0 1px 2px 0 #dddddd; } } .top-realty { margin-top: 0px; position: relative; } @media only screen and (max-width: 600px) { .top-realty { margin-top: 80px; padding-top: 20px; } } .top-realty .the-best-builders { overflow: auto; text-align: center; display: inline-block; width: auto; padding: 0 0 20px 0px; } .top-realty .the-best-builders .item { width: 170px; height: auto; float: none; display: inline-block !important; margin: 0 16px 16px 0; vertical-align: middle; } @media only screen and (max-width: 600px) { .top-realty .the-best-builders .item { margin: 0; } } .top-realty .the-best-builders .item .wrap-logo { display: inline-block; width: 170px; height: 170px; border-radius: 50%; border: 1px solid #e7e7e7; line-height: 170px; margin-bottom: 16px; } .top-realty .the-best-builders .item a { display: inline-block; vertical-align: middle; text-align: center; } .top-realty .the-best-builders .item a span { font-family: Raleway, sans-serif; color: #244696; font-weight: 600; } .top-realty .the-best-builders .item img { max-width: 112px; max-height: 70px; width: auto !important; height: auto; vertical-align: middle; display: inline-block !important; } .top-realty .the-best-builders .item:last-of-type { margin-right: 0; } .business .top-realty .h2 { padding: 32px 0; } @media only screen and (max-width: 600px) { .business .top-realty .h2 { padding: 16px 0; position: absolute; top: -64px; font-size: 24px; margin-left: 10px; } } @media only screen and (max-width: 320px) { .business .top-realty .h2 { top: -82px; text-align: left; } } .section.commercial-block { margin-bottom: 24px; position: relative; margin-top: 16px; } .section.commercial-block .main { padding: 0px 0; } .section.commercial-block .heading-content-attrs a { color: #777777; font-size: 14px; text-decoration: underline; letter-spacing: 0.5px; line-height: 19px; display: inline-block; } .section.commercial-block .heading-content-attrs a:hover { text-decoration: none; } .section.commercial-block .item { height: 471px; padding: 0 2px; overflow: hidden; } .section.commercial-block .item a { display: block; } .section.commercial-block .item a:hover { text-decoration: none; } .section.commercial-block .item a:hover .realty-post-title { text-decoration: underline; } .section.commercial-block .item a:hover .realty-preview { opacity: 0.8; } .section.commercial-block article { box-shadow: 0 1px 2px 0 #d4d4d4; height: 469px; overflow: hidden; position: relative; } .section.commercial-block article header { margin-bottom: 10px; } .section.commercial-block article header .realty-preview { overflow: hidden; width: 100%; text-align: center; display: block; margin: 0 auto; line-height: 0; height: 100%; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .section.commercial-block article header .realty-preview img { width: 100%; height: 100%; object-fit: cover; display: block; } .section.commercial-block article .realty-post { display: block; padding: 0 14px; } .section.commercial-block article .realty-post-title { font-size: 14px; font-weight: 600; display: block; } .section.commercial-block article .realty-post-title span { line-height: 16px; display: inline-block; } .section.commercial-block article .realty-post-teaser { display: block; font-size: 14px; color: #2d2d2d; line-height: 20px; font-family: "Roboto", sans-serif; font-weight: normal; text-decoration: none; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .section.commercial-block article footer.realty-post-details { position: absolute; bottom: 0; width: 100%; } .section.commercial-block article footer.realty-post-details .realty-post-location { background-color: white; margin: 0 14px; padding: 6px 0px; border-top: 1px solid #e7e7e7; color: #b1b1b1; font-size: 13px; position: relative; } .section.commercial-block article footer.realty-post-details .realty-post-location i { margin-left: -4px; } .section.commercial-block article footer.realty-post-details .realty-post-location:after { content: ""; position: absolute; width: 100%; left: 0; top: -65px; height: 64px; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } @media only screen and (max-width: 376px) { .section.commercial-block .heading-content-attrs, .section.commercial-block .heading-content { display: block; } .section.commercial-block .heading-content-attrs { text-align: left; margin-top: 8px; } } .section.commercial-block .item { height: 400px; } .section.commercial-block .item article { height: 400px; } .section.commercial-block .item article .realty-post-teaser { -webkit-line-clamp: 3; } @media only screen and (max-width: 1023px) and (min-width: 736px) { .section.commercial-block .item { height: 378px; } .section.commercial-block .item article { height: 376px; } } @media only screen and (max-width: 735px) and (min-width: 480px) { .section.commercial-block .item { height: 320px; } .section.commercial-block .item article { height: 318px; } .section.commercial-block .carusel .item { height: 380px; } .section.commercial-block .carusel .item article { height: 378px; } } @media only screen and (max-width: 479px) { .section.commercial-block .item { height: 328px; } .section.commercial-block .item article { height: 326px; } } @media only screen and (max-width: 479px) { .section.commercial-block .carusel .item { height: 406px; } .section.commercial-block .carusel .item article { height: 404px; } } body .js-connect { cursor: pointer; } body:after { content: ""; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } body.mask:after { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; position: fixed; z-index: 104; } .success-modal-title-block, .modal-title-block { position: relative; width: 100%; display: inline-block; } .success-modal-title, .modal-title { font-family: roboto,sans-serif; font-size: 16px; color: #2d2d2d; font-weight: 700; margin-bottom: 16px; display: inline-block; width: auto; line-height: 16px; } .success-modal-close, .modal-close { position: relative; display: block; float: right; width: 18px; height: 18px; } .success-modal-close span, .modal-close span { pointer-events: none; } .success-modal-close-line, .modal-close-line { width: 1px; height: 22px; position: absolute; top: 0; background: #2d2d2d; } .success-modal-close-line-left, .modal-close-line-left { left: 8px; transform: rotate(-45deg); } .success-modal-close-line-right, .modal-close-line-right { right: 9px; transform: rotate(45deg); } .success-modal.modal-show, .modal.modal-show, .modal-bonus.modal-show { top: 50%; z-index: 1005; } .success-modal, .modal-bonus { width: 300px; height: auto; position: fixed; top: -100%; left: 50%; margin-left: -150px; margin-top: -150px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); border-radius: 2px; background: #fff; padding: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .success-modal-title, .modal-bonus-title { font-family: "Roboto", sans-serif; font-size: 16px; color: #2d2d2d; font-weight: bold; margin-bottom: 16px; float: left; line-height: 16px; } .success-modal-title-block, .modal-bonus-title-block { position: relative; width: 100%; display: inline-block; } .success-modal-close, .modal-bonus-close { position: relative; display: block; float: right; width: 18px; height: 18px; } .success-modal-close-line, .modal-bonus-close-line { width: 1px; height: 22px; position: absolute; top: 0; background: #2d2d2d; } .success-modal-close-line-left, .modal-bonus-close-line-left { left: 8px; transform: rotate(-45deg); } .success-modal-close-line-right, .modal-bonus-close-line-right { right: 9px; transform: rotate(45deg); } .success-modal .form-control, .modal-bonus .form-control { width: 100%; display: block; border: 1px solid #e7e7e7; padding: 14px 10px; box-sizing: border-box; position: relative; font-size: 14px; color: #2b2b2b; line-height: 16px; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .success-modal .form-control:focus, .success-modal .form-control:active, .modal-bonus .form-control:focus, .modal-bonus .form-control:active { outline: none; border-color: #000; } .success-modal .form-group, .modal-bonus .form-group { position: relative; margin-bottom: 16px; width: 100%; } .success-modal .form-group .mfn-confirm, .modal-bonus .form-group .mfn-confirm { font-size: 13px; line-height: 1; } .success-modal .placeholder, .modal-bonus .placeholder { font-size: 14px; color: #777777; line-height: 16px; position: absolute; left: 10px; top: 50%; z-index: 1; margin-top: -8px; font-family: "Roboto", sans-serif; } .success-modal .asterisc, .modal-bonus .asterisc { color: #ff0000; padding-left: 3px; } .success-modal .success-modal-close-btn, .success-modal .btn-submit, .modal-bonus .success-modal-close-btn, .modal-bonus .btn-submit { width: 100%; background: #ff7500; border: none; color: #fff; font-weight: bold; font-family: "Roboto", sans-serif; line-height: 20px; padding: 15px 10px; position: relative; cursor: pointer; font-size: 16px; } .success-modal .success-modal-close-btn:focus, .success-modal .success-modal-close-btn:active, .success-modal .btn-submit:focus, .success-modal .btn-submit:active, .modal-bonus .success-modal-close-btn:focus, .modal-bonus .success-modal-close-btn:active, .modal-bonus .btn-submit:focus, .modal-bonus .btn-submit:active { outline: none; } .success-modal .form-control.inpError, .modal-bonus .form-control.inpError { border-color: #ff0000; } .success-modal .error-blloon, .modal-bonus .error-blloon { position: absolute; top: -7px; right: 10px; padding: 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #ff0000; background: linear-gradient(to top, #fff, #fff); line-height: 14px; -webkit-animation: fadeInRight .3s ease-out; animation: fadeInRight .3s ease-out; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .success-modal-h3 { font-family: "Raleway"; font-size: 18px; color: #2b2b2b; text-align: center; font-weight: 600; margin: 0 auto 12px; line-height: 22px; } .success-modal-close-btn { text-align: center; } .success-modal-text { font-family: "Roboto"; font-size: 14px; color: #2b2b2b; line-height: 16px; text-align: center; font-weight: 400; margin: 0 0 35px; } .success-modal-icon { text-align: center; margin: 16px auto 9px; } .realty-objects-block { margin-bottom: 32px; position: relative; } @media only screen and (max-width: 459px) { .realty-objects-block { margin-bottom: 4px; } } .realty-objects-block .main { padding: 0px 0 18px; } .realty-objects-block .heading-content-attrs a { color: #777777; font-size: 14px; text-decoration: underline; } .realty-objects-block .heading-content-attrs a:hover { text-decoration: none; } .realty-objects-block .item { height: auto; padding: 4px 2px 2px; min-height: 458px; } .realty-objects-block article { box-shadow: 0px 0px 4px 0px #d4d4d4; height: 100%; min-height: 456px; position: relative; color: #2d2d2d; overflow: hidden; } .realty-objects-block article header { margin-bottom: 12px; } .realty-objects-block article header .realty-preview { overflow: hidden; width: 100%; text-align: center; display: block; margin: 0 auto; line-height: 0; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .realty-objects-block article header .realty-preview:hover { opacity: 0.85; } .realty-objects-block article header .realty-preview:hover img { /* -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);*/ } .realty-objects-block article header .realty-preview img { width: 100%; height: 100%; /* transition: -webkit-transform 1.0s ease; transition: transform 1.0s ease;*/ } .realty-objects-block article .realty-post { padding: 0 12px; } .realty-objects-block article .realty-post-title { font-size: 16px; font-weight: 600; display: block; color: #2d2d2d; } .realty-objects-block article .realty-post-title span { line-height: 18px; display: inline-block; } .realty-objects-block article .realty-post-teaser { padding-top: 4px; font-size: 14px; } .realty-objects-block article .realty-post-details-top { height: 109px; overflow: hidden; font-size: 14px; margin: 4px 14px 0px; /* .position-address { font-size: 14px; display: table-cell; vertical-align: middle; height: 38px; }*/ } .realty-objects-block article .realty-post-details-top .metro { padding-left: 25px; position: relative; line-height: 1; display: inline-block; vertical-align: top; margin: 4px 0; } .realty-objects-block article .realty-post-details-top .metro .ico-metro { left: -1px; margin-top: -1px; } .realty-objects-block article .realty-post-details-top .metro.metro-green .ico-metro { fill: #239c13; } .realty-objects-block article .realty-post-details-top .metro.metro-red .ico-metro { fill: #d71d1d; } .realty-objects-block article .realty-post-details-top .metro.metro-blue .ico-metro { fill: #1435bc; } .realty-objects-block article .realty-post-details-top .realty-post-how-far { font-size: 12px; color: #b1b1b1; line-height: 16px; display: block; } .realty-objects-block article .realty-post-details-bottom { padding: 0 14px; margin-bottom: 12px; } .realty-objects-block article .realty-post-details-bottom .realty-connect { display: block; border-color: #62BB55; color: #62BB55; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .realty-objects-block article .realty-post-details-bottom .realty-connect:hover { border-color: #239c13; background-color: #239c13; color: #ffffff; } .realty-objects-block article .realty-post-details { position: absolute; bottom: 0; width: 100%; background-color: #ffffff; padding-top: 4px; } .realty-objects-block article .realty-post-details .realty-post-location { margin: 0px; padding: 6px 14px; border-top: 1px solid #e7e7e7; color: #b1b1b1; font-size: 13px; line-height: 1.1; } .realty-objects-block article .realty-post-details .realty-post-location i { margin-left: -4px; } .realty-objects-block article .realty-post-details .realty-post-location span { padding-right: 10px; margin-right: 8px; border-right: 1px solid #e7e7e7; vertical-align: middle; display: inline-block; max-width: 55%; } .realty-objects-block article .realty-post-details .realty-post-location span:last-child { padding-right: 0px; margin-right: 0px; border-right: 1px solid transparent; } @media only screen and (max-width: 376px) { .realty-objects-block article .realty-post-details .realty-post-location span { display: block; width: 100%; max-width: 100%; padding-right: 0px; margin-right: 0px; border-right: none; border-bottom: 1px solid #e7e7e7; padding-bottom: 2px; } .realty-objects-block article .realty-post-details .realty-post-location span:last-child { border: none; padding-top: 2px; } } .realty-objects.carusel .item { min-height: 502px; padding: 4px 2px 2px; } @media only screen and (min-width: 416px) and (max-width: 1100px) { .realty-objects.carusel .item { min-height: 432px; } } @media only screen and (max-width: 415px) { .realty-objects.carusel .item { min-height: 482px; } } .realty-objects.carusel article { min-height: 500px; } @media only screen and (min-width: 416px) and (max-width: 1100px) { .realty-objects.carusel article { min-height: 430px; } } @media only screen and (max-width: 415px) { .realty-objects.carusel article { min-height: 480px; } } .realty-objects.carusel .item header .realty-preview { height: auto; min-height: 200px; } @media only screen and (max-width: 415px) { .realty-objects.carusel .item header .realty-preview { height: auto; max-height: 250px; } } .realty-objects.carusel article .realty-post-details { background-color: #ffffff; padding-top: 4px; } .realty-objects.carusel article .realty-post-details:after { content: ""; position: absolute; width: 100%; left: 0; top: -38px; height: 40px; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .realty-objects.carusel .realty-post-details-top { padding: 2px 12px 0px; margin: 0; height: 96px; overflow: hidden; position: relative; } .realty-objects.carusel .realty-post-details-top svg { position: absolute; display: inline-block; width: 20px; height: 14px; top: 0%; transform: translateY(0%); margin: 0; } .realty-objects.carusel .position-address { display: block; height: auto; margin: 2px 0; line-height: 1.2; } /*$green: #57ab2e;*/ @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayRegular/RalewayRegular.ttf") format("truetype"), url("/fonts/raleway/RalewayRegular/RalewayRegular.eot") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.ttf") format("truetype"), url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.eot") format("truetype"), url("/fonts/raleway/RalewaySemiBold/RalewaySemiBold.woff") format("woff"), url("/fonts/raleway/RalewaySemiBold/Raleway-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayBold/RalewayBold.ttf") format("truetype"), url("/fonts/raleway/RalewayBold/RalewayBold.eot") format("truetype"), url("/fonts/raleway/RalewayBold/RalewayBold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.ttf") format("truetype"), url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.eot") format("truetype"), url("/fonts/raleway/RalewayExtraBold/RalewayExtraBold.woff") format("woff"); font-weight: 900; font-style: normal; } button { border-radius: 0px; } .button, .minicard .heading-content--button { font-family: "Roboto", sans-serif; padding: 0 14px; color: #244696; border: 1px solid #cbdaf4; text-align: center; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; background-color: transparent; display: inline-block; cursor: pointer; position: relative; border-radius: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .button.more, .minicard .more.heading-content--button { padding: 0 10px; height: 34px; line-height: 34px; margin-bottom: 4px; } .button.more svg, .minicard .more.heading-content--button svg { left: 0; margin-left: 8px; width: 16px; height: 8px; transform: translateY(-50%); fill: #244696; } .button.icon, .minicard .icon.heading-content--button { padding-left: 36px; } .button:hover, .minicard .heading-content--button:hover { background-color: #8daee7; border-color: #8daee7; color: #ffffff; } .button:hover svg, .minicard .heading-content--button:hover svg { fill: #ffffff; } .button--green { border-color: #239c13; color: #239c13; } .button--green:hover { border-color: #62BB55; background-color: #62BB55; color: #ffffff; text-decoration: none; } .button--red { border-color: #db0107; color: #db0107; } .button--red:hover { border-color: #db0107; background-color: #db0107; color: #ffffff; text-decoration: none; } .button--bg--red { border-color: #db0107; background-color: #db0107; color: #ffffff; } .button--bg--red:hover { background-color: transparent; border-color: #db0107; color: #db0107; } .button--bg--green--radius { border-color: #239c13; background-color: #239c13; color: #ffffff; border-radius: 2px; padding: 0 20px; } .button--bg--green--radius:hover { background-color: transparent; border-color: #239c13; color: #239c13; text-decoration: none; } .button--bg--green { border-color: #239c13; background-color: #239c13; color: #ffffff; } .button--bg--green:hover { background-color: transparent; border-color: #239c13; color: #239c13; } .button.star svg, .minicard .star.heading-content--button svg { stroke: #ff7500; width: 16px; left: 18px; height: 16px; margin-top: 0; fill: none; } .button.orange, .minicard .orange.heading-content--button { color: #ff7500; border-color: #ff7500; margin-right: 20px; margin-left: 37px; } .button.orange:hover, .minicard .orange.heading-content--button:hover { background-color: #ff7500; color: #ffffff; } .button.orange:hover svg, .minicard .orange.heading-content--button:hover svg { stroke: #ffffff; } .button.up svg, .minicard .up.heading-content--button svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -4px; } .button .search-icon svg, .minicard .heading-content--button .search-icon svg { width: 24px; height: 24px; } .button--filter { border: 1px solid #fee2e2; font-weight: normal; height: 36px; line-height: 35px; border-radius: 2px; padding: 0 10px; font-family: "Ralaway", sans-serif; } .button--filter.active, .button--filter:hover { background-color: #fee2e2; color: #df3014; border-color: #fee2e2; } .button.very-small, .minicard .very-small.heading-content--button { font-size: 12px; color: #244696; line-height: 23px; height: 24px; border-radius: 2px; padding: 0 8px; font-family: "Ralaway", sans-serif; } .button.very-small:hover, .minicard .very-small.heading-content--button:hover { border-color: #fee2e2; background-color: #fee2e2; color: #df3014; } .liquidation { font-family: "Roboto",sans-serif; color: #ffffff; text-align: center; padding: 0px 5px 1px; background: #df3115; border-radius: 2px; line-height: 17px; font-size: 13px; white-space: nowrap; margin-bottom: 8px; display: inline-block; } .label { font-family: "Roboto"; border-radius: 8px; text-align: center; padding: 0 4px; height: 15px; line-height: 12px; font-size: 12px; display: inline-block; } .label.green { color: #239c13; border: 1px solid #239c13; } .label.red { color: #db0107; border: 1px solid #db0107; } .label.tab { font-size: 16px; border-radius: 16px; color: #244696; line-height: 32px; height: 32px; padding: 0 12px; cursor: pointer; border: 1px solid transparent; } .label.tab:hover { text-decoration: underline; } .label.tab.active { color: #db0107; border: 1px solid #db0107; } .label.tab.active:hover { text-decoration: none; } .hashtag { display: inline-block; font-family: "Roboto"; padding: 0 8px; color: #5a79a5; border: 1px solid #cbdaf4; border-radius: 4px; text-align: center; font-size: 14px; height: 24px; line-height: 24px; margin: 0 8px 8px 0; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; vertical-align: middle; } .hashtag:hover { background-color: #8daee7; border-color: #8daee7; } .hashtag:hover a { color: #ffffff; text-decoration: none; } i.icon { display: inline-block; } .ico-svg { position: absolute; display: inline-block; width: 20px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .angle-right svg, .angle-left svg { width: 16px; height: 8px; } .angle-right svg, .button.more.angle-right svg, .minicard .more.angle-right.heading-content--button svg { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -moz-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .angle-left svg { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .button.icon-right, .minicard .icon-right.heading-content--button { padding-right: 32px; } .button.icon-right svg, .minicard .icon-right.heading-content--button svg { left: inherit; right: 8px; margin-top: 2px; } .button.icon-right.angle-right svg, .minicard .icon-right.angle-right.heading-content--button svg { height: 6px; right: 0; margin-top: 1px; } .c-danger, .block-danger { color: #db0107; background-color: #fee2e2; } .block-info { color: #2d2d2d; background-color: #ffedd4; border-radius: 4px; padding: 14px; font-family: 'Roboto'; font-size: 14px; margin-top: 8px; } .block-info--success { color: #239c13; background: #e4f8e2; border-radius: 4px; } .alert { padding: 12px 14px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; font-family: "Roboto Medium", sans-serif; font-size: 16px; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert .close { color: #155724; } * { padding: 0; margin: 0; box-sizing: border-box; } .no-display { display: none; } .mfz-main-header { margin-bottom: 0; } .mfm-aside-block { margin-bottom: 20px; } img { border: none; outline: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #777777; } ::-moz-placeholder { /* Firefox 19+ */ color: #777777; font-family: 'Roboto', sans-serif; } :-ms-input-placeholder { /* IE 10+ */ color: #777777; font-family: 'Roboto', sans-serif; } :-moz-placeholder { /* Firefox 18- */ color: #777777; font-family: 'Roboto', sans-serif; } .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 480px; overflow: hidden; margin: 0 auto; display: none; } @media only screen and (max-width: 800px) { .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 100%; display: block; } } .row { margin: 0 -16px; } @media only screen and (max-width: 459px) { .row { margin: 0 -10px; } } .col-3 { float: left; width: 33.3%; } .orange { color: #FF7500; } .orange svg { stroke: #FF7500; fill: transparent; } .orange:hover { fill: #FF7500; } .star-icon { position: relative; } a { color: #244696; font-family: 'Roboto', sans-serif; } .box-shadow { background-color: #fff; box-shadow: 0 0 2px 0 #dddddd; } .box-shadow--red { box-shadow: inset 0 2px 0 0 #df3014; } .h1, .h2, .h3, .h4 { font-family: 'Raleway', sans-serif; } .h1 { font-size: 30px; line-height: 35px; font-weight: 900; } @media only screen and (max-width: 459px) { .h1 { font-size: 24px; line-height: 30px; } } .h2 { font-size: 24px; line-height: 26px; font-weight: 700; } @media only screen and (max-width: 459px) { .h2 { font-size: 22px; line-height: 26px; } } .h3 { font-size: 18px; font-weight: 700; line-height: 30px; } @media only screen and (max-width: 459px) { .h3 { font-size: 16px; } } .h4 { font-size: 16px; font-weight: 700; line-height: 26px; } @media only screen and (max-width: 459px) { .h4 { font-size: 16px; } } .description { font-size: 12px; } .data { font-size: 13px; } .clear { clear: both; } .hidden { visibility: hidden; opacity: 0; height: 0; } .visibility { visibility: visible; opacity: 1; height: auto; } .default-padding { padding: 16px 16px 0px 16px; } @media only screen and (max-width: 459px) { .default-padding { padding: 10px 10px 0px 10px; } } .full-padding { padding: 16px; } @media only screen and (max-width: 459px) { .full-padding { padding: 10px; } } .padding-b-24 { padding-bottom: 24px; } .img-circle { width: 64px; height: 64px; background-image: url(""); background-size: cover; display: block; border-radius: 50%; background-position: 50%; } .section { clear: both; margin-bottom: 16px; } .main + .main { margin-top: 16px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .section-content, .business-content { margin-bottom: 16px; position: relative; } .section-content .bannerbar, .section-content .siderbar, .business-content .bannerbar, .business-content .siderbar { display: none; } .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: none; width: 100%; } .section-content.is-siderbar .siderbar .tags, .business-content.is-siderbar .siderbar .tags { padding-top: 0; } } .section-content.is-siderbar .siderbar .tags .h3, .business-content.is-siderbar .siderbar .tags .h3 { padding-bottom: 16px; } .section-content.is-siderbar .main, .business-content.is-siderbar .main { position: relative; margin-right: 320px; padding-right: 0; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 16px; } } @media only screen and (max-width: 459px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 0px; padding-right: 10px; } } .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: -70px; position: relative; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: 0; } } .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: none; } .section-content.is-banner .bannerbar .bannerbar-show, .business-content.is-banner .bannerbar .bannerbar-show { display: block; text-align: center; } } .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 320px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 0; } } .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .section-content .all-news .title, .business-content .all-news .title { font-weight: 600; font-size: 16px; padding: 0 16px 14px 16px; } @media only screen and (max-width: 1011px) { .section-content .all-news .columns, .business-content .all-news .columns { padding-top: 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; position: relative; } .section-content .all-news .title, .business-content .all-news .title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 24px; padding: 0; margin-top: -8px; } } @media only screen and (max-width: 459px) { .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } .section-content .all-news .item .data, .business-content .all-news .item .data { display: block; } .section-content .all-news .item:last-of-type, .business-content .all-news .item:last-of-type { border-bottom: none; } section.inside .all-news { padding-top: 0; } section.inside .box-shadow { padding: 0 16px; } @media only screen and (max-width: 759px) { section.inside .box-shadow { padding: 0 10px; } } section.inside .h1, section.inside .h2 { margin: 32px 0 24px; } aside { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; z-index: 1; } aside .mfm-col-aside { float: none; margin: 0 auto; } @media only screen and (max-width: 1011px) { aside { position: relative; width: 100%; /* only test */ } aside .banner { display: none; } } aside .all-news.section.inside .h2 { margin: -16px 0 24px; } @media only screen and (min-width: 1012px) { aside .all-news.section.inside .h2 { font-size: 16px; margin: 16px 0 8px; } } .heading-content { display: table; width: 100%; margin-bottom: 14px; } @media only screen and (max-width: 459px) { .heading-content { margin-bottom: 16px; padding: 0 10px; } } .heading-content .guides-tab-menu { display: inline-block; vertical-align: bottom; } .heading-content .guides-tab-menu .tab-selected { display: none; visibility: hidden; cursor: pointer; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu { display: inline-block; float: right; margin: 0px 10px 0 0; } .heading-content .guides-tab-menu .tab-selected { visibility: visible; display: block; font-weight: 500; color: #777777; background: transparent; border: 1px solid #CBDAF4; width: 40px; height: 40px; line-height: 40px; padding: 0 12px; position: relative; } .heading-content .guides-tab-menu .tab-selected svg { position: absolute; display: inline-block; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .heading-content .guides-tab-menu .tab-selected:hover { background-color: #8DAEE7; border-color: #8DAEE7; } .heading-content .guides-tab-menu .tab-selected:hover svg { fill: #fff; } .heading-content .guides-tab-menu .tab-selected.clicked { background-color: #244696; border-color: #244696; } .heading-content .guides-tab-menu .tab-selected.clicked svg { fill: #fff; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu { display: none; border: 1px solid #E7E7E7; border-radius: 4px 0 4px 4px; background-color: #fff; position: absolute; width: 200px; box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.2); z-index: 2; right: 0; } } .heading-content .guides-tab-menu .tab-menu li { display: inline-block; text-align: left; } .heading-content .guides-tab-menu .tab-menu li:last-of-type { margin-right: 0; } .heading-content .guides-tab-menu .tab-menu li.active { color: #D72B27; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active { border: none; border-bottom: 1px solid #E7E7E7; } } .heading-content .guides-tab-menu .tab-menu li.active a { color: #D72B27; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active a { border: none; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li { display: block; font-size: 16px; height: 48px; line-height: 48px; border-radius: 0; border-bottom: 1px solid #E7E7E7; } .heading-content .guides-tab-menu .tab-menu li:last-child { border-bottom: none; } } .header-category { font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 600; } .heading-content-title { display: table-cell; vertical-align: middle; } .heading-content-title .h1 { margin-right: 32px; display: inline-block; width: auto; } .heading-content-title .h1.header-icon { margin-right: 0px; } .heading-content-attrs { display: table-cell; text-align: right; vertical-align: middle; } .pull-right { float: right; } .main .news .title { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #434343; line-height: 1; border-bottom: 1px solid #E7E7E7; } @media only screen and (max-width: 459px) { .main .news .title { display: none; } } .main .news .title { padding-bottom: 16px; } .main .news .all-news .data { color: #B1B1B1; display: block; width: 88px; float: left; margin: 0; } @media only screen and (max-width: 459px) { .main .news .all-news .data { float: none; } } .main .news .all-news .items { margin: 0px 0 16px; } @media only screen and (max-width: 459px) { .main .news .all-news .items { border-bottom: 1px solid #E7E7E7; margin-bottom: 8px; } } .main .news .all-news .item { list-style-type: none; border-bottom: none; margin: 16px 0; } .main .news .all-news .item .link { position: relative; margin: 0; margin-left: 85px; display: block; line-height: 16px; } @media only screen and (max-width: 459px) { .main .news .all-news .item .link { margin-left: 0; padding-top: 4px; } } .main .news .all-news .item .link a { font-size: 14px; } .main .js-news.non-more-show { padding-bottom: 24px; } .main .js-news.non-more-show .more-show { display: none; } @media only screen and (max-width: 459px) { .main .js-news.non-more-show .all-news .items { border-bottom: none; margin-bottom: 0px; } } .main .js-news .item:nth-of-type(n+6) { display: none; } @media only screen and (max-width: 800px) { .main .js-news .item:nth-of-type(n+4) { display: none; } } .main .js-news .item.visible { display: block; } .section .more-show, .main .more-show { text-align: left; padding-top: 12px; padding-bottom: 14px; } .section .more-show a, .main .more-show a { font-family: "Raleway", sans-serif; text-decoration: underline; display: block; font-size: 16px; height: 36px; line-height: 36px; font-weight: 600; } .section .more-show:hover a, .main .more-show:hover a { text-decoration: none; } .section .more-show.center, .main .more-show.center { text-align: center; padding-left: 0; border-top: 1px solid #E7E7E7; } .section .more-show.center a, .main .more-show.center a { display: inline-block; } .section .more-show.center a:hover, .main .more-show.center a:hover { text-decoration: none; } .section .more-show .button + a, .section .more-show .minicard .heading-content--button + a, .minicard .section .more-show .heading-content--button + a, .main .more-show .button + a, .main .more-show .minicard .heading-content--button + a, .minicard .main .more-show .heading-content--button + a { display: none; } .section .more-show .button.hidden + a, .section .more-show .minicard .hidden.heading-content--button + a, .minicard .section .more-show .hidden.heading-content--button + a, .main .more-show .button.hidden + a, .main .more-show .minicard .hidden.heading-content--button + a, .minicard .main .more-show .hidden.heading-content--button + a { font-size: 14px; font-weight: bold; font-family: "Roboto", sans-serif; display: inline-block; text-decoration: none; } .section .more-show .more-download, .main .more-show .more-download { position: relative; padding-left: 34px; text-decoration: none; } .section .more-show .more-download svg, .main .more-show .more-download svg { fill: #244696; position: absolute; display: inline-block; width: 24px; height: 23px; top: 50%; left: 0; transform: translateY(-50%); } .section .more-show .more-download.big-button, .main .more-show .more-download.big-button { border: 1px solid #cbdaf3; height: 55px; line-height: 55px; padding: 0 16px 0 48px; border-radius: 25px; position: relative; z-index: 1; } .section .more-show .more-download.big-button svg, .main .more-show .more-download.big-button svg { left: 16px; } .section .more-show.row, .main .more-show.row { border-top: 1px solid #E7E7E7; } .section .news .more-show, .main .news .more-show { padding-left: 88px; padding-top: 0; } .section .labels, .main .labels { margin-bottom: 8px; } .section .labels ul, .main .labels ul { display: inline-block; vertical-align: middle; } .section .labels ul li, .main .labels ul li { display: inline-block; margin-right: 4px; vertical-align: middle; } .section .labels .cat, .main .labels .cat { white-space: nowrap; } .section .labels .cat a, .main .labels .cat a { color: #777777; font-size: 12px; } .c-wrapper--mg-16 { margin-bottom: 16px; } .c-wrapper--rtop { border-radius: 4px 4px 0 0; } .is-active { color: #D72B27; text-decoration: none; } .mask { position: relative; opacity: 1; -webkit-transition: opacity 0.63s; -moz-transition: opacity 0.63s; -ms-transition: opacity 0.63s; -o-transition: opacity 0.63s; transition: opacity 0.63s; overflow: hidden; } .mask:before { background: rgba(0, 0, 0, 0.4); z-index: 900; position: fixed; content: ''; height: 100vh; width: 100%; opacity: 1; } @media only screen and (max-width: 687px) { .mobile-hide { display: none; } } * { padding: 0; margin: 0; box-sizing: border-box; } .no-display { display: none; } .mfz-main-header { margin-bottom: 0; } .mfm-aside-block { margin-bottom: 20px; } img { border: none; outline: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #777777; } ::-moz-placeholder { /* Firefox 19+ */ color: #777777; font-family: 'Roboto', sans-serif; } :-ms-input-placeholder { /* IE 10+ */ color: #777777; font-family: 'Roboto', sans-serif; } :-moz-placeholder { /* Firefox 18- */ color: #777777; font-family: 'Roboto', sans-serif; } .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 480px; overflow: hidden; margin: 0 auto; display: none; } @media only screen and (max-width: 800px) { .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 100%; display: block; } } .row { margin: 0 -16px; } @media only screen and (max-width: 459px) { .row { margin: 0 -10px; } } .col-3 { float: left; width: 33.3%; } .orange { color: #FF7500; } .orange svg { stroke: #FF7500; fill: transparent; } .orange:hover { fill: #FF7500; } .star-icon { position: relative; } a { color: #244696; font-family: 'Roboto', sans-serif; } .box-shadow { background-color: #fff; box-shadow: 0 0 2px 0 #dddddd; } .box-shadow--red { box-shadow: inset 0 2px 0 0 #df3014; } .h1, .h2, .h3, .h4 { font-family: 'Raleway', sans-serif; } .h1 { font-size: 30px; line-height: 35px; font-weight: 900; } @media only screen and (max-width: 459px) { .h1 { font-size: 24px; line-height: 30px; } } .h2 { font-size: 24px; line-height: 26px; font-weight: 700; } @media only screen and (max-width: 459px) { .h2 { font-size: 22px; line-height: 26px; } } .h3 { font-size: 18px; font-weight: 700; line-height: 30px; } @media only screen and (max-width: 459px) { .h3 { font-size: 16px; } } .h4 { font-size: 16px; font-weight: 700; line-height: 26px; } @media only screen and (max-width: 459px) { .h4 { font-size: 16px; } } .description { font-size: 12px; } .data { font-size: 13px; } .clear { clear: both; } .hidden { visibility: hidden; opacity: 0; height: 0; } .visibility { visibility: visible; opacity: 1; height: auto; } .default-padding { padding: 16px 16px 0px 16px; } @media only screen and (max-width: 459px) { .default-padding { padding: 10px 10px 0px 10px; } } .full-padding { padding: 16px; } @media only screen and (max-width: 459px) { .full-padding { padding: 10px; } } .padding-b-24 { padding-bottom: 24px; } .img-circle { width: 64px; height: 64px; background-image: url(""); background-size: cover; display: block; border-radius: 50%; background-position: 50%; } .section { clear: both; margin-bottom: 16px; } .main + .main { margin-top: 16px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .section-content, .business-content { margin-bottom: 16px; position: relative; } .section-content .bannerbar, .section-content .siderbar, .business-content .bannerbar, .business-content .siderbar { display: none; } .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: none; width: 100%; } .section-content.is-siderbar .siderbar .tags, .business-content.is-siderbar .siderbar .tags { padding-top: 0; } } .section-content.is-siderbar .siderbar .tags .h3, .business-content.is-siderbar .siderbar .tags .h3 { padding-bottom: 16px; } .section-content.is-siderbar .main, .business-content.is-siderbar .main { position: relative; margin-right: 320px; padding-right: 0; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 16px; } } @media only screen and (max-width: 459px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 0px; padding-right: 10px; } } .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: -70px; position: relative; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: 0; } } .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: none; } .section-content.is-banner .bannerbar .bannerbar-show, .business-content.is-banner .bannerbar .bannerbar-show { display: block; text-align: center; } } .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 320px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 0; } } .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .section-content .all-news .title, .business-content .all-news .title { font-weight: 600; font-size: 16px; padding: 0 16px 14px 16px; } @media only screen and (max-width: 1011px) { .section-content .all-news .columns, .business-content .all-news .columns { padding-top: 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; position: relative; } .section-content .all-news .title, .business-content .all-news .title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 24px; padding: 0; margin-top: -8px; } } @media only screen and (max-width: 459px) { .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } .section-content .all-news .item .data, .business-content .all-news .item .data { display: block; } .section-content .all-news .item:last-of-type, .business-content .all-news .item:last-of-type { border-bottom: none; } section.inside .all-news { padding-top: 0; } section.inside .box-shadow { padding: 0 16px; } @media only screen and (max-width: 759px) { section.inside .box-shadow { padding: 0 10px; } } section.inside .h1, section.inside .h2 { margin: 32px 0 24px; } aside { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; z-index: 1; } aside .mfm-col-aside { float: none; margin: 0 auto; } @media only screen and (max-width: 1011px) { aside { position: relative; width: 100%; /* only test */ } aside .banner { display: none; } } aside .all-news.section.inside .h2 { margin: -16px 0 24px; } @media only screen and (min-width: 1012px) { aside .all-news.section.inside .h2 { font-size: 16px; margin: 16px 0 8px; } } .heading-content { display: table; width: 100%; margin-bottom: 14px; } @media only screen and (max-width: 459px) { .heading-content { margin-bottom: 16px; padding: 0 10px; } } .heading-content .guides-tab-menu { display: inline-block; vertical-align: bottom; } .heading-content .guides-tab-menu .tab-selected { display: none; visibility: hidden; cursor: pointer; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu { display: inline-block; float: right; margin: 0px 10px 0 0; } .heading-content .guides-tab-menu .tab-selected { visibility: visible; display: block; font-weight: 500; color: #777777; background: transparent; border: 1px solid #CBDAF4; width: 40px; height: 40px; line-height: 40px; padding: 0 12px; position: relative; } .heading-content .guides-tab-menu .tab-selected svg { position: absolute; display: inline-block; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .heading-content .guides-tab-menu .tab-selected:hover { background-color: #8DAEE7; border-color: #8DAEE7; } .heading-content .guides-tab-menu .tab-selected:hover svg { fill: #fff; } .heading-content .guides-tab-menu .tab-selected.clicked { background-color: #244696; border-color: #244696; } .heading-content .guides-tab-menu .tab-selected.clicked svg { fill: #fff; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu { display: none; border: 1px solid #E7E7E7; border-radius: 4px 0 4px 4px; background-color: #fff; position: absolute; width: 200px; box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.2); z-index: 2; right: 0; } } .heading-content .guides-tab-menu .tab-menu li { display: inline-block; text-align: left; } .heading-content .guides-tab-menu .tab-menu li:last-of-type { margin-right: 0; } .heading-content .guides-tab-menu .tab-menu li.active { color: #D72B27; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active { border: none; border-bottom: 1px solid #E7E7E7; } } .heading-content .guides-tab-menu .tab-menu li.active a { color: #D72B27; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active a { border: none; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li { display: block; font-size: 16px; height: 48px; line-height: 48px; border-radius: 0; border-bottom: 1px solid #E7E7E7; } .heading-content .guides-tab-menu .tab-menu li:last-child { border-bottom: none; } } .header-category { font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 600; } .heading-content-title { display: table-cell; vertical-align: middle; } .heading-content-title .h1 { margin-right: 32px; display: inline-block; width: auto; } .heading-content-title .h1.header-icon { margin-right: 0px; } .heading-content-attrs { display: table-cell; text-align: right; vertical-align: middle; } .pull-right { float: right; } .main .news .title { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #434343; line-height: 1; border-bottom: 1px solid #E7E7E7; } @media only screen and (max-width: 459px) { .main .news .title { display: none; } } .main .news .title { padding-bottom: 16px; } .main .news .all-news .data { color: #B1B1B1; display: block; width: 88px; float: left; margin: 0; } @media only screen and (max-width: 459px) { .main .news .all-news .data { float: none; } } .main .news .all-news .items { margin: 0px 0 16px; } @media only screen and (max-width: 459px) { .main .news .all-news .items { border-bottom: 1px solid #E7E7E7; margin-bottom: 8px; } } .main .news .all-news .item { list-style-type: none; border-bottom: none; margin: 16px 0; } .main .news .all-news .item .link { position: relative; margin: 0; margin-left: 85px; display: block; line-height: 16px; } @media only screen and (max-width: 459px) { .main .news .all-news .item .link { margin-left: 0; padding-top: 4px; } } .main .news .all-news .item .link a { font-size: 14px; } .main .js-news.non-more-show { padding-bottom: 24px; } .main .js-news.non-more-show .more-show { display: none; } @media only screen and (max-width: 459px) { .main .js-news.non-more-show .all-news .items { border-bottom: none; margin-bottom: 0px; } } .main .js-news .item:nth-of-type(n+6) { display: none; } @media only screen and (max-width: 800px) { .main .js-news .item:nth-of-type(n+4) { display: none; } } .main .js-news .item.visible { display: block; } .section .more-show, .main .more-show { text-align: left; padding-top: 12px; padding-bottom: 14px; } .section .more-show a, .main .more-show a { font-family: "Raleway", sans-serif; text-decoration: underline; display: block; font-size: 16px; height: 36px; line-height: 36px; font-weight: 600; } .section .more-show:hover a, .main .more-show:hover a { text-decoration: none; } .section .more-show.center, .main .more-show.center { text-align: center; padding-left: 0; border-top: 1px solid #E7E7E7; } .section .more-show.center a, .main .more-show.center a { display: inline-block; } .section .more-show.center a:hover, .main .more-show.center a:hover { text-decoration: none; } .section .more-show .button + a, .section .more-show .minicard .heading-content--button + a, .minicard .section .more-show .heading-content--button + a, .main .more-show .button + a, .main .more-show .minicard .heading-content--button + a, .minicard .main .more-show .heading-content--button + a { display: none; } .section .more-show .button.hidden + a, .section .more-show .minicard .hidden.heading-content--button + a, .minicard .section .more-show .hidden.heading-content--button + a, .main .more-show .button.hidden + a, .main .more-show .minicard .hidden.heading-content--button + a, .minicard .main .more-show .hidden.heading-content--button + a { font-size: 14px; font-weight: bold; font-family: "Roboto", sans-serif; display: inline-block; text-decoration: none; } .section .more-show .more-download, .main .more-show .more-download { position: relative; padding-left: 34px; text-decoration: none; } .section .more-show .more-download svg, .main .more-show .more-download svg { fill: #244696; position: absolute; display: inline-block; width: 24px; height: 23px; top: 50%; left: 0; transform: translateY(-50%); } .section .more-show .more-download.big-button, .main .more-show .more-download.big-button { border: 1px solid #cbdaf3; height: 55px; line-height: 55px; padding: 0 16px 0 48px; border-radius: 25px; position: relative; z-index: 1; } .section .more-show .more-download.big-button svg, .main .more-show .more-download.big-button svg { left: 16px; } .section .more-show.row, .main .more-show.row { border-top: 1px solid #E7E7E7; } .section .news .more-show, .main .news .more-show { padding-left: 88px; padding-top: 0; } .section .labels, .main .labels { margin-bottom: 8px; } .section .labels ul, .main .labels ul { display: inline-block; vertical-align: middle; } .section .labels ul li, .main .labels ul li { display: inline-block; margin-right: 4px; vertical-align: middle; } .section .labels .cat, .main .labels .cat { white-space: nowrap; } .section .labels .cat a, .main .labels .cat a { color: #777777; font-size: 12px; } .c-wrapper--mg-16 { margin-bottom: 16px; } .c-wrapper--rtop { border-radius: 4px 4px 0 0; } .is-active { color: #D72B27; text-decoration: none; } .mask { position: relative; opacity: 1; -webkit-transition: opacity 0.63s; -moz-transition: opacity 0.63s; -ms-transition: opacity 0.63s; -o-transition: opacity 0.63s; transition: opacity 0.63s; overflow: hidden; } .mask:before { background: rgba(0, 0, 0, 0.4); z-index: 900; position: fixed; content: ''; height: 100vh; width: 100%; opacity: 1; } @media only screen and (max-width: 687px) { .mobile-hide { display: none; } } .center { text-align: center; } .pull-right { float: right; } .pull-left { float: left; } .main-title { padding-bottom: 24px; } .header-icon i, .h1 i { display: inline; right: -3px; top: 4px; position: relative; vertical-align: middle; } @media only screen and (max-width: 1011px) { .header-icon i, .h1 i { display: inline; vertical-align: top; } } .header-icon i svg, .h1 i svg { stroke: #ff7500; width: 20px; height: 20px; fill: none; left: 0; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: static; } .main-new { height: 290px; position: relative; overflow: hidden; } @media only screen and (max-width: 459px) { .main-new { height: auto; } } .main-new > a { display: block; } .main-new .big-bg { background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; } @media only screen and (max-width: 459px) { .main-new .big-bg { width: 64px; height: 64px; display: block; border-radius: 50%; background-position: 50% 50%; float: left; margin: 16px 10px; position: relative; } } .main-new .big-bg:after, .main-new .big-bg:before { position: absolute; display: block; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 1; } @media only screen and (max-width: 459px) { .main-new .big-bg:after, .main-new .big-bg:before { display: none; } } .main-new .big-bg:after { transition: -webkit-transform 1.5s ease; transition: background-color 1.5s ease; background-color: rgba(0, 0, 0, 0.5); } .main-new .big-bg:before { background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.75) 100%); } .main-new .description { padding: 16px; position: absolute; bottom: 0; left: 0; color: #ffffff; z-index: 3; display: block; } @media only screen and (max-width: 459px) { .main-new .description { position: relative; margin-left: 70px; padding-bottom: 0; } } .main-new .description .data { color: rgba(255, 255, 255, 0.8); font-size: 14px; margin-bottom: 4px; display: block; } @media only screen and (max-width: 459px) { .main-new .description .data { color: #b1b1b1; font-size: 13px; } } .main-new .description .h2 { text-shadow: 0 1px 0 #3c3c3c; line-height: 1.4; font-family: 'Raleway', sans-serif; color: #ffffff; border-bottom: 1px solid #db0107; } @media only screen and (max-width: 459px) { .main-new .description .h2 { line-height: 18px; text-shadow: none; } } @media only screen and (max-width: 459px) { .main-new .description .h2 { color: #244696; font-size: 16px; border-bottom: none; font-weight: 900; } } .main-new .description:hover { text-decoration: none; border-bottom: none; } .main-new > a:hover { text-decoration: none; } .main-new > a:hover .big-bg { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @media only screen and (max-width: 459px) { .main-new > a:hover .big-bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .main-new > a:hover .big-bg:after { background-color: rgba(0, 0, 0, 0.6); } .main-new > a:hover .h2 { border-color: transparent; } @media only screen and (max-width: 459px) { .main-new > a:hover .h2 { text-decoration: underline; } } .main-new > a:hover .data { text-decoration: none; } .section-news { margin-top: 16px; } .section-news .pagination { margin: 24px auto 12px; } @media only screen and (max-width: 1011px) { .section-news aside { display: none; } } .section-news .news .all-news .items { border-top: none; border-bottom: 1px solid #e7e7e7; padding: 0 0 36px 0; } @media only screen and (max-width: 459px) { .section-news .news .all-news .items { padding-bottom: 24px; } } .section-news .news .all-news .day-news { font-family: Raleway; font-weight: 600; font-size: 18px; color: #434343; margin: 16px 0 8px 0; text-transform: capitalize; } @media only screen and (max-width: 459px) { .section-news .news .all-news .day-news { padding-left: 10px; padding-bottom: 4px; } } .section-news .news .all-news .day-news:first-of-type { margin-top: 0; } @media only screen and (max-width: 459px) { .section-news .news .all-news .day-news:first-of-type { margin-top: 6px; } } .content-guide { padding: 8px 0; line-height: 120%; } .content-guide .guide-text { color: #1b1b1b; font-size: 14px; margin-top: 4px; } .columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; position: relative; } @media only screen and (max-width: 459px) { .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } } .columns .item { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-bottom: none; border-top: 1px solid #e7e7e7; } .columns .item.img .img-guide { float: left; margin: 8px 16px 8px 0; } .columns .item.img .content-guide { position: relative; margin-left: 80px; } .columns .category { padding-bottom: 0; padding-top: 16px; line-height: 27px; } .columns .category + .item { border: none; } .columns .category:first-child { padding-top: 0; } .columns:before { content: ''; width: 100%; height: 2px; position: absolute; background-color: white; top: 0; left: 0; } @media only screen and (max-width: 800px) { .columns:before { width: 100vw; left: -10px; } } .columns.one-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .heading-content { display: table; width: 100%; margin: 20px 0 24px; } @media only screen and (max-width: 459px) { .heading-content { margin-bottom: 16px; padding: 0 10px; } } .heading-content .guides-tab-menu { display: inline-block; vertical-align: bottom; } .heading-content .guides-tab-menu .tab-selected { display: none; visibility: hidden; cursor: pointer; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu { display: inline-block; float: right; margin: 0px 10px 0 0; } .heading-content .guides-tab-menu .tab-selected { visibility: visible; display: block; font-weight: 500; color: #777777; background: transparent; border: 1px solid #cbdaf4; width: 40px; height: 40px; line-height: 40px; padding: 0 12px; position: relative; } .heading-content .guides-tab-menu .tab-selected svg { position: absolute; display: inline-block; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .heading-content .guides-tab-menu .tab-selected:hover { background-color: #8daee7; border-color: #8daee7; } .heading-content .guides-tab-menu .tab-selected:hover svg { fill: #ffffff; } .heading-content .guides-tab-menu .tab-selected.clicked { background-color: #244696; border-color: #244696; } .heading-content .guides-tab-menu .tab-selected.clicked svg { fill: #ffffff; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu { display: none; border: 1px solid #e7e7e7; border-radius: 4px 0 4px 4px; background-color: #fff; position: absolute; width: 200px; box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.2); z-index: 2; right: 0; } } .heading-content .guides-tab-menu .tab-menu li { display: inline-block; text-align: left; } .heading-content .guides-tab-menu .tab-menu li:last-of-type { margin-right: 0; } .heading-content .guides-tab-menu .tab-menu li.active { color: #db0107; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active { border: none; border-bottom: 1px solid #e7e7e7; } } .heading-content .guides-tab-menu .tab-menu li.active a { color: #db0107; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active a { border: none; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li { display: block; font-size: 16px; height: 48px; line-height: 48px; border-radius: 0; border-bottom: 1px solid #e7e7e7; } .heading-content .guides-tab-menu .tab-menu li:last-child { border-bottom: none; } } .header-category { font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 600; } .heading-content-title { display: table-cell; vertical-align: middle; } .heading-content-title .h1 { margin-right: 32px; display: inline-block; width: auto; } .heading-content-title .h1.header-icon { margin-right: 0px; } .heading-content-attrs { display: table-cell; text-align: right; vertical-align: middle; } .tags-links { word-spacing: -4px; } .tags-links .hashtag { display: inline-block; } .tags-links .hashtag:nth-child(n+10) { display: none; } @media only screen and (max-width: 800px) { .tags-links .hashtag:nth-child(n+8) { display: none; } } .tags-links .hashtag a { word-spacing: normal; color: #5a79a5; } .section .tags .more-show { text-align: left; padding-left: 0; } @media only screen and (max-width: 459px) { .items { margin: 0 -10px; } } .items .item { margin: 8px 0; border-bottom: 1px solid #e7e7e7; } @media only screen and (max-width: 459px) { .items .item { padding: 0px 10px; } .items .item:first-of-type { marging-top: 0; } .items .item:last-of-type { margin-bottom: 27px; } } .items .item .data { color: #777777; margin: 8px 0; } .items .item .link { line-height: 120%; } .items .item .tags { margin-top: 16px; } .items .item .source { font-size: 12px; color: #777777; line-height: 16px; margin-top: 8px; } @media only screen and (max-width: 459px) { .section.news .more-show { width: 100%; text-align: center; padding: 8px 0; } .section.news .more-show .button, .section.news .more-show .minicard .heading-content--button, .minicard .section.news .more-show .heading-content--button { border: none; } } .section.guides .more-show { margin-top: 16px; } @media only screen and (max-width: 1011px) { .section.docs-table .heading-content-title { display: table; } } .section.docs-table .header-icon i { display: none; } @media only screen and (max-width: 1011px) { .section.docs-table .header-icon i { display: inline-block; } } @media only screen and (max-width: 1011px) { .section.docs-table .button.orange, .section.docs-table .minicard .orange.heading-content--button, .minicard .section.docs-table .orange.heading-content--button { display: none; } } @media only screen and (max-width: 1011px) { .section.docs-table .button.full-calendar, .section.docs-table .minicard .full-calendar.heading-content--button, .minicard .section.docs-table .full-calendar.heading-content--button { display: none; } } .section.docs-table table { border-collapse: collapse; width: 100%; border: none; } @media only screen and (max-width: 459px) { .section.docs-table thead { display: none; } } .section.docs-table thead tr { border-bottom: 1px solid #e7e7e7; } .section.docs-table thead td { font-family: 'Raleway', sans-serif; font-weight: 600; color: #434343; } .section.docs-table tbody tr { border-bottom: 1px solid #e7e7e7; } .section.docs-table tbody tr:last-child { border-bottom: none; } .section.docs-table tbody tr .header { font-weight: 700; } .section.docs-table tbody tr .events { margin-top: 8px; } .section.docs-table tbody tr .events li { margin-bottom: 8px; } .section.docs-table tbody tr .events li i { position: relative; display: table-cell; width: 24px; height: 22px; float: left; } .section.docs-table tbody tr .events li i svg { height: 22px; width: 16px; left: 0px; top: 0px; fill: #244696; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (max-width: 459px) { .section.docs-table tbody tr .events li i svg { top: 4px; } } .section.docs-table tbody tr .events li span { display: table-cell; vertical-align: top; } .section.docs-table td { border-right: 1px solid #e7e7e7; padding: 12px 16px; font-size: 14px; font-family: 'Roboto', sans-serif; } @media only screen and (max-width: 459px) { .section.docs-table td { display: inline-block; border-right: 0; } } .section.docs-table td:last-child { border-bottom: none; } .section.docs-table td:first-child { width: 150px; text-align: center; } @media only screen and (max-width: 459px) { .section.docs-table td:first-child { text-align: left; width: 100%; padding-bottom: 0; } } .section.docs-table td .day { color: #777777; font-size: 14px; } @media only screen and (max-width: 459px) { .section.docs-table td .day { display: inline-block; } } .section.docs-table td .data { font-weight: 600; font-size: 14px; } @media only screen and (max-width: 459px) { .section.docs-table td .data { display: inline-block; color: #777777; font-weight: 400; } } .section.docs-table td a { font-size: 14px; font-family: 'Roboto', sans-serif; display: table; } .search-activated { overflow: hidden; } .bottom-padding { padding-bottom: 16px; } .section .more-show.ln-grad { padding-bottom: 32px; position: relative; } .section .more-show.ln-grad:after { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 270px; content: ''; background-image: linear-gradient(-180deg, rgba(238, 238, 238, 0) 0%, #ffffff 63%); z-index: 0; } .b-realty { text-align: center; } .b-realty a { display: block; background-image: url("/i/banners/realty/realty.gif"); background-size: cover; height: 80px; max-width: 981px; width: auto; margin: 0 auto; } .b-realty img { object-fit: cover; max-width: 100%; width: auto; height: 80px; object-position: 0 0; } @media only screen and (max-width: 1011px) { .sticky-wrapper { display: none; } } .business .search-box .heading-content-attrs { min-width: 380px; } @media only screen and (max-width: 1012px) { .business .search-box { display: block; } .business .search-box > div { display: block; } .business .search-box .form-group { margin-top: 0px; } .business .search-box .heading-content-title { margin: 0 -10px; } .business .search-box .result-search { float: none; } } @media only screen and (max-width: 1012px) and (max-width: 700px) { .business .search-box .result-search { display: none; } } .business .search-box.heading-content .guides-tab-menu { margin-top: 0; } .section.commercial-block .main > .carusel, .section.realty-objects-block .main > .carusel { margin: 0 48px; position: relative; padding: 16px 0; } .section.commercial-block .main > .carusel .owl-prev, .section.commercial-block .main > .carusel .owl-next, .section.realty-objects-block .main > .carusel .owl-prev, .section.realty-objects-block .main > .carusel .owl-next { width: 37px; height: 100%; position: absolute; top: 0; left: 0; margin-left: 0px; display: block !important; border: none; z-index: 2; } .section.commercial-block .main > .carusel .owl-prev i, .section.commercial-block .main > .carusel .owl-next i, .section.realty-objects-block .main > .carusel .owl-prev i, .section.realty-objects-block .main > .carusel .owl-next i { position: relative; height: 100%; width: 100%; border: none; background-color: rgba(255, 255, 255, 0.9); } .section.commercial-block .main > .carusel .owl-prev i img, .section.commercial-block .main > .carusel .owl-next i img, .section.realty-objects-block .main > .carusel .owl-prev i img, .section.realty-objects-block .main > .carusel .owl-next i img { display: inline-block; position: absolute; top: 50%; height: 10px; width: 20px; } .section.commercial-block .main > .carusel .owl-next, .section.realty-objects-block .main > .carusel .owl-next { left: inherit; right: 0; } @media only screen and (min-width: 1000px) { .section.commercial-block .main > .carusel .owl-next, .section.realty-objects-block .main > .carusel .owl-next { right: -38px; } } .section.commercial-block .main > .carusel .owl-next i img, .section.realty-objects-block .main > .carusel .owl-next i img { left: 50%; margin-left: -5px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (min-width: 1000px) { .section.commercial-block .main > .carusel .owl-prev, .section.realty-objects-block .main > .carusel .owl-prev { left: -38px; } } .section.commercial-block .main > .carusel .owl-prev i img, .section.realty-objects-block .main > .carusel .owl-prev i img { right: 50%; margin-right: -6px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .section.commercial-block .main > .carusel .owl-prev.disabled, .section.commercial-block .main > .carusel .owl-next.disabled, .section.realty-objects-block .main > .carusel .owl-prev.disabled, .section.realty-objects-block .main > .carusel .owl-next.disabled { opacity: 0.3; } .section.commercial-block .main > .carusel .owl-prev.disabled:hover i, .section.commercial-block .main > .carusel .owl-next.disabled:hover i, .section.realty-objects-block .main > .carusel .owl-prev.disabled:hover i, .section.realty-objects-block .main > .carusel .owl-next.disabled:hover i { display: block; cursor: not-allowed !important; } .section.commercial-block .main > .carusel .owl-theme .owl-dots .owl-dot span, .section.realty-objects-block .main > .carusel .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .section.commercial-block .main > .carusel .owl-dots, .section.realty-objects-block .main > .carusel .owl-dots { display: none; } .section.commercial-block .main > .carusel .owl-theme .owl-dots .owl-dot.active span, .section.commercial-block .main > .carusel .owl-theme .owl-dots .owl-dot:hover span, .section.realty-objects-block .main > .carusel .owl-theme .owl-dots .owl-dot.active span, .section.realty-objects-block .main > .carusel .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } @media only screen and (max-width: 1000px) { .section.commercial-block .main > .carusel, .section.realty-objects-block .main > .carusel { margin: 0; } } .section.commercial-block .realty, .section.realty-objects-block .realty { position: relative; } .section.commercial-block .realty .owl-item .item, .section.realty-objects-block .realty .owl-item .item { width: 100%; } body .js-connect { cursor: pointer; } body:after { content: ""; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } body.mask:after { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; position: fixed; z-index: 104; } .success-modal-title-block, .modal-title-block { position: relative; width: 100%; display: inline-block; } .success-modal-title, .modal-title { font-family: roboto,sans-serif; font-size: 16px; color: #2d2d2d; font-weight: 700; margin-bottom: 16px; display: inline-block; width: auto; line-height: 16px; } .success-modal-close, .modal-close { position: relative; display: block; float: right; width: 18px; height: 18px; } .success-modal-close span, .modal-close span { pointer-events: none; } .success-modal-close-line, .modal-close-line { width: 1px; height: 22px; position: absolute; top: 0; background: #2d2d2d; } .success-modal-close-line-left, .modal-close-line-left { left: 8px; transform: rotate(-45deg); } .success-modal-close-line-right, .modal-close-line-right { right: 9px; transform: rotate(45deg); } .success-modal.modal-show, .modal.modal-show, .modal-bonus.modal-show { top: 50%; z-index: 1005; } .success-modal, .modal-bonus { width: 300px; height: auto; position: fixed; top: -100%; left: 50%; margin-left: -150px; margin-top: -150px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); border-radius: 2px; background: #fff; padding: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .success-modal-title, .modal-bonus-title { font-family: "Roboto", sans-serif; font-size: 16px; color: #2d2d2d; font-weight: bold; margin-bottom: 16px; float: left; line-height: 16px; } .success-modal-title-block, .modal-bonus-title-block { position: relative; width: 100%; display: inline-block; } .success-modal-close, .modal-bonus-close { position: relative; display: block; float: right; width: 18px; height: 18px; } .success-modal-close-line, .modal-bonus-close-line { width: 1px; height: 22px; position: absolute; top: 0; background: #2d2d2d; } .success-modal-close-line-left, .modal-bonus-close-line-left { left: 8px; transform: rotate(-45deg); } .success-modal-close-line-right, .modal-bonus-close-line-right { right: 9px; transform: rotate(45deg); } .success-modal .form-control, .modal-bonus .form-control { width: 100%; display: block; border: 1px solid #e7e7e7; padding: 14px 10px; box-sizing: border-box; position: relative; font-size: 14px; color: #2b2b2b; line-height: 16px; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .success-modal .form-control:focus, .success-modal .form-control:active, .modal-bonus .form-control:focus, .modal-bonus .form-control:active { outline: none; border-color: #000; } .success-modal .form-group, .modal-bonus .form-group { position: relative; margin-bottom: 16px; width: 100%; } .success-modal .form-group .mfn-confirm, .modal-bonus .form-group .mfn-confirm { font-size: 13px; line-height: 1; } .success-modal .placeholder, .modal-bonus .placeholder { font-size: 14px; color: #777777; line-height: 16px; position: absolute; left: 10px; top: 50%; z-index: 1; margin-top: -8px; font-family: "Roboto", sans-serif; } .success-modal .asterisc, .modal-bonus .asterisc { color: #ff0000; padding-left: 3px; } .success-modal .success-modal-close-btn, .success-modal .btn-submit, .modal-bonus .success-modal-close-btn, .modal-bonus .btn-submit { width: 100%; background: #ff7500; border: none; color: #fff; font-weight: bold; font-family: "Roboto", sans-serif; line-height: 20px; padding: 15px 10px; position: relative; cursor: pointer; font-size: 16px; } .success-modal .success-modal-close-btn:focus, .success-modal .success-modal-close-btn:active, .success-modal .btn-submit:focus, .success-modal .btn-submit:active, .modal-bonus .success-modal-close-btn:focus, .modal-bonus .success-modal-close-btn:active, .modal-bonus .btn-submit:focus, .modal-bonus .btn-submit:active { outline: none; } .success-modal .form-control.inpError, .modal-bonus .form-control.inpError { border-color: #ff0000; } .success-modal .error-blloon, .modal-bonus .error-blloon { position: absolute; top: -7px; right: 10px; padding: 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #ff0000; background: linear-gradient(to top, #fff, #fff); line-height: 14px; -webkit-animation: fadeInRight .3s ease-out; animation: fadeInRight .3s ease-out; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .success-modal-h3 { font-family: "Raleway"; font-size: 18px; color: #2b2b2b; text-align: center; font-weight: 600; margin: 0 auto 12px; line-height: 22px; } .success-modal-close-btn { text-align: center; } .success-modal-text { font-family: "Roboto"; font-size: 14px; color: #2b2b2b; line-height: 16px; text-align: center; font-weight: 400; margin: 0 0 35px; } .success-modal-icon { text-align: center; margin: 16px auto 9px; } .main-content .group { display: inline-block; } .main-content .group .button-group { display: inline-block; font-size: 0; border: 1px solid #fee2e2; border-radius: 2px; float: left; } .main-content .group .button-group .sort-button { margin: 0; border: none; border-radius: 0px; } .main-content .group .button-group .sort-button.active-button { border: none; } .main-content .group .sort-button { font-size: 14px; color: #244696; font-family: "Roboto", sans-serif; display: inline-block; padding: 10px 14px; cursor: pointer; line-height: 15px; margin: 0 8px; text-decoration: none; border: 1px solid #bad2f4; border-radius: 2px; } .main-content .group .sort-button:hover, .main-content .group .sort-button:active, .main-content .group .sort-button:focus { text-decoration: none; } .main-content .group .sort-button.active-button { background: #fee2e2; color: #db0107; border: 1px solid #fee2e2; } .main-content .dropdown-group { float: left; } .main-content .dropdown-group .parent-option-list { box-shadow: inset 0 0 0 1px #e4e4e4; margin-left: 24px; position: relative; cursor: pointer; text-align: left; height: 35px; line-height: 35px; } .main-content .dropdown-group .parent-option-list div { position: relative; display: block; padding: 0 45px 0 14px; font-size: 14px; color: #2d2d2d; line-height: 35px; font-family: "Roboto", sans-serif; } .main-content .dropdown-group .parent-option-list div.metro-st { padding-left: 40px; } .main-content .dropdown-group .parent-option-list.metro div { padding: 0 45px 0 40px; } .main-content .dropdown-group .parent-option-list .noicon-list li { position: relative; display: block; padding: 0 45px 0 14px; font-size: 14px; color: #2d2d2d; line-height: 35px; font-family: "Roboto", sans-serif; } .main-content .dropdown-group .small-dropdown { position: absolute; background: #ffffff; z-index: 3; box-shadow: 0 4px 10px 0 rgba(200, 200, 200, 0.5); margin-right: -2px; text-align: left; min-width: 100%; top: 35px; max-height: 0; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; -ms-transition: max-height 0.5s; -o-transition: max-height 0.5s; transition: max-height 0.5s; overflow: hidden; } .main-content .dropdown-group .small-dropdown li { position: relative; height: 35px; line-height: 35px; border-bottom: 1px solid #e7e7e7; } .main-content .dropdown-group .active .small-dropdown { max-height: 500px; display: block; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; z-index: 1111111; } .main-content .dropdown-group .active .ico-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 14px; margin-top: -10px; } .main-content .dropdown-group .option-list li a { font-size: 14px; color: #2d2d2d; line-height: 35px; font-family: "Roboto", sans-serif; } .main-content .dropdown-group .option-list li a:hover { text-decoration: none; } .main-content .dropdown-group .option-list li a .metro-station { padding-left: 36px; } .main-content .main .realty { margin: 0 -8px; font-size: 14px; font-family: "Roboto", sans-serif; font-weight: normal; line-height: 15px; color: #2d2d2d; } .main-content .main .realty .item { width: 33.3%; float: left; padding: 8px; } .main-content .main .realty .item article { box-shadow: 0 1px 2px 0 #d4d4d4; background: #ffffff; height: 430px; position: relative; } .main-content .main .realty-preview { width: 100%; height: 2401px; display: block; } .main-content .main .realty-preview img { width: 100%; height: 100%; object-fit: cover; } .main-content .main .realty-post { padding: 8px; } .main-content .main .realty-post-title { font-size: 16px; font-weight: 900; color: #2d2d2d; line-height: 16px; font-family: "Roboto"; margin-bottom: 4px; display: block; } .main-content .main .realty-post-teaser { font-size: 14px; font-family: "Roboto", sans-serif; font-weight: normal; line-height: 18px; } .main-content .main .realty-post-details { padding: 0 8px; } .main-content .main .realty-post-details-top { height: 43px; overflow: hidden; } .main-content .main .realty-post-location { font-size: 12px; color: #b1b1b1; line-height: 16px; font-family: "Roboto", sans-serif; } .main-content .main .realty-post-location .street { font-size: 14px; color: #2b2b2b; line-height: 20px; } .main-content .main .realty-connect { text-align: center; box-shadow: inset 0px 0px 0px 1px #239c13; padding: 12px; font-size: 14px; color: #239c13; font-family: "Roboto", sans-serif; margin: 10px 0; -webkit-transition: color, box-shadow 0.3s ease; -moz-transition: color, box-shadow 0.3s ease; -ms-transition: color, box-shadow 0.3s ease; -o-transition: color, box-shadow 0.3s ease; transition: color, box-shadow 0.3s ease; font-weight: bold; cursor: pointer; line-height: 16px; } .main-content .main .realty-connect:hover { box-shadow: inset 0 0 0 20px #239c13; color: #fff; } .main-content .main .realty-grey-detail { box-shadow: 0 -1px 0 0 #e6e6e6; padding: 8px 0; font-size: 13px; color: #b1b1b1; font-family: "Roboto", sans-serif; line-height: 15px; } .main-content .main .realty__show-more { display: block; width: 200px; font-family: "Roboto", sans-serif; font-size: 16px; margin: 16px auto; color: #244696; text-decoration: none; line-height: 20px; font-weight: bold; border-bottom: 1px solid; } .main-content .main .realty__show-more:hover, .main-content .main .realty__show-more:focus, .main-content .main .realty__show-more:active { text-decoration: none; } .main-content .main .realty .link-parent { display: inline-block; width: 100%; } .main-content .main .realty.owl-carousel .item { width: 100%; } @media only screen and (max-width: 768px) { .main-content .dropdown-group .small-dropdown { width: 100%; } .main-content .main .realty .item { width: 50%; } .main-content .group { width: 100%; } .main-content .group.metro-list { margin: 0 -8px; width: auto; display: block; } .main-content .group .dropdown-group { padding: 0 8px; width: 50%; } .main-content .group .dropdown-group .parent-option-list { margin-left: 0; } .main-content .heading-content-title, .main-content .heading-content-attrs { display: table-row; } .main-content .heading-content-attrs { text-align: left; } } @media only screen and (max-width: 480px) { .main-content .main .realty .item { width: 100%; } .main-content .group { width: 100%; } .main-content .group.metro-list { margin: 0; width: auto; display: block; } .main-content .group .dropdown-group { padding: 8px 0px 4px; width: 100%; } .main-content .group .dropdown-group .parent-option-list { margin-left: 0; } } /*$green: #57ab2e;*/ .section.commercial-block { margin-bottom: 24px; position: relative; margin-top: 16px; } .section.commercial-block .main { padding: 0px 0; } .section.commercial-block .heading-content-attrs a { color: #777777; font-size: 14px; text-decoration: underline; letter-spacing: 0.5px; line-height: 19px; display: inline-block; } .section.commercial-block .heading-content-attrs a:hover { text-decoration: none; } .section.commercial-block .item { height: 471px; padding: 0 2px; overflow: hidden; } .section.commercial-block .item a { display: block; } .section.commercial-block .item a:hover { text-decoration: none; } .section.commercial-block .item a:hover .realty-post-title { text-decoration: underline; } .section.commercial-block .item a:hover .realty-preview { opacity: 0.8; } .section.commercial-block article { box-shadow: 0 1px 2px 0 #d4d4d4; height: 469px; overflow: hidden; position: relative; } .section.commercial-block article header { margin-bottom: 10px; } .section.commercial-block article header .realty-preview { overflow: hidden; width: 100%; text-align: center; display: block; margin: 0 auto; line-height: 0; height: 100%; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .section.commercial-block article header .realty-preview img { width: 100%; height: 100%; object-fit: cover; display: block; } .section.commercial-block article .realty-post { display: block; padding: 0 14px; } .section.commercial-block article .realty-post-title { font-size: 14px; font-weight: 600; display: block; } .section.commercial-block article .realty-post-title span { line-height: 16px; display: inline-block; } .section.commercial-block article .realty-post-teaser { display: block; font-size: 14px; color: #2d2d2d; line-height: 20px; font-family: "Roboto", sans-serif; font-weight: normal; text-decoration: none; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .section.commercial-block article footer.realty-post-details { position: absolute; bottom: 0; width: 100%; } .section.commercial-block article footer.realty-post-details .realty-post-location { background-color: white; margin: 0 14px; padding: 6px 0px; border-top: 1px solid #e7e7e7; color: #b1b1b1; font-size: 13px; position: relative; } .section.commercial-block article footer.realty-post-details .realty-post-location i { margin-left: -4px; } .section.commercial-block article footer.realty-post-details .realty-post-location:after { content: ""; position: absolute; width: 100%; left: 0; top: -65px; height: 64px; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } @media only screen and (max-width: 376px) { .section.commercial-block .heading-content-attrs, .section.commercial-block .heading-content { display: block; } .section.commercial-block .heading-content-attrs { text-align: left; margin-top: 8px; } } .section.commercial-block .item { height: 400px; } .section.commercial-block .item article { height: 400px; } .section.commercial-block .item article .realty-post-teaser { -webkit-line-clamp: 3; } @media only screen and (max-width: 1023px) and (min-width: 736px) { .section.commercial-block .item { height: 378px; } .section.commercial-block .item article { height: 376px; } } @media only screen and (max-width: 735px) and (min-width: 480px) { .section.commercial-block .item { height: 320px; } .section.commercial-block .item article { height: 318px; } .section.commercial-block .carusel .item { height: 380px; } .section.commercial-block .carusel .item article { height: 378px; } } @media only screen and (max-width: 479px) { .section.commercial-block .item { height: 328px; } .section.commercial-block .item article { height: 326px; } } @media only screen and (max-width: 479px) { .section.commercial-block .carusel .item { height: 406px; } .section.commercial-block .carusel .item article { height: 404px; } } .center { text-align: center; } .pull-right { float: right; } .pull-left { float: left; } .main-title { padding-bottom: 24px; } .header-icon i, .h1 i { display: inline; right: -3px; top: 4px; position: relative; vertical-align: middle; } @media only screen and (max-width: 1011px) { .header-icon i, .h1 i { display: inline; vertical-align: top; } } .header-icon i svg, .h1 i svg { stroke: #ff7500; width: 20px; height: 20px; fill: none; left: 0; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: static; } .main-new { height: 290px; position: relative; overflow: hidden; } @media only screen and (max-width: 459px) { .main-new { height: auto; } } .main-new > a { display: block; } .main-new .big-bg { background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; } @media only screen and (max-width: 459px) { .main-new .big-bg { width: 64px; height: 64px; display: block; border-radius: 50%; background-position: 50% 50%; float: left; margin: 16px 10px; position: relative; } } .main-new .big-bg:after, .main-new .big-bg:before { position: absolute; display: block; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 1; } @media only screen and (max-width: 459px) { .main-new .big-bg:after, .main-new .big-bg:before { display: none; } } .main-new .big-bg:after { transition: -webkit-transform 1.5s ease; transition: background-color 1.5s ease; background-color: rgba(0, 0, 0, 0.5); } .main-new .big-bg:before { background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.75) 100%); } .main-new .description { padding: 16px; position: absolute; bottom: 0; left: 0; color: #ffffff; z-index: 3; display: block; } @media only screen and (max-width: 459px) { .main-new .description { position: relative; margin-left: 70px; padding-bottom: 0; } } .main-new .description .data { color: rgba(255, 255, 255, 0.8); font-size: 14px; margin-bottom: 4px; display: block; } @media only screen and (max-width: 459px) { .main-new .description .data { color: #b1b1b1; font-size: 13px; } } .main-new .description .h2 { text-shadow: 0 1px 0 #3c3c3c; line-height: 1.4; font-family: 'Raleway', sans-serif; color: #ffffff; border-bottom: 1px solid #db0107; } @media only screen and (max-width: 459px) { .main-new .description .h2 { line-height: 18px; text-shadow: none; } } @media only screen and (max-width: 459px) { .main-new .description .h2 { color: #244696; font-size: 16px; border-bottom: none; font-weight: 900; } } .main-new .description:hover { text-decoration: none; border-bottom: none; } .main-new > a:hover { text-decoration: none; } .main-new > a:hover .big-bg { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @media only screen and (max-width: 459px) { .main-new > a:hover .big-bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .main-new > a:hover .big-bg:after { background-color: rgba(0, 0, 0, 0.6); } .main-new > a:hover .h2 { border-color: transparent; } @media only screen and (max-width: 459px) { .main-new > a:hover .h2 { text-decoration: underline; } } .main-new > a:hover .data { text-decoration: none; } .section-news { margin-top: 16px; } .section-news .pagination { margin: 24px auto 12px; } @media only screen and (max-width: 1011px) { .section-news aside { display: none; } } .section-news .news .all-news .items { border-top: none; border-bottom: 1px solid #e7e7e7; padding: 0 0 36px 0; } @media only screen and (max-width: 459px) { .section-news .news .all-news .items { padding-bottom: 24px; } } .section-news .news .all-news .day-news { font-family: Raleway; font-weight: 600; font-size: 18px; color: #434343; margin: 16px 0 8px 0; text-transform: capitalize; } @media only screen and (max-width: 459px) { .section-news .news .all-news .day-news { padding-left: 10px; padding-bottom: 4px; } } .section-news .news .all-news .day-news:first-of-type { margin-top: 0; } @media only screen and (max-width: 459px) { .section-news .news .all-news .day-news:first-of-type { margin-top: 6px; } } .content-guide { padding: 8px 0; line-height: 120%; } .content-guide .guide-text { color: #1b1b1b; font-size: 14px; margin-top: 4px; } .columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; position: relative; } @media only screen and (max-width: 459px) { .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } } .columns .item { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-bottom: none; border-top: 1px solid #e7e7e7; } .columns .item.img .img-guide { float: left; margin: 8px 16px 8px 0; } .columns .item.img .content-guide { position: relative; margin-left: 80px; } .columns .category { padding-bottom: 0; padding-top: 16px; line-height: 27px; } .columns .category + .item { border: none; } .columns .category:first-child { padding-top: 0; } .columns:before { content: ''; width: 100%; height: 2px; position: absolute; background-color: white; top: 0; left: 0; } @media only screen and (max-width: 800px) { .columns:before { width: 100vw; left: -10px; } } .columns.one-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .heading-content { display: table; width: 100%; margin: 20px 0 24px; } @media only screen and (max-width: 459px) { .heading-content { margin-bottom: 16px; padding: 0 10px; } } .heading-content .guides-tab-menu { display: inline-block; vertical-align: bottom; } .heading-content .guides-tab-menu .tab-selected { display: none; visibility: hidden; cursor: pointer; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu { display: inline-block; float: right; margin: 0px 10px 0 0; } .heading-content .guides-tab-menu .tab-selected { visibility: visible; display: block; font-weight: 500; color: #777777; background: transparent; border: 1px solid #cbdaf4; width: 40px; height: 40px; line-height: 40px; padding: 0 12px; position: relative; } .heading-content .guides-tab-menu .tab-selected svg { position: absolute; display: inline-block; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #244696; } .heading-content .guides-tab-menu .tab-selected:hover { background-color: #8daee7; border-color: #8daee7; } .heading-content .guides-tab-menu .tab-selected:hover svg { fill: #ffffff; } .heading-content .guides-tab-menu .tab-selected.clicked { background-color: #244696; border-color: #244696; } .heading-content .guides-tab-menu .tab-selected.clicked svg { fill: #ffffff; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu { display: none; border: 1px solid #e7e7e7; border-radius: 4px 0 4px 4px; background-color: #fff; position: absolute; width: 200px; box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.2); z-index: 2; right: 0; } } .heading-content .guides-tab-menu .tab-menu li { display: inline-block; text-align: left; } .heading-content .guides-tab-menu .tab-menu li:last-of-type { margin-right: 0; } .heading-content .guides-tab-menu .tab-menu li.active { color: #db0107; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active { border: none; border-bottom: 1px solid #e7e7e7; } } .heading-content .guides-tab-menu .tab-menu li.active a { color: #db0107; } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li.active a { border: none; } } @media only screen and (max-width: 459px) { .heading-content .guides-tab-menu .tab-menu li { display: block; font-size: 16px; height: 48px; line-height: 48px; border-radius: 0; border-bottom: 1px solid #e7e7e7; } .heading-content .guides-tab-menu .tab-menu li:last-child { border-bottom: none; } } .header-category { font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 600; } .heading-content-title { display: table-cell; vertical-align: middle; } .heading-content-title .h1 { margin-right: 32px; display: inline-block; width: auto; } .heading-content-title .h1.header-icon { margin-right: 0px; } .heading-content-attrs { display: table-cell; text-align: right; vertical-align: middle; } .tags-links { word-spacing: -4px; } .tags-links .hashtag { display: inline-block; } .tags-links .hashtag:nth-child(n+10) { display: none; } @media only screen and (max-width: 800px) { .tags-links .hashtag:nth-child(n+8) { display: none; } } .tags-links .hashtag a { word-spacing: normal; color: #5a79a5; } .section .tags .more-show { text-align: left; padding-left: 0; } @media only screen and (max-width: 459px) { .items { margin: 0 -10px; } } .items .item { margin: 8px 0; border-bottom: 1px solid #e7e7e7; } @media only screen and (max-width: 459px) { .items .item { padding: 0px 10px; } .items .item:first-of-type { marging-top: 0; } .items .item:last-of-type { margin-bottom: 27px; } } .items .item .data { color: #777777; margin: 8px 0; } .items .item .link { line-height: 120%; } .items .item .tags { margin-top: 16px; } .items .item .source { font-size: 12px; color: #777777; line-height: 16px; margin-top: 8px; } @media only screen and (max-width: 459px) { .section.news .more-show { width: 100%; text-align: center; padding: 8px 0; } .section.news .more-show .button, .section.news .more-show .minicard .heading-content--button, .minicard .section.news .more-show .heading-content--button { border: none; } } .section.guides .more-show { margin-top: 16px; } @media only screen and (max-width: 1011px) { .section.docs-table .heading-content-title { display: table; } } .section.docs-table .header-icon i { display: none; } @media only screen and (max-width: 1011px) { .section.docs-table .header-icon i { display: inline-block; } } @media only screen and (max-width: 1011px) { .section.docs-table .button.orange, .section.docs-table .minicard .orange.heading-content--button, .minicard .section.docs-table .orange.heading-content--button { display: none; } } @media only screen and (max-width: 1011px) { .section.docs-table .button.full-calendar, .section.docs-table .minicard .full-calendar.heading-content--button, .minicard .section.docs-table .full-calendar.heading-content--button { display: none; } } .section.docs-table table { border-collapse: collapse; width: 100%; border: none; } @media only screen and (max-width: 459px) { .section.docs-table thead { display: none; } } .section.docs-table thead tr { border-bottom: 1px solid #e7e7e7; } .section.docs-table thead td { font-family: 'Raleway', sans-serif; font-weight: 600; color: #434343; } .section.docs-table tbody tr { border-bottom: 1px solid #e7e7e7; } .section.docs-table tbody tr:last-child { border-bottom: none; } .section.docs-table tbody tr .header { font-weight: 700; } .section.docs-table tbody tr .events { margin-top: 8px; } .section.docs-table tbody tr .events li { margin-bottom: 8px; } .section.docs-table tbody tr .events li i { position: relative; display: table-cell; width: 24px; height: 22px; float: left; } .section.docs-table tbody tr .events li i svg { height: 22px; width: 16px; left: 0px; top: 0px; fill: #244696; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (max-width: 459px) { .section.docs-table tbody tr .events li i svg { top: 4px; } } .section.docs-table tbody tr .events li span { display: table-cell; vertical-align: top; } .section.docs-table td { border-right: 1px solid #e7e7e7; padding: 12px 16px; font-size: 14px; font-family: 'Roboto', sans-serif; } @media only screen and (max-width: 459px) { .section.docs-table td { display: inline-block; border-right: 0; } } .section.docs-table td:last-child { border-bottom: none; } .section.docs-table td:first-child { width: 150px; text-align: center; } @media only screen and (max-width: 459px) { .section.docs-table td:first-child { text-align: left; width: 100%; padding-bottom: 0; } } .section.docs-table td .day { color: #777777; font-size: 14px; } @media only screen and (max-width: 459px) { .section.docs-table td .day { display: inline-block; } } .section.docs-table td .data { font-weight: 600; font-size: 14px; } @media only screen and (max-width: 459px) { .section.docs-table td .data { display: inline-block; color: #777777; font-weight: 400; } } .section.docs-table td a { font-size: 14px; font-family: 'Roboto', sans-serif; display: table; } .search-activated { overflow: hidden; } .bottom-padding { padding-bottom: 16px; } .section .more-show.ln-grad { padding-bottom: 32px; position: relative; } .section .more-show.ln-grad:after { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 270px; content: ''; background-image: linear-gradient(-180deg, rgba(238, 238, 238, 0) 0%, #ffffff 63%); z-index: 0; } .b-realty { text-align: center; } .b-realty a { display: block; background-image: url("/i/banners/realty/realty.gif"); background-size: cover; height: 80px; max-width: 981px; width: auto; margin: 0 auto; } .b-realty img { object-fit: cover; max-width: 100%; width: auto; height: 80px; object-position: 0 0; } @media only screen and (max-width: 1011px) { .sticky-wrapper { display: none; } } * { padding: 0; margin: 0; box-sizing: border-box; } .mfz-main-header { margin-bottom: 0; } .mfm-aside-block { margin-bottom: 20px; } .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 480px; overflow: hidden; margin: 0 auto; display: none; } @media only screen and (max-width: 800px) { .mfz-content-wrapper .mfz-col-content .mfz-banners-place { max-width: 100%; display: block; } } body, .mfz-page-wrap { background-color: #f7f7f7; font-family: 'Roboto', sans-serif; } .row { margin: 0 -16px; } @media only screen and (max-width: 459px) { .row { margin: 0 -10px; } } .col-3 { float: left; width: 33.3%; } .orange { color: #ff7500; } .orange svg { stroke: #ff7500; fill: transparent; } .orange:hover { fill: #ff7500; } .star-icon { position: relative; } a { color: #244696; font-family: 'Roboto', sans-serif; } .box-shadow { background-color: #ffffff; box-shadow: 0 0 2px 0 #dddddd; } .h1, .h2, .h3 { font-family: 'Raleway', sans-serif; } .h1 { font-size: 30px; line-height: 30px; font-weight: 900; } @media only screen and (max-width: 459px) { .h1 { font-size: 24px; line-height: 30px; } } .h2 { font-size: 24px; line-height: 26px; font-weight: 700; } @media only screen and (max-width: 459px) { .h2 { font-size: 22px; line-height: 26px; } } .h3 { font-size: 18px; font-weight: 700; line-height: 24px; } @media only screen and (max-width: 459px) { .h3 { font-size: 16px; } } .description { font-size: 12px; } .data { font-size: 13px; } .clear { clear: both; } .hidden { visibility: hidden; opacity: 0; height: 0; } .default-padding { padding: 16px 16px 0px 16px; } @media only screen and (max-width: 459px) { .default-padding { padding: 10px 10px 0px 10px; } } .full-padding { padding: 16px; } @media only screen and (max-width: 459px) { .full-padding { padding: 10px; } } .img-circle { width: 64px; height: 64px; background-image: url(""); background-size: cover; display: block; border-radius: 50%; background-position: 50%; } .section { clear: both; margin-bottom: 16px; } .no-display { display: none; } .main + .main { margin-top: 16px; } .clearfix:before, .clearfix:after { content: " "; display: table; } @media only screen and (max-width: 1011px) { .business .realty-rating { margin-top: 0; margin-bottom: 8px; } } .section-content, .business-content { margin-bottom: 16px; position: relative; } .section-content .bannerbar, .section-content .siderbar, .business-content .bannerbar, .business-content .siderbar { display: none; } .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .siderbar, .business-content.is-siderbar .siderbar { display: block; float: none; width: 100%; } .section-content.is-siderbar .siderbar .tags, .business-content.is-siderbar .siderbar .tags { padding-top: 0; } } .section-content.is-siderbar .siderbar .tags .h3, .business-content.is-siderbar .siderbar .tags .h3 { padding-bottom: 16px; } .section-content.is-siderbar .main, .business-content.is-siderbar .main { position: relative; margin-right: 320px; padding-right: 0; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 16px; } } @media only screen and (max-width: 459px) { .section-content.is-siderbar .main, .business-content.is-siderbar .main { margin-right: 0px; padding-right: 10px; } } .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: -70px; position: relative; } @media only screen and (max-width: 1011px) { .section-content.is-siderbar .main + .siderbar, .business-content.is-siderbar .main + .siderbar { top: 0; } } @media only screen and (max-width: 1011px) { .section-content.is-banner.c-realty, .business-content.is-banner.c-realty { flex-wrap: wrap; display: flex; } } .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: block; float: right; width: 300px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .bannerbar .mfm-aside-block, .business-content.is-banner .bannerbar .mfm-aside-block { display: none; } } @media only screen and (max-width: 1011px) { .section-content.is-banner .bannerbar, .business-content.is-banner .bannerbar { display: block; text-align: center; order: 2; min-width: 100%; margin: 24px auto 0; } .section-content.is-banner .bannerbar img, .business-content.is-banner .bannerbar img { margin: 0 auto; } } @media only screen and (max-width: 1011px) { .section-content.is-banner .button-realty--small, .business-content.is-banner .button-realty--small { display: none; } } @media only screen and (max-width: 620px) { .section-content.is-banner .button-realty--small, .business-content.is-banner .button-realty--small { display: block; } } @media only screen and (min-width: 1012px) { .section-content.is-banner .button-realty--big, .business-content.is-banner .button-realty--big { display: none; } } @media only screen and (max-width: 620px) { .section-content.is-banner .button-realty--big, .business-content.is-banner .button-realty--big { display: none; } } .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 320px; } @media only screen and (max-width: 1011px) { .section-content.is-banner .main, .business-content.is-banner .main { margin-right: 0; order: 1; min-width: 100%; } } .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .section-content .all-news .title, .business-content .all-news .title { font-weight: 600; font-size: 16px; padding: 0 16px 14px 16px; } @media only screen and (max-width: 1011px) { .section-content .all-news .columns, .business-content .all-news .columns { padding-top: 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; position: relative; } .section-content .all-news .title, .business-content .all-news .title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 24px; padding: 0; margin-top: -8px; } } @media only screen and (max-width: 459px) { .section-content .all-news .columns, .business-content .all-news .columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } .section-content .all-news .item .data, .business-content .all-news .item .data { display: block; } .section-content .all-news .item:last-of-type, .business-content .all-news .item:last-of-type { border-bottom: none; } section.inside .all-news { padding-top: 0; } section.inside .box-shadow { padding: 0 16px; } @media only screen and (max-width: 759px) { section.inside .box-shadow { padding: 0 10px; } } section.inside .h1, section.inside .h2 { margin: 32px 0 24px; } .slot-video { display: flex; margin-bottom: 24px; justify-content: center; } aside { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; } @media only screen and (max-width: 1011px) { aside { position: relative; width: 100%; /* only test */ } aside .banner { display: none; } } aside .all-news.section.inside .h2 { margin: -16px 0 24px; } @media only screen and (min-width: 1012px) { aside .all-news.section.inside .h2 { font-size: 16px; margin: 16px 0 8px; } } .section.commercial-block.special-realty .realty { margin: 0 -10px; } .section.commercial-block.special-realty .realty-post-title span { font-size: 16px; line-height: 20px; } .section.commercial-block.special-realty .realty .item { width: 25%; float: left; margin: 0 0px 20px 0px; padding: 0 10px; } .section.commercial-block.special-realty .realty .item article { background-color: white; } .section.commercial-block.special-realty .realty .item:hover { text-decoration: none; } @media only screen and (max-width: 780px) { [data-layout="responsive"] .mfz-page-wrap { padding-top: 16px; } .section.commercial-block.special-realty .realty .item { width: 33.3%; } } @media only screen and (max-width: 500px) { .section.commercial-block.special-realty .realty .item { width: 50%; } .section.commercial-block.special-realty .realty { margin: 0; } } @media only screen and (max-width: 320px) { .section.commercial-block.special-realty .realty .item { width: 100%; height: 432px; } .section.commercial-block.special-realty .realty .item article { height: 430px; } .section.commercial-block.special-realty .realty .item article realty-post { height: 120px; } } .minicard { padding-top: 16px; } @media only screen and (max-width: 800px) { .minicard { padding-top: 2px; } } .minicard .metro .ico-metro { position: relative; top: 1px; display: inline-block; width: 20px; height: 14px; margin-right: 4px; } .minicard .full-padding-large { padding: 24px; } .minicard .full-padding-small { padding: 12px; } .minicard .block-devider { height: 1px; background: #e7e7e7; } .minicard .button, .minicard .heading-content--button { text-align: center; height: 40px; background-color: transparent; display: inline-block; cursor: pointer; position: relative; } .minicard .button--connect { font: bold 14px/16px "Roboto", sans-serif; color: #62BB55; border: 1px solid #62BB55; display: block; -moz-transition: background-color 0.3s, color 0.3s ease; -o-transition: background-color 0.3s, color 0.3s ease; -webkit-transition: background-color 0.3s, color 0.3s ease; transition: background-color 0.3s, color 0.3s ease; } .minicard .button:hover, .minicard .heading-content--button:hover { border-color: #239c13; background-color: #239c13; color: #ffffff; } .minicard .margin-aside { margin-right: 320px; position: relative; } .minicard .is-banner { padding-right: 320px; } .minicard .heading-content { position: relative; margin-bottom: 16px; } .minicard .heading-content--button.button--connect { line-height: 40px; width: 230px; float: right; margin-left: -230px; margin-top: 12px; position: relative; display: block; } .minicard .heading-content-title { display: block; } .minicard .heading-content--subtitle { font: bold 18px/22px "Roboto", sans-serif; color: #1b1b1b; margin-bottom: 4px; } .minicard .heading-content--info { float: left; margin-top: 10px; } .minicard .heading-content--info-data { font: normal 16px/18px "Roboto", sans-serif; color: #777777; display: inline-block; padding-right: 14px; } .minicard .heading-content--info-data.metro .ico-metro { position: relative; top: 1px; display: inline-block; width: 20px; height: 14px; margin-right: 4px; } .minicard .heading-content--button + .heading-content--info { padding-right: 230px; } .minicard .builder { margin-bottom: 24px; } .minicard .builder-link { position: relative; } .minicard .builder-link--style { position: relative; font: normal 14px/16px "Roboto", sans-serif; line-height: 20px; color: #244696; text-decoration: none; } .minicard .builder-link--style .st-grey { font: normal 14px/16px "Roboto", sans-serif; color: #919191; } .minicard .builder-description { font: normal 13px/15px "Roboto", sans-serif; color: #2d2d2d; line-height: 18px; max-height: 100%; } .minicard .builder-description.collapsed { overflow: hidden; max-height: 227px; width: 100%; position: relative; padding-bottom: 33px; } .minicard .builder-description.collapsed:after { content: " "; position: absolute; bottom: 0; width: 100%; right: 0; height: 64px; background-color: rgba(255, 255, 255, 0.5); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(white)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #fff); } .minicard .builder-description.uncollapsed { position: relative; padding-bottom: 33px; } .minicard .builder-description .show-more { position: absolute; bottom: 1px; z-index: 5; background: #fff; display: block; width: 100%; height: 25px; line-height: 27px; color: #244696; text-decoration: underline; cursor: pointer; padding-right: 8px; } .minicard .builder-description .show-more:hover { text-decoration: none; } .minicard .builder-description > p { font: normal 13px/15px "Roboto", sans-serif; color: #2d2d2d; font-size: 13px; line-height: 18px; margin-bottom: 8px; } .minicard .builder-description > p:last-child { margin-bottom: 0; } .minicard .builder-logo { width: 100%; height: 70px; text-align: center; margin-bottom: 16px; } .minicard .builder-logo--img { max-width: 100%; max-height: 100%; object-fit: cover; } .minicard .builder-info--objects { margin: 16px 0; } .minicard .builder-name { font: bold 16px/18px "Raleway", sans-serif; color: #244696; -webkit-transition: color, text-decoration 0.3s ease; -moz-transition: color, text-decoration 0.3s ease; -ms-transition: color, text-decoration 0.3s ease; -o-transition: color, text-decoration 0.3s ease; transition: color, text-decoration 0.3s ease; display: block; } .minicard .builder-name:hover { color: #244696; text-decoration: underline; } .minicard .builder-short_info { position: relative; font: normal 13px/15px "Roboto", sans-serif; color: #919191; margin: 10px 0; font-size: 13px; } .minicard .builder .button--connect { line-height: 40px; padding: 0 14px; display: block; max-width: 300px; margin: auto; } .minicard .section-dynamic { position: absolute; right: 0; } .minicard .section-content--object { margin-bottom: 12px; float: left; width: 100%; } .minicard .section-content--object-poster { background-color: #f0f0f0; height: 450px; margin-bottom: 16px; display: flex; width: 100%; justify-content: center; } .minicard .section-content--object-gallery .fotorama__wrap { margin-bottom: 16px; } .minicard .section-content--poster-image { max-width: 100%; object-fit: cover; max-height: 100%; align-self: center; } .minicard .object-information { position: relative; } .minicard .object-information--name { position: absolute; width: 184px; font: normal 14px/16px "Roboto", sans-serif; color: #919191; } .minicard .object-information--content { position: relative; padding-left: 200px; font: normal 14px/16px "Roboto", sans-serif; color: #2d2d2d; margin-bottom: 16px; } .minicard .object-description { margin-top: 16px; } .minicard .object-description--name { font: bold 16px/18px "Raleway", sans-serif; color: #1b1b1b; margin-bottom: 16px; } .minicard .object-description div, .minicard .object-description--content { font: normal 14px/16px "Roboto", sans-serif; color: #2d2d2d; line-height: 22px; margin-bottom: 12px; } .minicard .object-description div:last-child, .minicard .object-description--content:last-child { margin-bottom: 0px; } .minicard .metro-blue .ico-metro { fill: blue; } .minicard .metro-green .ico-metro { fill: green; } .minicard .metro-red .ico-metro { fill: red; } .minicard aside { position: relative; top: 0; margin-right: -320px; bottom: 0; float: right; width: 300px; } @media only screen and (max-width: 1012px) { .minicard aside { position: relative; width: 300px; } } @media only screen and (max-width: 800px) { .minicard aside { position: relative; width: 100%; margin-right: 0; } .minicard .margin-aside { margin-right: 0; } .minicard .is-banner { padding-right: 0; } } @media only screen and (min-width: 480px) and (max-width: 800px) { .minicard .builder-short_info, .minicard .builder-name { text-align: center; } .minicard .builder-info--objects * { text-align: left; } } @media only screen and (max-width: 479px) { .minicard .heading-content--main { display: table; } .minicard .object-information--name { position: relative; width: 100%; margin-bottom: 8px; } .minicard .object-information--content { padding-left: 0; font-size: 16px; line-height: 19px; } .minicard .builder-description { font-size: 16px; line-height: 22px; } .minicard .button.button--connect, .minicard .button--connect.heading-content--button { margin: 0; width: 100%; } .minicard .heading-content { padding: 0; } .minicard .heading-content--info { padding-right: 0; } .minicard .heading-content--button.button--connect { position: relative; margin-top: 8px; width: 100%; max-width: 300px; display: table-footer-group; float: left; } .minicard .heading-content-title .h1 { font-size: 24px; margin-right: 0; margin-top: 30px; } .minicard .section { margin-bottom: 0; } .minicard .section-content { margin-bottom: 0; } .minicard .section-content--object-poster { max-height: 50vh; } .minicard .heading-content--button + .heading-content--info { padding-right: 0px; display: table-header-group; float: none; margin-top: 8px; } } @media only screen and (max-width: 1100px) { .minicard aside { position: relative; } }