body { margin: 0; padding: 0; height: 100%; text-rendering: optimizeLegibility } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } a:hover, a:link { text-decoration: none } .bold { font-weight: 700 } .pl-20 { padding-left: 20px } .pd-20 .wrapper { padding: 0 20px } .results-filter-title { font-size: 14px; color: #909394; padding-left: 15px }.default-ul {margin: 0; padding: 0;list-style-type: none;}.mb-70 { margin-bottom: 70px } .dropdown { position: relative } .input-lg { font-size: 17px } .inline-block li { display: inline-block } .float-right { float: right!important } .float-left { float: left!important } .h2-nh { border-collapse: separate; border-spacing: 0 0; box-sizing: border-box; font-size: 20px; font-weight: 400; text-align: center; margin-top: 0 } .h1 { font-size: 45px } .h5, h5 { font-size: 17px } .h4, h4 { font-size: 18px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.5 } strong { color: #000 } .pl-30 { padding-left: 30px } .pd-0 { padding: 0 } .fc-8b8a8a { color: #8b8a8a } .fc-333333 { color: #333 }  @media all and (max-width:800px) { .h1 { font-size: 28px!important } .h3 { font-size: 20px!important } }  @media all and (max-width:640px) { .h1 { font-size: 26px!important } .h3 { font-size: 18px!important } }  @media all and (max-width:320px) { .h1 { font-size: 24px!important } .h3 { font-size: 16px!important } } body { position: relative; overflow-x: hidden; font-family: roboto, sans-serif; touch-action: manipulation; -ms-touch-action: manipulation; background-color: #fff } header { height: 100%; background: rgba(0,0,0,.4) } .header-logo img { max-width: 150px; vertical-align: middle; border: 0; padding-top: 5px; padding-left: 10px } .header { height: 60px; background: rgba(0,0,0,.4); box-shadow: 1px 1px 5px rgba(0,0,0,.24) } .header-logo a { display: block; outline: 0 } .header-nav { padding-top: 13px; font-size: 17px } .box-form { height: 90vh; display: flex; flex-direction: column } .content-form { flex-grow: 1; flex-shrink: 0; flex-basis: auto } .footer-form { flex-grow: 0; flex-shrink: 0; flex-basis: auto } .footer-center__right-blocks .telegram p:first-child { padding-right: 5px } header::after, header::before { content: ""; display: table } a { color: #0cb2e3 } img { max-width: 100%; height: auto } textarea::-moz-placeholder { color:#bbb; font-weight:300; opacity:1 } input::-moz-placeholder { color:#bbb } .blue { color: #0cb2e3 } .float-center { float: none!important; margin-left: auto; margin-right: auto } .align-center { text-align: center } .blue-color { color: #0cb2e3 } .wrapper-sm::after, .wrapper::after { clear: both } .wrapper-sm::before, .wrapper::before { content: ""; display: table } .wrapper, .wrapper-sm { position: relative; min-width: 20rem; margin: 0 auto; padding: 0 .625rem; clear: both } .wrapper-sm { width: 28.125rem } .content::after { clear: both } .viewbox::after { clear: both } .viewbox::after, .viewbox::before { content: ""; display: table } .viewbox { position: relative; clear: both; margin-bottom: .9375rem; padding: .625rem; border-radius: 2px; box-shadow: 0 0 2px 0 rgba(51,51,51,.05), 0 1px 4px 0 rgba(51,51,51,.15) } .content::after, .content::before { content: ""; display: table } .content { position: relative; clear: both } .row::after { clear: both } .row::after, .row::before { content: ""; display: table } .row { margin-right: -.625rem; margin-left: -.625rem; position: relative; clear: both } .content-body { display: flex; flex-direction: column; height: 100% } .content-box { flex-grow: 1; flex-shrink: 0; flex-basis: auto } .footer { position: relative; clear: both; padding-top: 1.875rem; background-color: #152631; margin-top: 0 }  @media all and (max-width:560px) { #apartment .s-support-form.contacts, #serv .s-support-form.contacts { padding-right: 5px; padding-left: 5px } } .s-support-form { max-width: 550px; width: 100%; margin: 0 auto } .s-support-form div .form-group div.form-valid, .s-support-form>div { padding-left: 0; padding-right: 0 } .feedback-modal .popup-res-wrap {background-color: rgb(255, 255, 255); text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 20px; font-weight: 700; position: relative; display: none } .feedback-modal #popup-server-results { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .s-support-form .input-lg+label { top: 11px; left: 23px } .contacts .input-lg+.help-pop-info, .s-support-form .input-lg+label { position: absolute; color: #9a9a9a; cursor: text; font-weight: 400; font-size: 18px; margin: 0 } .contacts .input-lg+.help-pop-info { top: 40px; left: 30px } .h2-support { font-size: 30px; color: #fff; margin-bottom: 0 } .h4-support { font-size: 20px; color: #fff; margin-top: 0 } [data-valuta-global].collapse { display: none!important } .collapse.in { display: block } #apartment { min-height: 753px } .s-support-form .with-errors ul { margin-bottom: 0 } .s-support-form .with-errors { color: #fff!important } .s-support-form .help-block { margin-bottom: 0; height: 25px; font-size: 14px } ::placeholder { color:#fff; opacity:1 } .btn a { text-decoration: none } input::-webkit-input-placeholder { color:#fff; opacity:1 } .modal-preloader { text-align: center; padding: 0!important } .modal-preloader::before { content: ''; display: inline-block; height: 50%; vertical-align: middle; margin-right: -4px } .elevator:focus, .elevator:hover { color: #a6b5ba } .elevator { position: fixed; right: 0; z-index: 12; width: 115px; color: #a6b5ba; text-align: center; bottom: 190px } .icon-svg_scroll-up { width: 42px; height: 47px } .icon-svg { display: inline-block; background-color: transparent; color: inherit; vertical-align: middle; fill: currentColor; stroke: currentColor; stroke-width: 0; pointer-events: none; position: relative }  @media all and (max-width:380px) { .wrap-info .col-xs-12 { padding-left: 0; padding-right: 0 } }  @media all and (max-width:360px) { .feedback-modal .modal-dialog { max-width: 100%; margin: 0 } .feedback-modal .popup-res-wrap { font-size: 18px } }  @media all and (max-width:360px) { .feedback-modal .modal-body, .feedback-modal .modal-header { padding: 3px } .s-support-form.contacts div.align-center:nth-child(6) { padding: 0 } } .has-error .jq-selectbox__select, .has-error input, .has-error textarea { border: 1px solid #a94442 } input.error { border: 1px solid #ff7c7c } .intl-tel-input { width: 100%; } .s-support-form .with-errors ul { margin-bottom: 0; } .s-support-form .with-errors { color: #fff !important; } .s-support-form .help-block { margin-bottom: 0; height: 25px; font-size: 14px; }  .bms label { font-size: 17px } .close { font-size: 32px; padding: 0 7px!important } .bms { text-align: center; padding: 0!important } .bms:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px } .bms .modal-dialog { display: inline-block; text-align: left; vertical-align: middle } textarea::-moz-placeholder { font-size:18px; font-weight:400; opacity:1 } .red { color: red }  @media all and (max-width:990px) { .modal-box-phone { margin-top: 15px } } .form-control-tel { position: absolute; top: 45px; right: 15px; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center } .bms .red_btn { padding: 16px 23px!important } .text-search { margin-top: 50px } .box-img { margin-top: 25px } .box-fa-filter { color: #01b3ff } .box-fa-filter { text-align: left } .box-fa-filter li { text-align: center } .box-fa-filter i { padding: 10px } .main-help-footer h4 { font-size: 21px; text-align: center; font-weight: 400 }  @media all and (max-width:990px) { .box-img { margin-top: 0 } .help-box { display: flex; flex-flow: wrap } } .lng-common.i-tr { height: 14px; background-position: -5065px 0 } .lng-common.i-ua { height: 14px; background-position: -5175px 0 } .lng-common.i-ru { height: 14px; background-position: -4295px 0 } .lng-common.i-en { height: 11px; background-position: -5241px 0 } .lng-common.i-cn { height: 14px; background-position: -1049px 0 } .lng-common.i-kz { height: 10px; background-position: -2853px 0 } .lng-common.i-pl { height: 13px; background-position: -4031px 0 } .lng-common.i-az { height: 10px; background-position: -352px 0 } .lng-common.i-ge { height: 14px; background-position: -1819px 0 } .lng-common.i-am { height: 10px; background-position: -154px 0 } .lng-common.i-il { height: 15px; background-position: -2369px 0 } .lng-common.i-ir { height: 12px; background-position: -2479px 0 } .lng-common.i-sa { height: 10px; background-position: -44px 0 } .s-body-service .s-box-service .circle-footer { font-weight: 400; padding: 36px 20px 30px; font-size: 17px } .box-select-1 { top: -15px } .box-select-2 { top: 15px } .box-select-3, .box-select-4 { top: 20px } .jq-selectbox { width: 100%; background-color: #fff } .jq-selectbox__select { height: 46px; padding: 7px 45px 0 10px; box-shadow: none; border-bottom-color: none; background-color: #fff!important; background-image: none } .jq-selectbox__select-text { font-size: 17px; opacity: 1 } .box-select-3 .jq-selectbox__select-text { padding-left: 30px } .jq-selectbox__select:hover { background: 0; border: 1px solid #a8e2f4!important; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) } .jq-selectbox__trigger-arrow { top: 21px } .jq-selectbox__trigger { border-left: 0 } .lt { font-size: 17px } .btn { border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 17px; font-weight: 700; color: #fff; position: relative } .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover { border-radius: 30px; outline: 0; color: #fff } .btn-6 { padding: 11px 45px; background: #0cb1e3; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5 } .btn-6[disabled] { opacity: 1 } .btn-0 { background-color: #0cb2e3; border: 2px solid #0cb2e3; font-weight: 700; padding: 7px 40px; font-size: 18px } .btn-0:active:focus, .btn-0:active:hover, .btn-0:focus, .btn-0:hover { background-color: transparent; border: 2px solid #00c7e2; outline: 0; top: inherit } .btn-1 { padding: 11px 45px; background: #0cb1e3 } .btn-1:active:focus, .btn-1:active:hover, .btn-1:focus, .btn-1:hover { background-color: #0cb1e3; box-shadow: 0 0 0 #537da5 inset; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5 } .btn-2 { padding: 11px 25px; background: #009cdb } .btn-2:active:focus, .btn-2:active:hover, .btn-2:focus, .btn-2:hover { background-color: #009cdb; box-shadow: 0 0 0 #537da5 inset; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #537da5 } .btn-3 { padding: 11px 25px; background: #82bd4e } .btn-3:active:focus, .btn-3:active:hover, .btn-3:focus, .btn-3:hover { background-color: #82bd4e; box-shadow: 0 0 0 #649539 inset; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #649539; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #649539; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #649539 } .btn-3-1 { padding: 11px 35px } .btn-4 { padding: 11px 25px; background: #7c1ac1 } .btn-4:active:focus, .btn-4:active:hover, .btn-4:focus, .btn-4:hover { background-color: #7c1ac1; box-shadow: 0 0 0 #560a8c inset; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #560a8c; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #560a8c; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #560a8c } .btn-5 { padding: 11px 25px; background: #f5684d } .btn-5:active:focus, .btn-5:active:hover, .btn-5:focus, .btn-5:hover { background-color: #f5684d; box-shadow: 0 0 0 #922f1b inset; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #922f1b; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #922f1b; box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #922f1b } .btn-7 { padding: 11px 45px; background-color: #0cb1e3; transition: .3s } .btn-7:active:focus, .btn-7:active:hover, .btn-7:focus, .btn-7:hover { background-color: #416690; top: auto } .btn.btn-8 { padding: 9px 25px 11px; color: #0cb2e3; background: #fff; box-shadow: 0 0 0 #e8e8e8 inset; -webkit-box-shadow: 0 0 1px #bababa, inset 0 -3px 1px #e8e8e8; -moz-box-shadow: 0 0 1px #bababa, inset 0 -3px 1px #e8e8e8; box-shadow: 0 0 1px #bababa, inset 0 -3px 1px #e8e8e8 } .btn.btn-8 .fa-angle-right { transition: .3s } .btn.btn-8 .fa-angle-right:before { vertical-align: bottom; padding-left: 4px; display: inline-block } .btn.btn-8:focus, .btn.btn-8:hover { background-color: #fff; color: #0cb2e3; -webkit-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #e8e8e8; -moz-box-shadow: 0 0 2px #bababa, inset 0 -3px 1px #e8e8e8; box-shadow: 0 0 2px #bababa, inset 0 -4px 1px #e8e8e8 } .btn.btn-8:active { -webkit-box-shadow: inset 0 0 2px #bababa, 0 -3px 1px #e8e8e8; -moz-box-shadow: inset 0 0 2px #bababa, 0 -3px 1px #e8e8e8; box-shadow: inset 0 0 2px #bababa, 0 -4px 1px #e8e8e8 } .box-btn-1 { margin-top: 20px } .box-btn-2, .box-btn-3, .box-btn-4, .box-btn-5 { margin-top: 35px } .box-btn-2 { margin-top: 15px } .angle { border-left: 4px solid #3baed9; border-top: 4px solid #3baed9; position: absolute; top: -4px; left: -4px } .angle { width: 100px; height: 100px } .angle:before { position: absolute; content: ""; width: inherit; height: inherit; z-index: 2 } .s-main-service-cont { font-size: 14px; color: #333; line-height: 1.714; text-align: center } .circle-2 { width: 320px; height: 320px; background: #fbfcfe; -moz-border-radius: 160px; -webkit-border-radius: 160px; border-radius: 160px; margin: auto; padding: 60px; color: #e1edf5 } .circle-footer { border: 1px solid #fbfcfe; border-radius: 20px; padding: 30px 20px; bottom: 40px; background-color: #fbfcfe; min-height: 310px } .border-circle-footer { border-top: 1px solid #d3d3d4; width: 190px; margin: 0 auto; text-align: center; color: #8b8a8a }  @media screen and (max-width:900px) { .border-circle-footer { border-top: 1px solid #d3d3d4; margin: 0; text-align: left } } .ms-h5 { font-size: 18px; color: #333; font-weight: 400 } .border-right-1 { border-right: 2px solid #e4e4e4; padding-bottom: 50px; padding-left: 5px } .border-right-2 { border-right: 2px solid #e4e4e4; padding-bottom: 50px; padding-left: 5px } .border-right-3 { padding-left: 6px } .p-filters { width: 100%; margin: 0 auto } .p-f-select { width: 100% } .p-select .jq-selectbox__trigger-arrow { top: 18px; border-top: 8px solid #2e001f; border-right: 8px solid transparent; border-left: 8px solid transparent } .p-select .jq-selectbox__select-text { font-size: 17px } .p-block { display: inline-block; text-decoration: none!important; float: left } .p-block-custom { position: relative; overflow: hidden } .p-block-custom i.fa-clock { display: inline } .p-block-custom img { width: 100%; height: 100%; transition: .5s; object-fit: cover } .p-block-custom:hover img { transform: scale(1.1) } .p-block-custom .p-block-header { position: absolute; background: rgba(15,21,35,.5); width: 100%; top: 0; left: 0 } .p-block-custom .p-block-price { position: relative; margin: 10px 15px } .p-block-custom .p-block-header__info { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 15px 10px } .p-block-image { background: #f6f6f6; overflow: hidden } .p-block-text { display: -webkit-box; overflow: hidden; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #727272; font-size: 14px } .p-filters-order { padding: 20px } .p-filters-order-row ul { list-style-type: none; padding: 0; margin: 0 } .p-filters-order-row li { display: inline-block } .p-filters-order-row li:nth-child(4n) { margin-right: 0 } .p-filters-order-row a:nth-child(4n) { margin-right: 0 } .rotate { transform: rotate(360deg); transition-duration: 1s } .loader { position: absolute; border: 4px solid #4bce51; border-radius: 50%; border-top: 4px solid #555; width: 32px; height: 32px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; right: -10px } .houses-loading { display: none; position: relative } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0) } 100% { -webkit-transform:rotate(360deg) } } @keyframes spin { 0% { transform:rotate(0) } 100% { transform:rotate(360deg) } } .p-content { margin-top: 50px } .p-content-info { position: relative; padding-left: 20px; margin-bottom: 140px; background: #fbfbfe } .p-content-info__left-name { padding-left: 20px; margin-bottom: 40px; border-left: 4px solid #0cb2e3 } .p-content-info__inner { position: relative; max-width: 690px; padding-top: 75px; padding-bottom: 80px } .p-content-info__left-text { line-height: 24px; color: #8b8a8a } .p-content-info__right { position: absolute; top: 0; right: 0; left: 62%; bottom: 0 } .p-content-info__right>img { width: 100%; height: 100% } .pagination { display: block; overflow: auto } .pagination__inner>* { display: inline-block } .pagination__inner ul { padding: 0; margin: 0; list-style-type: none } .pagination__inner .arrow a:hover { color: #82bd4e } .pagination__inner .arrow a[disabled] { color: #8b8a8a; cursor: context-menu; pointer-events: none } .pagination__inner .arrow_left { margin-right: 5px } .pagination__inner .arrow_right { margin-left: 5px } .pagination__inner a { display: inline-block; background: #f7f7f7; border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #8b8a8a } .pagination__inner a:focus, .pagination__inner a:hover { text-decoration: none } .pagination__inner ul li { display: inline-block } .pagination__inner ul a { background: 0 0 } .pagination__inner ul a:hover { color: #82bd4e } .pagination__inner ul a[active], .pagination__inner ul a[disabled] { cursor: context-menu; pointer-events: none } .pagination__inner ul a[active] { color: #82bd4e; font-weight: 700 } #footer { position: relative; float: left; width: 100%; background: #152631; color: #969ea3 } #footer a { color: #969ea3; text-decoration: none; font-weight: 400 } .footer-top__inner { padding: 25px 0 15px; border-bottom: 1px solid #384651 } .footer-top__name { display: none } .footer-top__list { display: inline-block; list-style-type: none; margin: 0; padding: 0 } .footer-top__list>li { margin-right: 30px; float: left } .footer-top__right-text { text-transform: uppercase; vertical-align: middle; margin-right: 25px } .footer-top__right__list { display: inline-block; vertical-align: middle } .footer-top__right__list>a { float: right; margin-right: 7px } .footer-top__right__list>a:first-child { margin-right: 0 } .footer-top__icon { display: inline-block; width: 25px; height: 25px } .footer-center { margin: 45px 0; overflow: auto } .footer-center__logo { display: inline-block; margin-top: 10px } .footer-center__logo>svg { fill: #64727b; width: 118px; height: 46px } .footer-center__right { width: 80% } .footer-center__right-title { display: block } .footer-center__right-block { width: 32%; display: inline-block } .footer-center__right-block p { white-space: nowrap; margin-bottom: 15px } .footer-center__right-block p:last-child { margin-bottom: 0 } .footer-bottom { color: #64727b; padding: 25px 0; border-top: 1px solid #384651 } .footer-bottom__left { display: inline-block } .footer--block { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px } #footer .footer-top__right__list a svg { fill: #44515a } #footer .footer-top__right__list a:hover svg { fill: #737d83 } .wrapper-object-item { padding: 0; clear: none }.swiper-slide-carusel{width: 135px;} .secondary-top-swiper-slide,.secondary-low-swiper-slide,.main-swiper-slide { text-align: center; font-size: 18px; background: #000 } .p-block .fa-clock { display: none } .fs-12 { font-size: 12px } .fs-14 { font-size: 14px } .fs-16 { font-size: 17px } .fs-18 { font-size: 18px } .fs-20 { font-size: 20px } .fs-24 { font-size: 24px } .fs-25 { font-size: 25px } .fs-30 { font-size: 30px } .color-white { color: #fff } .color-green { color: #82bd4e } .font-bold { font-weight: 700 } .text-center { text-align: center } .text-right { text-align: right } .text-left { text-align: left } .mt-60 { margin-top: 60px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mt-140 { margin-top: 140px; }  .mr-0 { margin: 0!important } .mb-0 { margin-bottom: 0!important } .mb-5 { margin-bottom: 5px } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-25 { margin-bottom: 25px } .mb-30 { margin-bottom: 30px } .mb-35 { margin-bottom: 35px } .mb-40 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .mb-50 { margin-bottom: 50px } .mb-60 { margin-bottom: 60px } .mb-80 { margin-bottom: 80px } .mb-100 { margin-bottom: 100px } .mb-120 { margin-bottom: 120px } .mb-140 { margin-bottom: 140px } .mr-30 { margin-right: 30px } .mr-50 { margin-right: 50px } .pd-b-50 { padding-bottom: 50px } .mw-1200 { max-width: 1200px } .margin-auto { margin-left: auto; margin-right: auto } .overflow-hidden { overflow: hidden } .overflow-auto { overflow: auto } .input-lg[custom-placeholder]+label { position: absolute; top: 11px; left: 23px; color: #9a9a9a; cursor: text; font-weight: 400; font-size: 18px; margin: 0 }  @media screen and (max-width:1220px) { .p-block { position: relative; float: none!important; max-width: 420px; width: 100%; height: 330px; max-height: none; display: inline-block; margin: 0 0 20px; vertical-align: top; text-align: left; border-bottom: 7px solid #ececec; padding-bottom: 20px } .p-block .p-block-image { height: 235px } .p-block .text-price { display: none } .p-block-text { -webkit-line-clamp: 1; height: 52px; line-height: 52px; text-align: center } .p-block .fa-clock { display: inline-block } .p-block-header { font-size: 20px } .p-block-header__info { display: none } .p-filters-order-row { text-align: center } .p-block-action { text-align: center } .p-block-action::after { width: auto } .p-block-image img { height: 100%!important } .p-block-text { margin-bottom: 0 } .p-content-info { margin-bottom: 70px } .p-content-info__right { left: 62% } .p-content-info__inner { max-width: 58% } }  @media screen and (max-width:990px) { .p-content-info__right { left: 60% } }  @media screen and (max-width:900px) { .p-content-info { padding: 0 } .p-content-info__inner { text-align: center; max-width: none; padding: 0 20px 35px; margin-top: 55px; border-bottom: 4px solid #f3f4f4 } .p-content-info__right { position: relative; left: auto; height: 300px; width: auto } .p-content-info__left-name { padding: 0 0 30px; border: 0; margin: 0 } .p-content-info__left-name::after { content: ""; display: block; width: 33px; height: 4px; background: #3baed9; margin: 30px auto 0 } }  @media screen and (max-width:650px) { .p-content-info__right { height: 210px } .p-content-info__right>img { min-width: auto } }  @media screen and (max-width:900px) { .footer-center__right-block { width: 45%; margin-bottom: 20px } .footer-center__right-block:last-child { text-align: left } }  @media screen and (max-width:800px) { .footer-center__logo { width: 25% } .footer-center__right { width: 75% } }  @media screen and (max-width:700px) { #footer { text-align: center } .footer__inner { margin-top: 50px } .footer-center>* { width: 100% } .footer-center__logo { display: none } .footer-top { padding: 0 20px; margin: 0 } .footer-top__inner { border: 0 } .footer-top__name { display: block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px } .footer-top__list { margin-bottom: 50px } .footer-top__right { float: none!important } .footer-top__right-text { display: block; margin: 0 0 20px } .footer-top__list li { display: block; float: none; margin: 0 0 20px } .footer-top__icon { display: block; margin: 0 10px 10px!important } .footer-top__icon:last-child { margin-bottom: 0!important } .footer-center { margin-bottom: 35px } .footer-center__right-block { display: block; width: 100% } .footer-center__right-block:last-child { text-align: center } } .contacts #s-input-message { height: 140px; resize: none } .feedback-modal .contacts #s-input-message { height: 100px } .feedback-modal .contacts .btn.btn-7:hover { background-color: #416690 } .feedback-modal .popup-wrap { border-radius: 6px } .feedback-modal .popup-res-wrap button.close { margin-top: -2px; margin-right: 15px } .feedback-modal .modal-title { font-size: 20px; font-weight: 700; text-align: center } .feedback-modal .p-feedback { font-size: 18px; text-align: center; margin: 10px 0 } .feedback-modal .btn, .feedback-modal input, .feedback-modal label, .feedback-modal textarea { font-size: 18px } .feedback-modal .form-group { margin-bottom: 5px } .page-pd header .header { padding: 0 14px } .error-p-block { padding: 50px; margin-bottom: 30px; margin-top: 15px } .wrap-img { padding: 10px } .wrap-img .contact-top-bg { float: right; width: 233px; height: 233px } .wrap-error .error-top-bg, .wrap-img .contact-top-bg { border-radius: 50%; padding: 30px } .wrap-error .error-top-bg { width: 292px; height: 292px; margin-top: 20px } .wrap-error h2 { margin-top: -100px; margin-bottom: 0; z-index: 3 } .d-block { display: block; color: #000 } .wrap-error .error-top-bg img { margin: 0 auto } .wrap-error.form-1 .btn-0:hover { color: #00c7e2 } .wrap-img .contact-top-bg img { margin: 20px 0 } .contact-title { max-width: 580px } .contact-text { border-left: 4px solid #00aedc; padding-left: 15px } .contact-text span { display: block; font-size: 17px; color: #8b8b8b; line-height: 1.2 } .s-body-contact, .s-body-support { background: #003c74 url(/img/products_consultation_cut.webp) no-repeat 0 100%; background-size: cover; height: auto; float: left; width: 100% } .wrap-info .block-info { margin-top: 15px; padding: 35px 0 10px; border-bottom: 4px solid #f7f7f7 } .wrap-info .block-info .icon { width: 44px; height: 36px; float: left } .wrap-info .block-info .text { float: left; font-size: 17px; color: #8b8b8b; line-height: 2 } .wrap-info .block-info .text span { font-weight: 700; color: #000; padding-right: 10px } .wrap-info .icon.ico-viber img { margin-left: -8px } .wrap-info .icon img { margin-left: -5px } .wrap-info .ico-email { margin-right: 2px } .p-support { font-size: 17px; padding: 10px 0 } .feedback-modal .contacts input:focus+.help-pop-info, .feedback-modal .contacts textarea:focus+.help-pop-info, .s-support-form.contacts input:focus+label, .s-support-form.contacts textarea:focus+label { display: none } .btn.btn-7._form-save:not(:active) { background-color: #0cb1e3 } .s-contact-content-item .s-text { font-weight: 500 } .feedback-modal .help-block.with-errors { display: none } #msg-popup .btn-1._form-save { margin-top: 10px } .s-support-form.contacts .btn._form-save { margin-top: 10px } .s-support-form.contacts .form-valid .help-block.with-errors { transition-duration: .2s } .feedback-modal .modal-header { padding-bottom: 10px } .cf-modal, .houses-loading-modal {width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 125; transition-duration: 1s } .cf-inner, .houses-loading-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: auto; margin-right: auto; background: #fff; height: auto; text-align: center; box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,.2); z-index: 5; border: 4px solid #f5f5f5; border-radius: 10px } .houses-loading-modal { background-color: rgba(220,220,220,.2) } .houses-loading-inner { border: none; background: 0 0 } .cf-inner { width: 320px } .feedback-modal-header { width: 32px; height: 32px; position: absolute; right: 15px; top: 15px; z-index: 6 } .feedback-modal-header a { color: grey } .feedback-modal-header a:hover { color: #656565 } .cf-modal .cf-modal-header { width: 32px; height: 32px; position: absolute; right: -30px; top: -30px; z-index: 6 } .cf-modal .cf-modal-header a, .feedback-modal-header a { width: 100%; display: block; height: 100%; line-height: 2.2 } .cf-modal .pop-icon, .popup-res-wrap .pop-icon { padding-bottom: 0; padding-top: 10px } .cf-modal .pop-icon img, .popup-res-wrap .pop-icon img { width: auto; height: auto } .cf-modal .pop-icon .i-popup-success, .popup-res-wrap .pop-icon .i-popup-success { margin: 20px auto 0; background-image: url(/img/cf-popup-success.svg); width: auto; height: 130px; background-size: contain; background-position: center; background-repeat: no-repeat } .cf-green { color: #17ad17 } .cf-modal h4 { font-weight: 700; margin-bottom: 50px } .cf-modal .bold { font-size: 17px } .cf-modal .cf-modal-header a i { color: #939aa0 } .cf-modal .cf-modal-header a:hover i { color: #fff } .cf-modal__header { color: #fff; background: #333; line-height: 50px; text-align: center; position: relative; height: 50px; box-sizing: border-box } .cf-modal__header a { position: absolute; top: 0; right: 0; text-decoration: none; color: #fff; font-weight: 700; display: block; padding: 0 20px; font-size: 17px; background: #555; height: 100% } .feedback-modal .popup-res-wrap .pop-icon { margin-top: 60px } .feedback-modal .popup-res-wrap .pop-icon+#popup-server-results { top: 60% } .popup { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.75); z-index: 1; text-align: center } .popup:before { content: ''; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle } .popup-inner { display: inline-block; text-align: left; vertical-align: middle; position: relative; max-width: 700px; width: 90%; padding: 40px; box-shadow: 0 2px 6px #000; border-radius: 3px; background: #fff; text-align: center } .popup-inner h1 { font-family: roboto slab, serif; font-weight: 700 } .popup-inner p { font-size: 24px; font-weight: 400 } .popup-close { width: 34px; height: 34px; padding-top: 4px; display: inline-block; position: absolute; top: 20px; right: 20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 100%; background: 0 0; border: solid 4px gray } .popup-close:after, .popup-close:before { content: ""; position: absolute; top: 11px; left: 5px; height: 4px; width: 16px; border-radius: 30px; background: gray; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .popup-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .popup-close:hover { -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); background: red; text-decoration: none; border-color: red } .popup-close:hover:after, .popup-close:hover:before { background: #fff }  @media screen and (min-width:1247px) { header .header-nav .dropdown:first-child { margin-left: 50px } }  @media screen and (min-width:1025px) and (max-width:1246px) { header .header-nav .item-menu { padding: .3125rem .425rem } }  @media screen and (min-width:880px) { #menu { display: none } } .service-main-title { margin: 0; font-size: 30px; line-height: 46px; color: #000; font-weight: 700; text-align: center }  @media only screen and (max-width:1024px) { .service-body .wrapper { padding: 0 20px } .service-main-title { margin: 0; font-size: 26px } }  @media screen and (max-width:767px) { .top1 div { text-align: center; margin: 0 auto } .wrap-img .contact-top-bg { float: none } .wrap-info .block-info { margin: 0 auto; float: none!important; width: 70% } .wrap-error h2 { margin-bottom: 30px } }  @media screen and (max-width:750px) { .s-body-support { min-height: 614px } .s-body-support.s-body-contact { padding-left: 20px; padding-right: 20px } } @media screen and (max-width:480px) { .form-1 { margin-top: 10px } .fs-30 { font-size: 26px } .wrap-info .block-info { width: 90% } .s-body-support.s-body-contact>div { padding-left: 0!important; padding-right: 0!important } .s-body-support.s-body-contact .support-content-head { padding-left: 15px; padding-right: 15px } }  @media screen and (max-width:420px) { .wrap-error .error-top-bg { width: 255px; height: 255px; margin-top: 20px } .wrap-error h2 { font-size: 26px } .wrap-error h2 { margin-top: -70px } .error-p-block { padding: 15px } #apartment { padding-left: 0; padding-right: 0 } .s-body-support { min-height: 592px; padding: 0; position: relative; float: left } .s-body-support.s-body-contact { padding-left: 5px; padding-right: 5px; padding-bottom: 50px } }  @media all and (max-width:360px) { .feedback-inner { width: 100% } #msg-popup>div { padding-right: 5px; padding-left: 5px } .feedback-modal .p-feedback { font-size: 16px } }  @media all and (max-width:350px) { .wrap-info .block-info { width: 95% } .wrap-info .block-info .icon { margin-right: -8px } } .box-btn-1 { margin-top: 30px }  @media screen and (max-width:900px) { .s-box-service { width: 100%; padding: 0 } } .s-container-content-moby { margin-bottom: 40px } .s-box-content-moby { margin-bottom: 15px } .box-btn-moby-2 { margin-top: 20px } .delete-after::after { content: none } .s-box-content { width: 60%; max-width: 650px; background: #fbfbfe } .s-box-content-inner { padding: 130px 0 20px; text-align: left } .s-box-content-inner-text { line-height: 24px; color: #8b8a8a; font-size: 17px }  @media screen and (max-width:900px) { .s-box-content { width: 100%; position: relative; padding: 0 } .s-box-content-inner { padding: 40px 10px; text-align: center } } .s-contact-content-item { position: relative; padding-bottom: 35px } .s-contact-content-item::after { content: ""; position: absolute; left: 5px; top: 6px; height: 100%; width: 3px; background: #e4e4e4 } .delete-after::after { content: none } .s-contact-content-item .s-circle { background-color: #bdbdbd; top: 6px } .s-contact-content-item .s-text { display: inline-block; padding-left: 40px; position: relative; font-size: 18px } @keyframes blinker { from { background-color:#227c9e } to { background-color:#bdbdbd } } @-webkit-keyframes blinker { from { background-color:#227c9e } to { background-color:#bdbdbd } } .circle-2 { width: 30%; height: 100%; background: #fbfcfe; -moz-border-radius: 160px; -webkit-border-radius: 160px; border-radius: 160px; margin: auto; padding: 60px; color: #e1edf5; margin-top: 10px; display: inline-block }  @media screen and (max-width:900px) { .circle-2 { width: auto } } .s-container-service { width: 100%; margin-bottom: 40px } .s-body-service { width: 100%; margin: 0 auto; max-width: 1200px; text-align: center } .s-box-circle-name { font-size: 20px; color: #333; font-weight: 500; position: relative; top: 100px } .s-box-service { display: inline-block; max-width: 316px; margin: 0 10px; width: 33.333%; position: relative; vertical-align: top } .circle-img-1 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) } .s-box-circle-header { height: 90px; position: relative; margin-bottom: 40px } .circle-1 { width: 100px; height: 100px; background: #fbfcfe; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin: auto; padding-top: 10px; font-size: 50px; font-weight: 500; color: #e1edf5; position: relative; z-index: 1; top: 40px } .circle-footer { border: 1px solid #fbfcfe; border-radius: 20px; padding: 30px 20px; bottom: 40px; background-color: #fbfcfe; min-height: 455px; line-height: 1.7 } .s-container-service-title { line-height: 46px; color: #000; font-weight: 700; text-align: center; font-size: 30px; margin-bottom: 20px }  @media screen and (max-width:900px) { .s-container-service-title { font-size: 26px } .circle-1 { display: none } .s-box-service { display: block; width: 100%; max-width: 100%; padding: 0; margin: 0; margin-bottom: 40px } .s-box-circle-name { font-size: 20px; vertical-align: bottom; overflow: hidden; position: relative; top: auto; width: 100% } .circle-img-1 { position: unset; transform: none } .s-box-circle-header { height: auto; text-align: left; margin-bottom: 20px; padding-left: 20px; vertical-align: bottom } .circle-footer { border-radius: 0; text-align: left; min-height: auto } .s-box-circle-header .circle-img-1, .s-box-circle-header .s-box-circle-name { display: inline-block } } .border-bottom-none { border-bottom: none } .border-right-none { border-right: none } .popover-content { padding-left: 22px }  @media only screen and (max-width:461px) { [data-show].in { display: block!important } }  @media only screen and (max-width:1049px) { .contact-title { margin-top: 10px } } /*investors*/ .oi-content-contacts__icon { position: absolute; width: 110px; height: 75px; left: 50%; bottom: -45px; margin-left: -45px; }  .inv-title-h2 { olor: #010101; font-size: 30px; letter-spacing: 1.5px; line-height: 1.2; text-align: center; font-weight: 500; float: left; width: 100%; } .investors-body { background: url(/img/bg-investors.png) no-repeat center 15%; background-size: auto auto; box-shadow: 1px 1px 5px rgba(0, 0, 0, .24); background-size: cover; } .investors-body-content { display: flex; flex-direction: column; text-align: center; height: 75vh; } .investors-box-content { flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .investors-box-arrow { flex-grow: 0; flex-shrink: 0; flex-basis: auto; text-align: center; } .investors-header-h1 { font-size: 52px; font-weight: 300; text-align: center; color: #fff; margin-top: 180px; margin-bottom: 0; } .inv-body-why { max-width: 1200px; margin: 0 auto; margin-bottom: 80px; text-align: center; } .inv-box-why { display: inline-block; padding: 0 50px; } .inv-why-alt { margin-top: 30px; font-size: 16px; } .inv-box-investment { position: relative; max-width: 730px; padding: 10px 20px; margin: 0 auto; margin-bottom: 60px; text-align: center; } .inv-investment-content { padding: 45px 40px 45px 70px; color: #8b8a8a; border: 4px solid #f3f4f4; font-size: 16px; text-align: left; } .invs-investment-icon { width: 560px; position: relative; top: 3px; } .invs-body-appeal { position: relative; width: 100%; float: left; } .invs-box-appeal { width: 100%; margin: 0 auto; margin-top: 0px; max-width: 1000px; } .invs-box-appeal-content-1 { float: right; max-width: 70%; font-size: 16px; color: #8b8a8a; } .invs-box-appeal-content-2 { float: right; max-width: 70%; font-size: 16px; color: #8b8a8a; padding-left: 150px; } .invs-appeal-bg-1 { background-color: white; border-radius: 50%; padding: 0 30px; float: left; } .invs-appeal-bg-2 { background-color: white; border-radius: 50%; padding: 0 30px; float: right; } .invs-box-appeal .invs-box-appeal-content-1, .invs-box-appeal .invs-box-appeal-content-2, .invs-box-appeal .invs-appeal-bg-1, .invs-box-appeal .invs-appeal-bg-2 { display: inline-block; } .inv-img-batnews { position: relative; float: left; position: relative; right: 10%; } .inv-body-safely { width: 100%; margin-bottom: 80px; background: #fbfbfe; float: left; position: relative; } .inv-safely-box { margin: 0 auto; max-width: 1200px; } .inv-news-hover { display: inline-block; border: 4px solid #fbfbfe; height: 260px; vertical-align: top; margin-top: 85px; } .inv-news-hover:hover { border: 4px solid #f7f7f7; } .bitch { top: 100%; left: 44%; border-bottom: 4px solid #fbfbfe; position: absolute; } .inv-news-hover:hover .bitch { border-bottom: 4px solid #3baed9; width: 30px; } .inv-news-quotes { text-align: center; font-weight: bold; font-size: 16px; color: #000; } .inv-news-logo { margin-top: 30px; margin-bottom: 20px; text-align: center; } .inv-news-content { width: 800px; left: 32%; position: absolute; height: 100%; background: #fbfbfe; padding-left: 10px; } .inv-safely-box .inv-img-batnews, .inv-safely-box .inv-news-content { display: inline-block; } .invs-body-demand { position: relative; width: 100%; float: left; margin-bottom: 40px; } .invs-box-demand { width: 100%; margin: 0 auto; margin-top: 0px; max-width: 800px; font-size: 16px; color: #8b8a8a; text-align: center; } .invs-container-service { width: 100%; } .invs-body-service { width: 100%; margin: 0 auto; max-width: 1200px; text-align: center; } .invs-box-service { display: inline-block; max-width: 316px; margin: 0 10px; position: relative; vertical-align: top; } .invs-circle { width: 130px; height: 130px; background: #fbfcfe; -moz-border-radius: 65px; -webkit-border-radius: 65px; border-radius: 65px; margin: auto; padding-top: 30px; position: relative; z-index: 1; top: 60px; } .invs-circle-h3 { font-size: 18px; font-weight: 400; } .invs-service-content { font-size: 14px; color: #8b8a8a; } .invs-circle-footer { border: 1px solid #fbfcfe; border-radius: 20px; padding: 30px 20px; bottom: 40px; background-color: #fbfcfe; min-height: 330px; line-height: 1.7; } .btn-9 { padding: 11px 45px; background-color: #ff5a30; transition: .3s; } .inv-body-advice { background: url(/img/investors-advice-bg.png) no-repeat; background-color: rgba(0, 0, 0, 0); background-size: auto auto; background-color: rgba(0, 0, 0, 0); background-size: auto auto; background-color: #076c9e; height: 100%; background-size: cover; width: 100%; float: left; position: relative; padding-bottom: 40px; padding-top: 50px; } .inv-title-advice-h2 { color: #fff; font-size: 30px; letter-spacing: 1.5px; line-height: 1.2; text-align: center; font-weight: 500; } .inv-title-advice-h3 { color: #fff; font-size: 20px; letter-spacing: 1.5px; line-height: 1.2; text-align: center; font-weight: 500; } .inv-title-border { max-width: 30px; color: #4b6da1; text-align: center; margin: 0 auto; border-bottom: 4px solid; } .inv-title-advice { margin-bottom: 50px; } .inv-bitch-v { border-left: 4px solid rgba(0,0,0,0); } .inv-box-advice-content { margin-left: 0px; transition-duration: 0.5s; } .inv-box-advice { width: 100%; margin: 0 auto; max-width: 950px; padding: 0 20px; margin-bottom: 30px; } .inv-body-advice-content:hover .inv-box-advice-content { margin-left: 20px; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -ms-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out; } .inv-box-advice-content { color: #fff; font-size: 16px; background-image: -moz-linear-gradient(-56deg, rgba(0, 2, 61, 0.21) 0%, rgba(0, 60, 105, 0.1) 60%); background-image: -webkit-linear-gradient(-56deg, rgba(0, 2, 61, 0.21) 0%, rgba(0, 60, 105, 0.1) 60%); background-image: -ms-linear-gradient(-56deg, rgba(0, 2, 61, 0.21) 0%, rgba(0, 60, 105, 0.1) 60%); border-radius: 10px 0 0 10px !important; border: none; margin-bottom: 10px; padding: 30px 15px; } .inv-body-advice-content { max-width: 1000px; } .inv-body-advice-content:hover .inv-bitch-v { border-left: 4px solid #0cb2e3; } .inv-box-advice-btn { width: 100%; margin-top: 20px; margin-bottom: 60px; text-align: center; float: left; } .inv-box-advice-content .advice-content-num, .inv-box-advice-content .advice-content-text { display: inline-block; } .advice-content-text { padding-left: 45px; max-width: 750px; } .advice-content-num { position: absolute; font-size: 40px; top: 30%; color: #3baed9; font-weight: 500; } .inv-bitch-v { position: absolute; height: 30px; left: -17px; top: 28%; } .inv-title-h3 { font-size: 20px; font-weight: 400; text-align: center; } .invs-body-contacts { width: 100%; margin: 0 auto; position: relative; float: left; } .invs-box-contacts { position: relative; max-width: 613px; margin: 0 auto; } .invs-contacts-content { color: #8b8a8a; border: 4px solid #f3f4f4; font-size: 16px; text-align: center; margin-bottom: 120px; line-height: 3; padding: 50px 0; overflow: hidden; }  @media only screen and (max-width: 1200px) { .inv-news-content { width: 750px; } }  @media only screen and (max-width: 1124px) { .inv-news-content { width: 650px; } .inv-img-batnews { right: 10%; } }  @media only screen and (max-width: 994px) { .img-batnews { right: 15%; } }  @media only screen and (max-width: 993px) { .img-batnews { right: auto; } .inv-img-batnews { float: none; } .inv-safely-box .inv-img-batnews, .inv-safely-box .inv-news-content { display: block; text-align: center; } .img-batnews { right: unset; } .inv-img-batnews { right: unset; } .inv-news-content { width: 100%; } .inv-news-content { left: unset; position: relative; } }  @media only screen and (max-width: 950px) { .invs-box-appeal .invs-box-appeal-content-1, .invs-box-appeal .invs-box-appeal-content-2, .invs-box-appeal .invs-appeal-bg-1, .invs-box-appeal .invs-appeal-bg-2 { display: block; } .invs-box-appeal-content-2, .invs-box-appeal-content-1 { padding: 0px 10px; max-width: 100%; } .invs-appeal-bg-1, .invs-appeal-bg-2 { text-align: center; float: none; } .inv-img-batnews { position: relative; right: unset; float: none; } }  @media only screen and (max-width: 900px) { .investors-header-h1 { font-size: 52px; margin-top: 100px; } }  @media only screen and (max-width: 560px) { .investors-header-h1 { font-size: 42px; margin-top: 100px; } }  @media only screen and (max-width: 447px) { .investors-header-h1 { font-size: 42px; margin-top: 50px; } .inv-investment-content { padding: 25px 10px 25px 10px; text-align: center; } .invs-box-appeal-content-1, .invs-box-appeal-content-1 { text-align: center; } }  @media only screen and (max-width: 590px) { .invs-body-contacts { padding: 0 10px; } .invs-contacts-content .col-xs-6 { width: 100%; } } /*street*/ .str-body-main-menu { position: relative; width: 100%; float: left; background-color: #fcfaff; padding: 20px 0; border-bottom: 4px solid #f3f4f4; } .str-box-main .str-main-img, .str-box-main .str-main-menu { display: inline-block; } .str-box-main { width: 100%; margin: 0 auto; padding-left: 30px; } .str-main-img { float: right; position: relative; right: 10%; } .str-top-bg { background-color: white; border-radius: 50%; padding: 33px 13px; width: 195px; height: 195px; } .str-main-menu .str-arrow-ico, .str-main-menu .str-main-menu-text { display: inline-block; } .str-main-menu { margin-top: 20px; } .str-main-menu-text { font-size: 20px; font-weight: 600; border-left: 4px solid #00aedc; padding-left: 30px; } .str-arrow-ico { color: #8b8a8a; font-size: 16px; margin-right: 50px; } .str-main-menu-title { font-size: 22px; margin-left: 150px; font-weight: 400; max-width: 800px; } .str-body-sum { width: 100%; margin: 0 auto; padding-left: 185px; float: left; } .str-box-sum { font-size: 16px; font-weight: 400; padding: 20px 0; } .str-body-companu { width: 100%; margin: 0 auto; padding-left: 185px; float: left; } .str-box-companu { font-size: 16px; font-weight: 400; padding: 30px 0; } .str-box-companu svg { fill: #c9cacb; right: 35px; top: 10px; position: relative; width: 50px; } .str-box-developer { right: 30px; position: relative; font-size: 20px; color: #000!important; font-weight: 600; } .str-box-home { margin-left: 25px; position: relative; } .str-box-companu-inline .str-box-home, .str-box-companu-inline .str-box-companu-btn { display: inline-block; } .str-box-companu-btn { float: right; right: 15%; position: relative; width: 110px; font-size: 16px; font-weight: 500; color: #0cb2e3; } .sbal { padding-top: 5px; float: left; padding-right: 10px; } .sbar { display: none; float: right; padding-top: 4px; } .str-body-companu:hover .sbar { display: block; } .str-companu-linc:hover { color: #0cb2e3; } .str-companu-back:hover, .str-companu-back { color: #8b8a8a; } /**/ .com-top-bg { background-color: white; border-radius: 50%; width: 192px; height: 192px; } .com-box-companu { font-size: 16px; font-weight: 400; padding: 30px 0; } .com-box-companu svg { fill: #c9cacb; right: 35px; position: relative; width: 20px; margin-right: 30px; } .str-count-serch { font-size: 16px; color: #0cb2e3; } .str-serch-line a { margin: 10px 0; font-size: 16px; color: #8b8a8a !important; width: 100%; position: relative; float: left; } .str-serch-no { text-align: center; font-size: 18px; color: #000; font-weight: 400; margin-top: 20px; position: relative; width: 100%; float: left; } .str-serch-r { text-align: center; font-size: 16px; color: #8b8a8a; font-weight: 300; margin-bottom: 40px; } .str-body-serch { width: 100%; float: left; position: relative; margin-bottom: 40px; } .str-box-serch { font-size: 16px; font-weight: 400; padding: 20px 0; max-width: 400px; margin: 0 auto; position: relative; } .str-ico-no { width: 100%; float: left; position: relative; text-align: center; margin-top: 20px; } .str-ico-no img { width: 80px; margin-right: 30px; } .com-box-serch { font-size: 16px; font-weight: 400; padding: 20px 0; max-width: 470px; margin: 0 auto; position: relative; }   .investors-body { background: url(/img/bg-investors.png) no-repeat center 15%; background-size: auto auto; box-shadow: 1px 1px 5px rgba(0,0,0,.24); background-size: cover } .investors-body-content { display: flex; flex-direction: column; text-align: center; height: 75vh } .investors-box-content { flex-grow: 1; flex-shrink: 0; flex-basis: auto } .investors-box-arrow { flex-grow: 0; flex-shrink: 0; flex-basis: auto; text-align: center } .investors-header-h1 { font-size: 52px; font-weight: 300; text-align: center; color: #fff; margin-top: 180px; margin-bottom: 0 } .btn-9 { padding: 11px 45px; background-color: #ff5a30; transition: .3s }  @media only screen and (max-width:900px) { .investors-header-h1 { font-size: 52px; margin-top: 100px } }  @media only screen and (max-width:560px) { .investors-header-h1 { font-size: 42px; margin-top: 100px } }  @media only screen and (max-width:447px) { .investors-header-h1 { font-size: 42px; margin-top: 50px } } .com-top-bg { background-color: #fff; border-radius: 50%; width: 192px; height: 192px } .secondary-filter-1, .secondary-filter-2, .secondary-filter-btn { width: 100% } .secondary-filter-1, .secondary-filter-2, .secondary-filter-btn { float: left; position: relative } .secondary-filter-1 { border-bottom: 4px solid #fff; padding: 30px 15px; background-color: #efefefcc } .secondary-filter-2 { border-bottom: 4px solid #fff; padding: 30px 15px } .secondary-filter-btn { padding: 30px 15px } .secondary-body { background: url(/img/bg-secondary.png) no-repeat center 15%; background-size: auto auto; background-size: auto auto; box-shadow: 1px 1px 5px rgba(0,0,0,.24); background-size: cover } .secondary-body-content { display: flex; flex-direction: column; text-align: center; height: 78vh } .secondary-body-filter { width: 100%; float: left; position: relative; padding: 20px 0 } .secondary-box-filter { max-width: 1160px; margin: 0 auto; position: relative } .secondary-filter-box-checkbox, .secondary-filter-number-rooms { display: inline-block } .secondary-filter-box-number-rooms .name { margin-right: 20px } .secondary-filter-btn-green, .secondary-filter-btn-red { display: inline-block } .secondary-filter-number-rooms label { margin-right: 20px; vertical-align: top } .secondary-filter-price { display: inline-block; margin-right: 10px } .secondary-filter-floor { display: inline-block; margin-right: 10px } .secondary-filter-border { width: 99%; float: left; border-bottom: 4px solid #fff; margin: 15px 5px } .secondary-floor-input, .secondary-living-space-input, .secondary-price-input { width: 110px } .secondary-filter-price .jq-selectbox__select-text { padding-left: 30px } .secondary-filter-price .jq-selectbox { top: -1.2px } .secondary-filter-price-label { color: #000; margin-right: 15px; font-size: 16px; font-weight: 700 } .secondary-filter-box-number-rooms, .secondary-filter-box-price { display: inline-block; margin-left: 18px } .secondary-filter-number-rooms, .secondary-filter-price { display: inline-block } .secondary-filter-box-number-rooms { padding: 10px 0; float: right } .secondary-filter-number-rooms .jq-checkbox { vertical-align: 0; top: -1px; left: -1px } .secondary-filter-number-rooms .lt { font-size: 18px; position: relative; top: -4px } .secondary-filter-box-floor { float: left; width: 100%; position: relative; margin-left: 15px } .secondary-floor-input { margin-right: 0 } .secondary-filter-box-living-space { float: left; width: 100%; position: relative; margin-left: 15px } .secondary-filter-living-space-label { color: #000; margin-right: 15px; font-size: 16px; font-weight: 700 } .secondary-filter-living-space { display: inline-block; margin-right: 10px } .btn-red { color: #df5e3e!important; font-size: 17px; font-weight: 700; padding: 10px 45px!important } .btn-green { color: #82bd4e!important; font-size: 17px; font-weight: 700; padding: 10px 35px!important } .secondary-filter-btn-green, .secondary-filter-btn-red { float: right } .secondary-filter-btn-red .fa-times { font-size: 12px; right: 20px; position: relative } .secondary-filter-btn-green { margin-right: 10px } .secondary-filter-btn-green .fa-check { font-size: 12px; right: 12px; position: relative } .secondary-filter-total-area { display: inline-block; margin-right: 10px } .secondary-filter-box-total-area { margin-bottom: 20px; display: inline-block; margin-left: 18px } .secondary-filter-total-area-label { color: #000; margin-right: 9px; font-size: 16px; font-weight: 700 } .secondary-filter-living-space img, .secondary-filter-total-area img { width: 17px; margin-right: 8px } .secondary-body-price-row .secondary-box-price:nth-child(4n) { margin-right: 0 } .secondary-body-price-row .secondary-box-price,.secondary-body-price-row .rent-box-price { margin-bottom: 40px; margin-right: 48px; width: 250px;  border-bottom: 7px solid #ececec; display: inline-block; text-decoration: none!important; float: left; position: relative; float: none!important; max-width: 420px; vertical-align: top; text-align: left; border-bottom: 7px solid #ececec; padding-bottom: 20px }.secondary-body-price-row .secondary-box-price {height: 450px;}.secondary-body-price-row .rent-box-price-height {height: 400px;} .secondary-block-price { display: inline-block } .secondary-body-price-content { padding: 0 10px } .secondary-body-price-image { background: #f6f6f6; overflow: hidden } .secondary-body-price-row .secondary-box-price img { height: 140px; width: 100%; transition: .5s; object-fit: cover } .secondary-body-price-row .secondary-box-price img:hover { transform: scale(1.1) } .secondary-box-price:hover .secondary-body-price-image img { transform: scale(1.1) } .secondary-body-price-content { padding: 0 10px; text-align: center } .secondary-body-price-title { color: #2e001f; margin-bottom: 5px; font-size: 20px; margin-top: 10px; text-align: left } .secondary-body-price-content .p-block-action { display: block; text-decoration: none!important } .secondary-body-price-content .p-block-action i, .secondary-body-price-content .p-block-action span { transition: .3s } .secondary-body-price-content .p-block-action:hover span { margin-right: 5px } .secondary-body-price-content .p-block-action:hover i { margin-right: -5px } .secondary-body-price a:hover .p-block-action i { margin-right: -5px } .secondary-body-price-cost, .secondary-body-price-id { display: inline-block } .secondary-body-price-cost { font-weight: 700; color: #f6931f } .secondary-body-price-id { margin-bottom: 5px; float: right; color: #727272; margin-top: 5px; font-size: 12px } .secondary-body-price-text, .rent-body-price-text { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #727272; font-size: 14px; text-align: center; font-size: 14px }.secondary-body-price-text {height: 200px}.secondary-body-price-text .street {overflow: hidden;}.rent-body-price-text {height: 120px} .secondary-body-price-text .street, .rent-body-price-text .street { font-weight: 600; font-size: 16px }  @media screen and (max-width:1200px) { .secondary-body-price-row .secondary-box-price:nth-child(4n) { margin-right: 50px } }  @media screen and (max-width:670px) { .secondary-body-price-row .secondary-box-price { margin-right: 10px; margin-left: 10px } .secondary-body-price-row .secondary-box-price:nth-child(3n) { margin-right: 10px; margin-left: 10px } .secondary-body-price-row .secondary-box-price:nth-child(4n) { margin-right: 10px; margin-left: 10px } .p-filters-order { padding: 0 } }  @media screen and (max-width:1220px) { .secondary-body-price-row .secondary-box-price { height: auto } .secondary-body-price-row { text-align: center } .secondary-body-price-image img { height: 100%!important } .secondary-body-price-content .p-block-action { display: inline-block; text-align: center } }  @media screen and (max-width:1090px) { .secondary-filter-box-floor .name, .secondary-filter-box-living-space .name, .secondary-filter-box-number-rooms .name, .secondary-filter-box-price .name, .secondary-filter-box-total-area .name { display: block } .secondary-filter-box-number-rooms { padding: 0 } .secondary-box-filter .name { margin-bottom: 20px } .secondary-filter-box-checkbox { margin-top: 12px } }  @media screen and (max-width:783px) { .secondary-filter-box-number-rooms { float: none } .secondary-filter-box-floor .name, .secondary-filter-box-living-space .name, .secondary-filter-box-number-rooms .name, .secondary-filter-box-price .name, .secondary-filter-box-total-area .name { display: inline-block } .secondary-filter-btn-green, .secondary-filter-btn-red { margin-right: 0 } .secondary-filter-btn-green, .secondary-filter-btn-red { width: 100%; text-align: center; margin-bottom: 20px; padding-left: 0 } .secondary-filter-price-label { margin-right: 0 } .secondary-filter-box-floor, .secondary-filter-box-living-space, .secondary-filter-box-number-rooms, .secondary-filter-box-price, .secondary-filter-box-total-area { margin-left: 0 } }  @media screen and (max-width:500px) { .secondary-filter-box-floor .name, .secondary-filter-box-living-space .name, .secondary-filter-box-number-rooms .name, .secondary-filter-box-price .name, .secondary-filter-box-total-area .name { display: block } .secondary-filter-box-total-area, .secondary-filter-floor, .secondary-filter-price, .secondary-filter-total-area { width: 100%; margin-bottom: 0 } .secondary-floor-input, .secondary-living-space-input, .secondary-price-input { width: 100%; margin-bottom: 20px } } .secondary-body-housing { width: 100%; margin-bottom: 40px; background: #fbfbfe; float: left; position: relative } .secondary-housing-box { text-align: center; margin: 0 auto; max-width: 1200px; width: 100% } .secondary-housing-img { position: relative; right: 10%; float: left } .secondary-housing-box .secondary-housing-content, .secondary-housing-box .secondary-housing-img { display: inline-block } .secondary-housing-content { width: 670px; background: #fbfbfe; text-align: left; position: absolute; left: 42%; display: block; height: 100%; background-color: #fbfbfe } .secondary-housing-content-name { padding-left: 20px; margin-bottom: 40px; border-left: 4px solid #0cb2e3; font-size: 20px; font-weight: 700 } .secondary-housing-content-main { line-height: 24px; color: #8b8a8a; font-size: 16px } .secondary-housing-content-main .fa-circle { position: absolute; left: 20px; font-size: 10px; margin-top: 8px; color: #0cb2e3 }  @media all and (max-width:1920px) { .secondary-housing-img { right: 31% } .secondary-housing-content-inner { padding: 80px 20px 20px 0 } .secondary-housing-content-main .fa-circle { left: 20px } }  @media all and (max-width:1600px) { .secondary-housing-img { right: 19% } .secondary-housing-content-main .fa-circle { left: 20px } }  @media all and (max-width:1400px) { .secondary-housing-img { right: 10% } .secondary-housing-content-main .fa-circle { left: 20px } .secondary-housing-content-inner { padding: 80px 20px 20px 0 } }  @media all and (max-width:1366px) { .secondary-housing-content-main .fa-circle { left: 20px } .secondary-housing-img { right: 10% } .secondary-housing-content-inner { padding: 40px 10px 20px 20px } }  @media all and (max-width:1124px) { .secondary-housing-img { right: 10% } .secondary-housing-content { left: 32% } .secondary-housing-content-inner { padding: 40px 10px 20px 20px } }  @media screen and (max-width:900px) { .secondary-housing-content-main .fa-circle { left: 10px } .secondary-housing-box { display: block } .secondary-body-housing { margin-bottom: 0 } .secondary-housing-img { right: 0; position: relative; height: 300px; width: 100% } .secondary-housing-content { width: 100%; left: 0; position: relative } .secondary-housing-content-inner { padding: 40px 10px; text-align: left } .secondary-housing-content-name { padding-left: 20px; margin-bottom: 40px; border-left: 4px solid #0cb2e3; text-align: center } .secondary-housing-content-name::after { content: ""; display: block; width: 33px; height: 4px; background: #3baed9; margin: 20px auto 0 } .secondary-housing-content-name { padding: 0 0 20px; border: 0; margin: 0 } } .secondary-body-choose { position: relative; width: 100%; float: left; padding: 0 10px; margin-bottom: 80px } .secondary-box-choose { width: 100%; margin: 0 auto; margin-top: 0; margin-top: 0; max-width: 1050px } .secondary-box-choose-content, .secondary-choose-bg { display: inline-block } .secondary-choose-bg { background-color: #fbfbfe; border-radius: 50%; padding: 40px; float: right } .secondary-choose-bg img { width: 200px } .secondary-box-choose-content { max-width: 70%; font-size: 16px; color: #8b8a8a; padding-top: 50px } .secondary-choose-content-content-name { padding-left: 20px; margin-bottom: 40px; border-left: 4px solid #0cb2e3; font-size: 20px; font-weight: 700; color: #000 }  @media screen and (max-width:950px) { .secondary-choose-bg { float: none; margin: auto; display: block; width: 260px } .secondary-choose-content-content-name::after { content: ""; display: block; width: 33px; height: 4px; background: #3baed9; margin: 20px auto 0 } .secondary-choose-content-content-name { padding: 0 0 20px; border: 0; margin: 0; text-align: center } .secondary-box-choose-content { max-width: 100%; margin-bottom: 20px } .secondary-body-choose { margin-bottom: 20px } } .secondary-container-advantages { width: 100%; margin-bottom: 40px; float: left; position: relative } .secondary-container-advantages-title { line-height: 46px; color: #000; font-weight: 700; text-align: center; font-size: 30px; margin-bottom: 20px } .secondary-body-advantages { width: 100%; margin: 0 auto; max-width: 990px; text-align: center } .secondary-box-advantages { position: relative; margin-bottom: 20px; margin-left: 20px } .secondary-circle-footer { border: 1px solid #fbfcfe; border-radius: 20px; padding: 50px 20px 50px 60px; background-color: #fbfcfe; width: 100% } .secondary-advantages-circle { width: 100px; height: 100px; background: #fbfcfe; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding-top: 10px; font-size: 50px; font-weight: 500; color: #e1edf5; left: -50px; position: absolute; top: 32% } .secondary-advantages-circle, .secondary-circle-footer .paragraph { display: inline-block } .secondary-circle-footer .paragraph { text-align: left; margin-top: 50px; line-height: 1.8; font-size: 17px } .secondary-circle-header { position: absolute; top: 0 } .secondary-circle-img, .secondary-circle-name { display: inline-block } .secondary-circle-name { font-size: 18px; color: #000; font-weight: 400; vertical-align: -5px; margin-left: 30px } .secondary-circle-header .secondary-circle-img, .secondary-circle-header .secondary-circle-name { display: inline-block } .secondary-circle-img { position: relative; width: 40px; margin-top: 30px }  @media screen and (max-width:950px) { .secondary-advantages-circle { left: 50%; transform: translate(-50%, 0); top: -65px } .secondary-box-advantages { margin: 0; margin-bottom: 90px } .secondary-circle-footer { padding: 50px 20px } .secondary-body-advantages { margin-top: 80px } }  @media screen and (max-width:450px) {.secondary-circle-footer { padding: 40px 10px } .secondary-circle-name {font-size: 16px;}.secondary-circle-name { margin-left: 5px } } /*sa*/ .sa-header { background: #fbfbfe; padding: 20px; margin-bottom: 40px; } .sa-body-spec { width: 100%; text-align: left; float: left; position: relative; border: 4px solid #f7f7f7; margin-bottom: 20px; padding: 20px 30px; } .sa-block-action { padding: 9px 25px 11px; background-color: #f6931f !important; color: #fff !important; box-shadow: 0 0px 0 #e8e8e8 inset; -webkit-box-shadow: 0px 0px 1px #d97909, inset 0px -3px 1px #f8ab50; -moz-box-shadow: 0px 0px 1px #d97909, inset 0px -3px 1px #f8ab50; box-shadow: 0px 0px 1px #d97909, inset 0px -3px 1px #f8ab50; } .sa-block-action:focus, .sa-block-action:hover { background-color: #ffffff; color: #fff; -webkit-box-shadow: 0px 0px 2px #d97909, inset 0px -3px 1px #f8ab50; -moz-box-shadow: 0px 0px 2px #d97909, inset 0px -3px 1px #f8ab50; box-shadow: 0px 0px 2px #d97909, inset 0px -4px 1px #f8ab50; } .sa-box-contacts { width: 38%; float: right; padding: 20px 30px; color: #8b8a8a; border: 4px solid #f3f4f4; min-height: 400px; height: auto; font-size: 17px; } .sa-box-contacts i { margin-right: 5px; }  .sa-box-content { padding: 20px 30px; color: #8b8a8a; border: 4px solid #f3f4f4; }  .sa-top-slider { float: left; max-width: 690px; width: 61%; margin-bottom: 40px; padding: 0; } .sa-top-slider .main-slider { margin-bottom: 25px; } .sa-top-slider .main-slider__item { width: 690px; height: 400px; position: relative; display: block; } .sa-top-slider .main-slider__item img { width: 100%; height: 100%; /*height: auto;*/ float: left; z-index: 1; position: absolute; left: 0; top: 0; object-fit: cover; } .sa-top-slider .main-slider .swiper-button-prev { left: 20px; } .sa-top-slider .main-slider .swiper-button-next { right: 20px; } .sa-top-slider .main-slider .swiper-button { font-size: 2rem; line-height: 40px; color: #fff; background: rgba(9, 22, 42, .6); } .sa-top-slider .additional-slider { position: static; } .sa-slider-thumbs { position: relative; } .sa-slider-thumbs .swiper-button { margin-left: 10px; margin-right: 10px; } .sa-top-slider .sa-slider-thumbs { padding: 0 60px 0 60px; z-index: 0; } .sa-top-slider .additional-slider .slick-list { height: 60px; } .sa-top-slider .additional-slider img { width: 150px; height: 100%; object-fit: cover; } .sa-top-slider .additional-slider__item { height: 69px; opacity: .6; cursor: pointer; transition: all 0.3s; } .sa-top-slider .swiper-slide.active-clicked .additional-slider__item, .sa-top-slider .swiper-slide .additional-slider__item:hover { opacity: 1; } .sa-top-slider .swiper-slide .additional-slider__item img { transition: all 0.3s; object-fit: cover; } .sa-main-top .sa-box-contacts, .sa-main-top .sa-top-slider { display: inline-block; } .sa-header__inner { margin-left: auto; margin-right: auto; max-width: 1100px; width: 100%; padding: 0 20px; overflow: auto; } .swiper-container { z-index: 0 !important; }  .sa-header__icon { margin-right: 35px; background: #fff; border-radius: 50%; width: 160px; height: 160px; text-align: center; float: left !important; } .sa-header__icon img { width: 140px; margin-top: 30px; } .sa-header__right-title { color: #010101; font-size: 30px; margin: 30px 0 15px; letter-spacing: -1px; line-height: 1.2; font-weight: bold; } .sa-header__right-subtitle { color: #000; font-size: 16px; font-weight: 600; } .sa-header__right-subtitle .price { font-size: 26px; color: #82bd4e; font-weight: bold;unicode-bidi: embed } .sa-header__right-subtitle img { width: 24px; margin-right: 10px; } .sa-header__right-subtitle, .sa-header-price-id { display: inline-block; } .sa-header-price-id { position: relative; float: right; font-size: 16px; color: #8b8a8a; text-align: left; margin-right: 30px; } .sa-header-price-id .fas { margin-right: 10px; color: #cfcfcf; } .sa-header-price-id .fa-plus { margin-left: 2px; } .sa-main-top { max-width: 1160px; width: 100%; margin: 0 auto 40px; overflow: auto; } .sa-spec-title { margin-bottom: 15px; font-weight: bold; font-size: 20px; } .sa-spec-title img { margin-left: 20px; } .sa-box-spec { margin: 0; padding: 0; list-style-type: none; font-size: 17px; color: #8b8a8a; } .sa-box-spec span { color: #333; font-weight: bold; } .sa-box-spec-content div { margin-bottom: 10px; font-size: 16px; } .sa-content-infrastructure { max-width: 1160px; width: 100%; margin: 0 auto; margin-bottom: 0px; background: #fbfcfe; padding: 35px; overflow: hidden; margin-bottom: 60px; border-radius: 10px; } .sa-content-content-right-title { margin-bottom: 35px; padding-left: 30px; padding-right: 30px; font-weight: bold; font-size: 20px; } .sa-content-content-right-title img { vertical-align: bottom; margin-left: 30px; } .sa-body-content-right-text { font-size: 16px; color: #8b8a8a; } .sa-content-contacts-types { margin-bottom: 10px; font-size: 16px; } .sa-content-contacts-types a { color: #8b8a8a; font-weight: 500; margin-left: 10px; } .sa-content-contacts-types div { display: inline-block; margin-right: 20px; } .sa-content-contacts-types i { color: #c0bfbf; margin-right: 10px; font-size: 18px; } .sa-supporte-name, .sa-supporte-contact, .sa-supporte-tel { font-weight: 500; margin-bottom: 20px; } .sa-supporte-name iframe { max-width: 380px; width: 100%; } .sa-content-infrastructure-title { margin-bottom: 35px; border-left: 4px solid #3baed9; } .sa-content-infrastructure-title> span { margin-left: 30px; margin-right: 30px; font-weight: bold; font-size: 20px; } .sa-content-infrastructure-title span:after, .sa-content-infrastructure-title span:before { content: ""; display: inline-block; width: 28px; height: 28px; background-image: url(//batumiexpert.com/svg/products/beach-house.svg); background-size: contain; vertical-align: text-bottom; } .sa-content-infrastructure-title span:after { margin-left: 30px; } .sa-content-infrastructure-title span:before { display: none; } .sa-content-infrastructure-text-list { color: #8b8a8a; } .sa-content-infrastructure-text-list li { margin-bottom: 10px; font-size: 16px; } .sa-content-infrastructure-text-list li> span { color: #333; font-weight: bold; } @media screen and (max-width: 1220px) { .sa-top-slider { float: none; margin: 0 auto 30px; } }  @media screen and (max-width: 950px) { .sa-main-top .sa-top-slider { display: block; } .sa-top-slider { width: 100%; } .sa-body-spec { width: 60%!important; } }  @media screen and (min-width: 768px) { .sa-top-slider .sa-slider-thumbs { height: 89px; } .oi-main__top { margin: 0 auto 80px; } .sa-top-slider .additional-slider { padding-top: 10px; } .sa-top-slider .swiper-slide .additional-slider__item:hover img { transform: scale(1.1); } }  @media screen and (max-width: 550px) { .sa-header__right-title { margin: 0; } .sa-header-price-id { float: none; text-align: center; margin-right: 0; } .sa-header__right-subtitle, .sa-header-price-id { display: block; text-align: center; } .sa-header { margin-bottom: 0; } }  @media screen and (max-width: 680px) { .sa-header__icon { display: none; } .sa-header__right-title { text-align: center; margin-bottom: 20px; } }  @media screen and (max-width: 1124px) { .sa-header-price-id { margin-right: 10px; } }  @media screen and (max-width: 750px) { .sa-header-price-id { margin-right: 0; } .sa-body-content-left { margin-bottom: 60px; } .sa-content-content-right-title { text-align: center; } .sa-content-content-right-title img { margin: auto; position: absolute; transform: translate(-210%, -120%); } .sa-content-infrastructure-text-list { margin-bottom: 70px; } .sa-content-infrastructure { padding: 0 10px; } /*--*/ .sa-content-infrastructure-title span::after { display: none; } .sa-content-infrastructure-title span::before { display: block; margin: 0 auto 15px; } .sa-content-infrastructure-title::after { content: ""; display: block; width: 33px; height: 4px; margin: 20px auto 0; background: #3baed9; } .sa-content-infrastructure-title { border-left: none; text-align: center; margin-right: 0; } .sa-content-infrastructure-title>span { margin-right: 0; } .sa-content-infrastructure-text-list { width: 300px; margin: 0 auto; } } /**/ .download-linck { margin-top: 20px; text-decoration: underline; cursor: pointer; color:#0A0EE5; } .download-linck:hover, .download-linck:focus { color: #0cb2e3; } .slider-top { margin-bottom: 20px; }   @media screen and (max-width: 750px) { .sa-box-contacts { width: 100%; text-align: center; margin-bottom: 20px; } .sa-body-spec { width: 100% !important; text-align: center; } .sa-box-spec-content { padding: 0; } }   @media screen and (max-width: 1220px) { .sa-body-spec { text-align: left; } } .sa--title { border-left: 4px solid #3baed9; } .sa--title > span { margin-left: 30px; margin-right: 30px; font-weight: bold; font-size: 20px; } .sa--title > svg { width: 28px; height: 28px; fill: #c9cacb; vertical-align: text-bottom; }  @media screen and (max-width: 750px) { .sa--title { border: 0; } .sa--title:after { content: ""; display: block; width: 33px; height: 4px; margin: 20px auto 0; background: #3baed9; } .sa--title > span { display: block; text-align: center; margin: 0; } } /*sold*/ .sold-image { position: absolute; width: auto !important; z-index: 1; height: 70px !important; margin-left: -5px; margin-top: -5px; } /**/ .header-bg-line, .heder-desktop, .heder-row-cont-r { position: relative; width: 100%; float: left } .heder-desktop { background-color: #fff; box-shadow: 0 10px 49px -16px rgba(16,43,56,.14) } .heder-desktop .heder-box-cont-l, .heder-desktop .heder-box-cont-r, .heder-row-cont-r .heder-row-column { display: inline-block; vertical-align: baseline } .heder-box-cont-r { float: right; font-size: 18px; width: 78% } .heder-menu-r { float: right; background-color: #ffff; position: relative } .heder-border-color { border-bottom: solid 2px #f5f8fc } .header-box-logo img { vertical-align: middle; border: 0; padding-top: 23px; padding-left: 15px } .heder-row-column { margin: 10px 10px } .heder-row-column .menu-link, .heder-row-column a { color: #0f0f0f; padding: 20px 0 } .heder-row-column .menu-link:hover { color: #ee942b; border-bottom: solid 2px #ee942b } .underline { color: #0f0f0f } .underline:hover { text-decoration: underline; color: #0f0f0f } .heder-ico-cont { margin-right: 5px } .menu-active { color: #ee942b; border-bottom: solid 2px #ee942b } .heder-menu-border-left { border-right: 2px solid #fff } .heder-row-cont-r .clear-row { position: relative; float: left; margin-top: 10px; font-size: 16px } .heder-menu-r .btn-course, .heder-menu-r .btn-language { background-color: #f5f8fc; font-size: 16px; font-weight: 500; color: #000!important; box-shadow: none; border: none; margin-top: 0; height: auto; width: 83px; left: 0; padding: 20px 10px } .heder-menu-r .caret { color: #36c04f } .heder-menu-r .open .caret { border-top: none; border-bottom: 4px solid #36c04f; color: #36c04f } .heder-row-column .lng-common { display: inline-block } .btn-language .lang-bg-icon, .btn-language .lng-common, .heder-menu-r .btn-group, .heder-menu-r .caret, .lng-icons .lng-common, .lng-icons .lng-text { display: inline-block } .heder-menu-r .btn-group-margin { margin-left: 2px; float: right } .lng-common { width: 20px; height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(/img/intlTelInput/flags.png); background-repeat: no-repeat; background-position: 20px 0; background-color: inherit } .heder-menu-r .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none } .heder-menu-r .menu-course, .heder-menu-r .menu-language { padding: 0; margin: 0; min-width: 83px; font-size: inherit; border: none; border-radius: 0; text-align: center; box-shadow: 0 17px 26.97px 2.03px rgba(20,60,77,.1); background-color: #f5f8fc } .heder-menu-r .menu-course>li>a, .heder-menu-r .menu-language>li>a { border-left: none; padding: 5px 0; color: #8b8a8a; font-weight: 500; font-size: 16px; cursor: pointer } .heder-menu-r .menu-course .lng-text { font-weight: 500; font-size: 16px } .heder-menu-r .menu-course .linck-valuta { cursor: pointer; padding: 3px 0 } .heder-menu-r .menu-course>li>a:focus, .heder-menu-r .menu-course>li>a:hover, .heder-menu-r .menu-language>li>a:focus, .heder-menu-r .menu-language>li>a:hover { color: #ee942b; background-color: #fff; border-left: none }  @media screen and (max-width:1220px) { .heder-box-cont-r { width: 100%; text-align: center } .heder-box-cont-l { text-align: center; width: 100% } }  @media screen and (max-width:1015px) { .heder-menu-r { width: 100%; background-color: #f5f8fc } .heder-menu-r .btn-group-margin, .heder-row-cont-r .clear-row { float: none } } .heder-moby { display: none }  @media screen and (max-width:768px) { .heder-desktop { display: none } .heder-moby { display: block } } .heder-moby { position: relative; width: 100%; float: left; background-color: #fff; box-shadow: 0 10px 49px -16px rgba(16,43,56,.14); padding-bottom: 20px } .heder-moby-row { width: 100%; text-align: center } .header-logo-moby { position: absolute; margin: 35px 10px } .heder-moby-box-cont { margin: 10px 0 0; position: relative; background-color: #fff; box-shadow: 0 7px 9px 0 rgba(29,80,113,.11); width: 240px; height: 35px; padding-top: 8px } .btn-callback-moby { color: #fff; background-color: #ee942b; font-size: 13px; font-weight: 500; letter-spacing: 1; padding: 5px 10px; margin-left: 10px } .heder-moby .hamburger-inner, .heder-moby .hamburger-inner::after, .heder-moby .hamburger-inner::before { background-color: #a3a3a3 } .heder-moby .hamburger-box { top: 26px; position: absolute; right: 0; width: 50px; height: 24px } .box-valuta-content-moby { background-color: #fff!important } .mm-menu_theme-dark { background: #fff; width: 75%; color: #2b2a2c } .mm-menu .mm-btn::after, .mm-menu .mm-btn::before { border-color: #f5f7f8 } .mm-menu .mm-btn_close::after, .mm-menu .mm-btn_close::before { border-color: rgba(0,0,0,.5); margin-right: -10px } .mm-menu_theme-dark .mm-navbar a, .mm-menu_theme-dark .mm-navbar>* { background-color: rgba(0,0,0,.1) } .mm-listitem::after, .mm-navbars_top { border-bottom-color: #f0f0f0; left: 0 } .mm-page__blocker { background-color: rgba(30,74,123,.3) } .mm-navbars_top { border-bottom-width: 0 } .box-menu-content-moby { position: relative; width: 100%; padding-left: 0; padding-top: 15px; padding-right: 0; border-left: 1px solid #fff } .mm-menu .mm-listitem a { padding: 20px; display: block; cursor: pointer } .btn-valuta-moby { position: relative!important; width: 100%!important; height: 55px!important; background-color: #f5f7f8!important; padding: 17px!important } .mm-btn_next::after, .mm-btn_prev::before { width: 5px!important; height: 5px!important } .btn-valuta-moby::after { border-color: #94fb7ae6!important; padding: 0!important; right: 25px!important } .mm-btn_next::after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg) } .mm-box-attributes .lng-common, .mm-box-attributes .mm-tva, .mm-btn-attributes .lang-bg-icon, .mm-btn-attributes .lng-attributes, .mm-btn-attributes .lng-common, .mm-btn-attributes .mm-hva { display: inline-block } .lng-attributes { width: 20px } .btn-orang-all { color: #fff; background-color: #ee942b!important; font-size: 17px; font-weight: 700; padding: 10px 45px!important } .heder-moby-box a, .heder-moby-box div { display: inline-block; vertical-align: bottom } .heder-moby-text { margin-top: 10px; margin-bottom: 10px; text-decoration: underline; color: #3a3a3c; cursor: pointer } .heder-moby-pop-tel .modal-header { position: absolute; right: 0; z-index: 1; border-bottom: 0 } .heder-moby-pop-tel .heder-row-column { margin: 20px 20px; font-size: 20px } .modal-body .lng-common { margin-right: 5px } .heder-moby-box-tel a { color: #0f0f0f; top: 3px; position: relative } /**/ .main-content-title { width: 100%; position: relative; float: left }  @media screen and (max-width:768px) { .main-content-title { display: none } } /**/ .jq-radio.checked .jq-radio__div { margin: 2px 1px 0 2px } .filter-popover .btn { font-size: 16px; font-weight: 400; color: #9a9a9a; border: 1px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; text-align: left; padding: 6px 6px } .filter-popover .btn:hover { border: 1px solid #a8e2f4!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); border-color: #66afe9; outline: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .filter-popover .popover { max-width: 350px; transform: translate(0, .3125rem); box-shadow: 0 0 2px 0 rgba(51,51,51,.05), 0 1px 4px 0 rgba(51,51,51,.15); border-radius: 2px; transition: opacity .3s, overflow .3s, visibility .3s; background-color: #fff; position: absolute; padding: 1px; text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); font-size: 14px; color: #222; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; z-index: 90 } .filter-popover .popover .close { position: absolute; top: 0; right: 0; padding: .6375rem; background-color: #d2d2d2; border-radius: 0 2px 0 0; font-size: 1.75rem; color: #000 } .popover-content { padding: 1.5625rem .9375rem .625rem; padding-left: 15px } .filter-popover .popover .bottom { margin-top: 10px } .filter-popover .popover>.arrow, .filter-popover .popover>.arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .filter-popover .popover>.arrow { border-width: 11px } .filter-popover .popover.bottom>.arrow { top: -11px; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0,0,0,.25) } .filter-popover .popover>.arrow::after { content: ""; border-width: 10px } .filter-popover .popover.bottom>.arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .filter-popover .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .filter-popover .btn .caret { top: 15px; position: absolute; right: 13px } .filter-popover .label-popover { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 10px } .btn .caret { margin-left: 10px } [aria-describedby] .caret { border-top: none; border-bottom: 4px solid #000 } .filter-box .jq-selectbox { width: 100%; background-color: #fff } .filter-box .jq-selectbox__select { height: 34px; padding: 0 10px; box-shadow: none; background-image: none; border-bottom-color: #ccc } .filter-box .jq-selectbox__trigger-arrow { top: 14px } .filter-box .jq-selectbox__trigger { border-left: 0 } .filter-box .jq-selectbox__select-text { font-size: 16px; opacity: 1;color: #9a9a9a; } .filter-box .filter-btn-box, .filter-box .price-type-content, .filter-box .property-type-content, .filter-box .quick-links-price, .filter-box .quick-links-room { display: inline-block } .quick-links-room { margin-bottom: 20px; width: 47% } .quick-links-price { margin-bottom: 20px; width: 52% } .property-type-content div, .property-type-content img { display: inline-block } .property-type-content:hover .quick-links-title { color: #87c9e5; text-decoration: underline } .price-type-content a:hover { text-decoration: underline; color: #87c9e5; cursor: pointer } .price-type-content a { color: #6b6b6b } .filter-box .property-type-content img { vertical-align: baseline; margin-right: 3px } .property-type-content { font-size: 14px; margin-bottom: 12px; color: #6b6b6b; margin-right: 10px }.property-type-content img {width: 22px;} .price-type-content { margin-right: 15px } .filter-body { width: 100%; float: left; position: relative; padding: 0 5px } .filter-background-0 { background-color: #efefefcc; padding: 5px 0 } .filter-background-1 { background-color: #efefefcc } .filter-background-2 { background-color: #fbfcfe; padding: 5px 0 } .filter-background-0, .filter-background-1, .filter-background-2, .filter-box, .filter-box-select-unit { width: 100%; float: left; position: relative; font-size: 14px } .filter-width-1 { max-width: 1160px; margin: 0 auto; position: relative } .filter-box .lt { font-weight: 400; font-size: 14px } .filter-box-left, .filter-box-left-1, .filter-box-right, .filter-box-right-1 { display: inline-block; padding: 10px } .filter-box-left, .filter-box-left-1, .filter-box-right, .filter-box-right-1 { width: 50%; position: relative; float: left } .filter-box label { margin-bottom: 0 } .filter-box .filter-box-item { display: inline-block; position: relative; float: left } .filter-item-apartment, .filter-item-city, .filter-item-number_rooms, .filter-item-street, .filter-id_object { width: 50% }.filter-id_object {padding: 0px 10px 0 10px;} .filter-item-price_for { width: 200px } .filter-item-price_label { text-align: center } .filter-item-price_input { width: 100px } .filter-item-id_object .form-control::placeholder { color:#9a9a9a } .filter-item-number_rooms { padding: 0 15px 5px 10px } .filter-item-price_for { padding: 0 5px 0 15px } .filter-item-price_label { padding: 8px 5px 0 5px } .filter-item-price_input { padding: 0 5px 0 5px } .filter-item-city { padding: 15px 10px 5px 15px } .filter-item-apartment { padding: 0 10px 0 15px } .filter-item-street { padding: 15px 10px 0 10px } .filter-item-id_object { width: 330px; padding: 10px 15px 0 15px } .filter-item-area_checked { padding: 15px 15px 15px 40px } .filter-item-area_name { text-align: left; font-weight: 700; padding: 15px 0 15px 25px } .filter-item-area_input { width: 90px; padding: 10px 0 } .filter-item-area_label { text-align: center; padding: 15px 5px } .filter-item-floor_input { width: 70px } .filter-item-balcony_name, .filter-item-condition_name, .filter-item-floor_name_l, .filter-item-floor_name_r, .filter-item-gas_name, .filter-item-house_name, .filter-item-windows_name,.filter-item-distance_checked { text-align: left; font-weight: 700 } .filter-item-balcony_name, .filter-item-condition_name, .filter-item-gas_name, .filter-item-house_name, .filter-item-windows_name { padding: 7px 15px } .filter-item-floor_name_l { padding: 10px 15px 0 } .filter-item-floor_name_r { padding: 10px 0 0 15px } .filter-item-floor_label { text-align: center; padding: 10px 15px 0 } .filter-item-floor_checked { padding: 10px 0 0 10px } .filter-item-house_input { width: 200px } .filter-item-condition_input, .filter-item-windows_input { width: 250px } .filter-item-balcony_input { width: 200px } .filter-item-heating_name { text-align: left; font-weight: 700; padding: 7px 15px } .filter-item-heating_input { width: 300px } .filter-item-gas_input { width: 300px } .filter-item-distance_name { font-weight: 700; padding: 22px 0 22px 25px } .filter-item-distance_checked { padding: 22px } .filter-item-distance_input { min-width: 150px; padding: 15px 0 } .border-color { border-right: 1px solid #fff } .filter-btn-box { width: 100%;text-align: center;} .filter-btn-box-l{padding:20px 0;float: left;}.filter-btn-box-r { margin: 20px 0 } .filter-sorting-box .filter-label-sorting, .filter-sorting-box .filter-select-sorting { display: inline-block; text-align: left } .filter-select-sorting { width: 250px } .filter-advanced-search { color: #70c0e1; font-weight: 400; font-size: 16px; position: relative; margin: 10px;margin-left: 0;cursor: pointer } .filter-advanced-search .fa-angle-down { margin-top: 5px; padding-left: 5px } .filter-label-sorting { padding-top: 7px; font-weight: 600; margin-right: 10px;float: left; } .filter-btn-box .btn-10 { cursor: pointer;margin-left: 40px;float:right;color: #ef3c1f;font-weight: 600;font-size: 17px;padding: 10px 0px 25px; } .sf-btn-orang { margin-right: 10px } .filter-btn-box .fa-check { font-size: 12px; position: relative; right: -5px } .filter-btn-box .fa-map, .filter-btn-box .fa-search, .filter-btn-box .fa-times { top: 1px;right: 10px; position: relative } .filter-box-unit {margin-bottom: 20px;} .filter-box-unit .filter-select-unit, .filter-box-unit .filter-unit-close, .filter-box-unit .filter-unit-text { display: inline-block } .filter-select-unit { min-width: 150px; border: 1px solid #77c0db; border-radius: 5px; padding: 3px 10px; background-color: #77c0db; margin-right: 5px; color: #fff; margin-bottom: 10px } .filter-unit-text { position: relative; top: 2px } .filter-unit-close { color: #fff; font-size: 18px; float: right; position: relative; margin-left: 8px; cursor: pointer } .filter-box-unit-title { margin: 0px 0 20px}  @media screen and (max-width:1020px) { .filter-quick-links { text-align: center } .filter-label-sorting { display: none!important } .filter-box .quick-links-price, .filter-box .quick-links-room { display: block; text-align: center; width: 100% } .filter-distance_airport, .filter-distance_cities, .filter-distance_sea { width: 31%; float: left; position: relative } .filter-box-living_space, .filter-box_total_area, .filter-box_land { width: 100% } .filter-item-area_checked { padding: 15px 15px 10px 25px } .filter-item-distance_name { padding: 5px 15px 10px 25px } .filter-item-distance_checked { width: 100%; padding: 0 15px 5px 25px } .filter-item-distance_input { padding: 0 0 10px 25px; min-width: 200px } .filter-item-area_name { padding: 15px 0 0 25px} .filter-box-unit { margin-left: 0 } .filter-box-left-1, .filter-box-right-1 { width: 50% } .border-color { border-right: 0 } .filter-item-distance_name { width: 100% } }  @media screen and (max-width:870px) { .filter-body { padding: 0 } .filter-btn-box-r {float: none; width: 100% } .filter-btn-box-l { padding: 0 0 10px; width: 100%; background-color: #f2f2f2 } .filter-box-center { display: flex; justify-content: center; width: 100% } .filter-btn-box { width: 100%; text-align: center } .filter-advanced-search { margin: 20px } .filter-box-select-unit { padding: 0 25px 20px 25px; background-color: #efefefcc; margin: 0 } .filter-box-unit-title { display: none } .filter-sorting-box { padding: 15px 25px; float: left } .filter-background-1 { padding: 10px 0 } }  @media screen and (max-width:768px) { .quick-links-title { width: 100% } .filter-box .quick-links-price, .filter-box .quick-links-room { display: inline-block; width: 45%; vertical-align: top } .quick-links-price .price-type-content, .quick-links-room .price-type-content { width: 100%; text-align: center; margin: 5px 0 } .property-type-content, .quick-links-price { border-right: 1px solid #eaeaea } .property-type-content:last-child { border-right: 0 } .filter-quick-property { border-bottom: 1px solid #eaeae} .filter-box-living_space, .filter-box_total_area { width: 100%; float: left } .filter-item-balcony_name, .filter-item-condition_name, .filter-item-gas_name, .filter-item-heating_name, .filter-item-house_name, .filter-item-windows_name { width: 100% } .filter-item-balcony_input, .filter-item-condition_input, .filter-item-gas_input, .filter-item-heating_input, .filter-item-house_input, .filter-item-windows_input { padding-left: 15px } }  @media screen and (max-width:620px) { .property-type-content:nth-child(2) { border-right: 0 } .property-type-content { width: 45% } .filter-bct-1 { border-bottom: 2px solid #fff; width: 60%; margin: 10px auto; padding: 5px } .filter-bct-2 { border-bottom: 2px solid #fff; width: 60%; margin: 25px auto 10px } .filter-distance_airport, .filter-distance_cities, .filter-distance_sea { width: 100% } .filter-item-distance_checked { width: auto; padding: 7px 0 7px 25px } .filter-item-distance_input { padding: 0 0 20px 25px; min-width: 98% } .filter-sorting-box { width: 100% } }  .filter-box-select-unit .collapse { display: none } .filter-box-select-unit .inb { display: inline-block } .filter-item-floor_checked .jq-checkbox, .popover-content .jq-checkbox { border-radius: 50% } .filter-item-floor_checked .jq-checkbox.checked .jq-checkbox__div, .popover-content .jq-checkbox.checked .jq-checkbox__div { width: 10px; height: 10px; margin: 2px 0 0 2px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7) } .filter-body .has-error .form-control { background-color: #ffeaeacc } /**/ .secondary-body-price-row .swiper-button-next, .secondary-body-price-row .swiper-button-prev { height: 24px; top: 60% } .fm-box-no-results { border: 4px solid #f3a01d; float: left; width: 100%; margin-bottom: 50px; position: relative } .arrow_box-no { position: relative; border-top: 0; top: -4px } .arrow_box-no::after, .arrow_box-no::before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .arrow_box-no::after { border-color: rgba(251,252,254,0); border-top-color: #fff; border-width: 15px; margin-left: -15px } .arrow_box-no::before { border-color: rgba(194,225,245,0); border-top-color: #f3a01d; border-width: 21px; margin-left: -21px } .h2-no-res { font-size: 30px; color: #333; margin-bottom: 0; text-align: center; margin-top: 60px } .p-no-res { font-size: 16px; padding: 10px 0; text-align: center; color: #8b8a8a } .f-box-btn { text-align: center; margin-bottom: 60px } .f-box-btn .btn { width: 300px } .fm-box-no-results .fm-box-content, .fm-box-no-results .fm-box-radius { display: inline-block } .fm-box-radius { height: 100%; position: absolute; width: 19% } .fm-box-content { position: relative; float: right; width: 82% } .radius_box-no { height: 100%; border-radius: 0 100% 100% 0/0 50% 50% 0; background-color: #fbfcfe; position: relative } .f-box-magnifier { width: 50%; margin-top: auto; margin-left: 50px; height: 100% } .fm-box-no-results .btn { margin-right: 5px; margin-left: 5px }  @media only screen and (max-width:750px) { .fm-box-radius { display: none!important } .fm-box-content { width: 100% } } .support-content-head { font-size: 21px; padding: 0px 0 10px 0; text-align: center; font-weight: normal; color: #fff; margin-top: 40px; } /**/ .oi-form { background: #003c74 url(/img/products_consultation_cut.png) no-repeat 0 100%; background-size: cover; overflow: auto; padding: 90px 20px 70px; } .slider-top { margin-bottom: 20px; }  /*cat*/ .cat-container-serch { position: relative; width: 100%; margin-bottom: 10px; padding-bottom: 10px; float: left; } .cat-body-serch { width: 100%; margin: 0 auto; max-width: 960px; margin-top: 15px; } .cat-box-content { float: right; max-width: 75%; padding-top: 20px; margin-right: 145px; } .cat-text-small { font-size: 16px; color: #8b8a8a; } .cat-box-serch { padding-top: 5px; } .cat-body-serch .cat-top-bg, .cat-body-serch .cat-box-content { display: inline-block; } .cat-box-serch .cat-box-input-serch, .cat-box-serch .cat-box-btn-serch { display: inline-block; } .cat-box-input-serch { width: 410px; padding-top: 10px; } .cat-box-btn-serch { margin-left: 15px; top: -3px; position: relative; } .cat-top-bg { width: 220px; height: 220px; /*background-color: white;*/ border-radius: 50%; padding: 30px; } .cat-container-alphabet { position: relative; width: 100%; float: left; border-bottom: 4px solid #f7f7f7; margin-bottom: 20px; } .cat-box-alphabet { position: relative; width: 100%; margin-bottom: 40px; } .cat-alphabet-title { text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 30px; } .cat-box-alphabet { text-align: center; font-size: 22px; font-weight: 500; letter-spacing: -1.5px; } .cat-box-alphabet span { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 1.3; } .cat-box-alphabet span a { color: #000000 !important; } .cat-circle-active { border-radius: 50%; background-color: #0cb2e3; position: relative; width: 30px; height: 30px; text-align: center; } .cat-box-alphabet .cat-circle-active a { color: #fff !important; } .cat-box-alphabet span:hover { border-radius: 50%; background-color: #e6f7fc; color: #000; cursor: pointer; } .cat-container-directory { position: relative; width: 100%; margin-bottom: 40px; padding-bottom: 40px; float: left; } .cat-box-directory { position: relative; width: 100%; max-width: 1050px; margin: 0 auto; margin-bottom: 0px; margin-bottom: 40px; } .cat-body-circle { vertical-align: top; } .cat-box-circle { border-radius: 50%; background-color: #fbfcfe; padding: 10px; font-size: 50px; color: #b6d4e7; position: relative; width: 90px; height: 90px; text-align: center; } .cat-box-directory .cat-body-circle, .cat-box-directory .cat-row { /*display: inline-block;*/ float: left; position: relative; } .cat-line { color: #8b8a8a; font-size: 16px; width: 32.16899%; padding: 0px 0px 40px 40px; } .cat-line:after { content: ""; display: block; height: 100%; position: absolute; top: 0; z-index: -1; border-left: 2px solid #f7f7f7; } .cat-line:first-child:after { border-left: none; } .cat-line+.cat-line:after { left: 32.16899%; } .cat-line+.cat-line+.cat-line:after { left: 64.32%; }  @media only screen and (max-width: 920px) { .cat-line:nth-child(odd) { padding: 0px 0px 40px 30px; } .cat-line+.cat-line:after { left: 55%; } .cat-line+.cat-line:after { border-left: none; } .cat-line:first-child::after { border-left: 2px solid #f7f7f7; left: 55%; } .cat-line+.cat-line+.cat-line:after { left: 0; } .cat-line { width: 47%; padding: 0px 0px 40px 80px; } .cat-body-circle { width: 100%; margin-bottom: 20px; } .cat-box-circle { margin: 0 auto; } .cat-container-directory { margin-bottom: 20px; } } .cat-row { width: 90%; margin-top: 20px; } .cat-line .popover { box-shadow: none; max-width: 30%; width: 90%; background-color: #dfeef5; margin-left: 5px; border: none; margin-left: -285px; margin-left: -31%; }  @media only screen and (max-width: 920px) { .cat-line .popover { max-width: 45%; margin-left: -41%; } } .border-bottom-none { border-bottom: none; } .border-right-none { border-right: none; } .cat-row .popover> .arrow, .cat-row .popover> .arrow::after { border-style: none; }  .popover-content { padding-left: 22px;width: 250px; } .popover .arrow{display: none;}.popover.bottom {margin-top: 2px;}.cat-pop-otext-o { font-size: 16px; font-weight: 500; color: #000; } .cat-pop-text-b { color: #85adc6; font-size: 14px; } .cat-pop-text-b i { padding-right: 5px; } .cat-pop-btn { background-color: #0cb2e3; position: absolute; top: 0; height: 100%; right: 0; width: 25px; border-radius: 0 5px 5px 0; } .cat-pop-btn i { margin-left: 10px; color: #fff; top: 50%; transform: translateY(-50%); position: absolute; }  @media only screen and (min-width: 461px) { .cat-block-action { display: none; } }  @media only screen and (max-width: 461px) { [data-show].cat-line { display: none!important; } [data-show].in { display: block!important; } .cat-line:nth-child(2n+1) { padding: 0px 0px 0px 20px; } .cat-body-circle { width: 100%; } .cat-box-circle { float: none; margin: 0 auto; } .cat-line:first-child::after { border-left: none; } .cat-line { width: 100%; padding: 20px 20px; } .cat-row { margin-top: 0px; } }  @media only screen and (max-width: 1049px) { .cat-body-serch { text-align: center; margin-top: -70px; } .cat-box-content { float: none; margin-right: 0; padding-top: 0; max-width: 100%; width: 100%; } .cat-top-bg> img { max-width: 90%; } .cat-top-bg { padding-top: 90px; padding-left: 60px; } .contact-title { margin-top: 10px; } .cat-block-action { text-align: center; margin-top: 40px; } }  @media only screen and (max-width: 530px) { .cat-box-input-serch { margin-bottom: 20px; } .cat-box-btn-serch { margin-bottom: 20px; } .cat-box-alphabet { padding: 0 30px; font-size: 26px; letter-spacing: 3px; line-height: 2; } .cat-box-alphabet span { line-height: 1.5!important; padding-left: 4px; width: 40px !important; height: 40px !important; } .cat-circle-active { width: 40px !important; height: 40px !important; } .cat-box-alphabet span:hover { width: 40px !important; height: 40px !important; } }  @media only screen and (max-width: 450px) { .cat-box-input-serch { width: 90%; } .cat-line { width: 100%; } } .cat-row .cat-line { display: inline-block; } /**/ .wrap-info.gmap { margin-bottom: -5px; } .wrap-info .block-info { margin-top: 15px; padding: 35px 0 10px; border-bottom: 4px solid #f7f7f7; } .wrap-info .block-info .icon { width: 44px; height: 36px; float: left; } .wrap-info .block-info .text { float: left; font-size: 17px; color: #8b8b8b; line-height: 2; } .wrap-info .block-info .text span { font-weight: bold; color: #000; padding-right: 10px; } .wrap-info .on-map iframe { width: 100%; height: 300px; } .wrap-info .address { font-size: 17px; color: #8b8b8b; margin-bottom: 20px; } .wrap-info .join-us { font-weight: bold; } .wrap-info .marker-bg-wrap { position: relative; width: 110px; height: 70px; margin: 0 auto -25px; } .wrap-info .map-bg-marker { background-image: url('/img/map-bg-marker.png'); width: inherit; height: inherit; position: absolute; z-index: 2; border-radius: 50%; } .join-us-wrapper { padding-right: 15px; padding-left: 15px; width: 54%; margin: 15px auto; background-color: #fcfaff; } .wrap-info .icon.ico-viber img { margin-left: -8px; } .wrap-info .icon img { margin-left: -5px; } .wrap-info .ico-email { margin-right: 2px; } .wrap-info .join-us p { font-size: 17px; } .wrap-info .join-us .jus-icon { padding: 5px; width: auto; height: auto; } @media screen and (min-width: 1200px) { .col-lg-offset-right-6 { margin-right: 50%; } }.mm-slideout { z-index:auto;}.mm-listview {font-size: 18px;}.mm-navbar__btn:last-child { left: auto;}.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {border-color:rgba(255,255,255,.7);padding: 2px;}.mm-btn_clear::after, .mm-btn_close::after {right: 30px;}.help-block ul li{ list-style-type: none}@media screen and (max-width:650px) {.filter-box-left-1,.filter-box-right-1,.filter-item-house_input,.filter-item-condition_input,.filter-item-windows_input,.filter-item-balcony_input{width:100% }} 
.filter-number_rooms,.filter-item-bed{width: 280px; padding: 10px 0px 0 25px}
.filter-land-select{width: 280px; padding: 10px 0px 0 15px}
.filter-sorting-box {position: relative;width: 100%;float: left}

.filter-item-land_name{font-weight: 700;padding: 15px 15px 0}

.filter-popover .data-bpt {
width: 220px;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
float: left;
}
.filter-sorting-box .filter-select-sorting,.filter-sorting-box .box_sum_lines{
display: inline-block;
}
@media screen and (max-width:870px) {
.filter-btn-box .btn-10 {
float: none;
}
.filter-btn-box-l {
margin-bottom: 20px;
}
.filter-width-1 .filter-select-sorting {
float: none;
}
.filter-sorting-box {
text-align: center;
}
}
@media screen and (max-width:420px) {
.filter-btn-box .btn {
margin-top: 0;
}
}
.box_sum_lines{
float: right;
position: relative;
padding-top: 7px;
}
.sum_lines_title{
font-weight: 600;
}

@media all and (max-width:1070px) {
	.filter-body-item{
		position: relative;
        float: left;
		margin-left: 20px;
	}
	.filter-body-item .filter-item-area_name,.filter-item-land_name{
		display: block;
        float: none;
        width: 270px;
	}
.filter-item-area_name {
    padding: 15px 0 0 5px;
}
	.filter-number_rooms {
    padding: 10px 0px 0 25px;
}
}
@media all and (max-width:950px) {.filter-box-left, .filter-box-right {width: 100%;}.filter-item-id_object { padding: 0 15px 0 15px }}
@media all and (max-width:920px) {.filter-item-heating_input,.filter-item-gas_input{padding-left: 15px;}.filter-box-left-1,.filter-box-right-1 { width: 50%}}

@media all and (max-width:900px) { .filter-item-floor_name_r,.filter-item-condition_name, .filter-item-windows_name,.filter-item-house_name,.filter-item-balcony_name,.filter-item-floor_name_l { padding: 15px; width: 100% }.filter-item-windows_input,.filter-item-house_input,.filter-item-condition_input,.filter-item-balcony_input{padding: 0 0 10px 15px;}}


@media all and (max-width:870px) { 
.filter-item-id_object { padding: 15px 15px 0 15px; width: 100% }.filter-box-unit-title {margin-top: 20px}
.box_sum_lines{
float: none;
width: 100%;
}
.filter-btn-box .btn-10 {
margin-left: 0;
float: none;
padding: 10px 10px 0px;
margin-top: 20px;
}
}
@media all and (max-width:860px) {
	.filter-number_rooms{width: 100%;padding: 10px 0px 0 25px;}
	.filter-popover .btn{width: 280px}
}
@media all and (max-width:768px){.property-type-content{margin-right: 0;width: 47%}}


@media all and (max-width:650px) {.filter-box-left, .filter-box-left-1, .filter-box-right, .filter-box-right-1,.filter-item-heating_input,.filter-item-gas_input { width: 100% } }

@media screen and (max-width:420px) {.filter-item-price_label { padding: 15px 15px 0 10px } .filter-item-price_input { padding: 10px 5px 20px 5px } .filter-box-left-1, .filter-box-right-1 { width: 98% } .filter-item-balcony_input, .filter-item-condition_input, .filter-item-gas_input, .filter-item-heating_input, .filter-item-house_input, .filter-item-windows_input { width: 98% } .filter-btn-box .btn { margin-top: 20px } .filter-btn-box-l { padding: 0 } .filter-item-floor_input { width: 60px; padding-top: 10px } .filter-item-condition_name, .filter-item-floor_name_l, .filter-item-floor_name_r, .filter-item-gas_name, .filter-item-heating_name, .filter-item-house_name { padding: 18px 0 0 10px } .filter-item-floor_label { padding: 18px 10px 0 }} 

@media screen and (max-width:470px) {.filter-id_object{width: 100%;padding: 10px 10px} .filter-item-apartment, .filter-item-area_name { padding: 15px 10px 15px 10px; width: 100% } .filter-item-city, .filter-item-id_object, .filter-item-number_rooms, .filter-item-street, .filter-sorting-box { padding: 20px 10px 15px 10px; width: 100% } .filter-box .filter-box-left, .filter-box .filter-box-left-1, .filter-box .filter-box-right, .filter-box .filter-box-right-1 { padding: 0 } .filter-item-price_for { padding: 15px 10px 15px 10px;width:100%  } .filter-item-price_input { padding: 10px 5px 10px 5px } .filter-item-price_label { padding: 15px 5px 0 5px } .filter-select-sorting { width: 100% } .filter-box-floor_checked, .filter-box-living_space, .filter-box_total_area { width: 100%; float: left; position: relative } .filter-background-1 { padding: 15px 0 } .filter-background-2 { padding: 10px 0 } .filter-item-area_checked, .filter-item-distance_name { padding: 15px 5px 0 10px }.filter-item-balcony_name, .filter-item-windows_name { padding: 20px 15px 0 10px } .filter-item-balcony_input, .filter-item-condition_input, .filter-item-gas_input, .filter-item-heating_input, .filter-item-house_input, .filter-item-windows_input { padding-left: 10px;padding-right: 10px; } .filter-box-floor_checked { padding: 20px 0 25px } .filter-item-distance_checked,.filter-item-condition_name, .filter-item-windows_name,.filter-item-house_name,.filter-item-balcony_name,.filter-item-heating_name,.filter-item-gas_name { padding: 15px 15px 15px 10px } .filter-box-select-unit { padding: 0 10px 25px 10px; text-align: center }.filter-item-distance_input { padding: 0 0 20px 10px }.filter-price-body {position: relative;margin: 0 auto;width: 270px;}.filter-body-item {margin-left: 5px;}.filter-number_rooms{ padding:10px;}.filter-body-item {/*width: 300px;margin: 0 auto;float: none*/}
}
.filter-search-fas i{display: inline-block;margin: 0 auto;}
.fas.collapse{display: none}.fas.collapse.inb{display: inline-block}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li {
    position: relative;
    display: block;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
        border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: default;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.filter-rent_type{
	padding: 10px 5px 0 15px;
	width: 200px;
}
.filter-item-id_rent {
	width: 330px;
	padding: 10px 15px 0 30px;
}