.hidden{ display: none !important; } .counter{ text-align: center; font-size: 12px; color: #404040; padding: 6px 0px; } .overlay{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; text-align: center; } body{ overflow-x: hidden; margin:0px; font-family: Arial, Helvetica, sans-serif; } select{ font-size: 14px; padding: 1px 4px; cursor: pointer; max-width: 200px; } a{ color: unset; text-decoration: none; } form{ margin-bottom: unset; } button{ border:unset; background: unset; cursor: unset; outline: unset; } .header{ background: #fafafa; padding: 5px; border-bottom: 1px solid #ebebeb; height:35px; } .header select{ width:138px; min-width: 138px; border: solid 1px #a9a9a9; } .h-publish{ font-size: 15px; cursor: pointer; color: #fff; background: #ffa100; padding: 5px 15px; border-radius: 15px; white-space: nowrap; font-weight: 500; margin-right: 6px; transition: opacity .3s ease; } .h-publish:hover{opacity: 0.8} .h-msg{ border-bottom: 2px solid transparent; padding:12px; } .h-msg:hover{ border-color: #0d79fc; } .h-login{ cursor: pointer; color: #353535; font-size: 15px; border-bottom: 2px solid transparent; margin: 0 4px; padding: 10px 10px 12px; transition: color .3s ease,border-color .3s ease; } .h-login:hover{ color: #0d79fc; border-color: #0d79fc; } .fr{display:flex;} .fac{align-items:center;} .fjc{justify-content:center;} .fsb{justify-content:space-between;} .mx-1{ margin: 0 5px; } .main{ margin-left: 150px; min-width:800px; } .l{ flex-grow: 1; margin-top: 10px; } .r{ position: relative; border-left: 1px solid #e6e6e6; background:#fbfbfb; width: 262px; transition: transform 300ms ease; } .r.close{ transform: translateX(100%); } .re{ color: #306dd2; font-size: 14px; padding: 0; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; } .postlist > div{ display: flex; width: 777px; padding: 10px 0; min-height: 115px; border-bottom: 1px solid #f1f1f1; } .postlist > div img{ width: 160px; height: 115px; } .postlist > div:hover{ background: #fafafa } .postlist > div:hover .enfo .contact{ color:#306dd2; } .postlist > div:hover .enfo .phone > *:nth-child(3){ color:#306dd2; background: #ebebeb; } .nfo{ width: 590px; min-height: 115px; margin-left: 20px; } .pn{ position: absolute; top: 87px; right: 10px;color:hsla(0,0%,100%,.7);padding:2px;font-size:13px; } .enfo{ align-items: flex-end; } .enfo > div{ display: flex; align-content: flex-end; align-items: center; font-size: 15px; height: 22px; } .enfo > div:first-child{ font-size: 13px; color:#969696; fill:#969696; } .enfo > div svg{ margin-right: 3px; } .enfo > div:first-child > div{ display: flex; align-items: center; margin-right: 20px; } .enfo > div:nth-child(2) > div{ color:gray; cursor: pointer; display: flex; align-items: center; font-weight: bold; } .contact:hover{ text-decoration: underline; cursor: pointer; } .phone > *:nth-child(3):hover{ text-decoration: underline; } .phone{ font-weight: bold; margin-right: 20px; } .phone > *:nth-child(2){ margin:0 4px; } .phone > *:nth-child(3){ cursor: pointer; width: 50px; text-align: center; padding: 2px 0px; margin-left: 3px; border-radius: 5px; font-size: 11px; line-height: 0.9; background: #f6f6f6; } .contact > *:nth-child(1){ margin-right: 4px; } .title{ max-height: 25px; overflow: hidden; color: #306dd2; font-size: 19px; font-weight: 400; text-overflow: ellipsis; margin-top: -2px; text-decoration:none; } .title:hover{ text-decoration: underline; } .search-desc{ color: rgb(72, 72, 72); justify-content: center; font-size: 13px; align-items: flex-end; margin: 30px auto; max-width: 800px; display: flex; } .desc{ text-overflow: ellipsis; color: #545454; line-height: 1.3; overflow: hidden; font-size: 14px; word-break: break-word; margin: 3px 0; margin-right: 10px; max-width: 713px; } .desc > *:nth-child(2){ color: #306dda; padding: 0 5px; cursor: pointer; } .desc > *:nth-child(2):hover{ opacity: 0.7; } .desc > *:nth-child(3){ display: none; } .nfo .searchName{ color:#666666; margin: 5px 0; font-size: 13px; } .postlist-grid-item .price{ position: absolute; top: 200px; left: 0px; padding: 5px; color: white; background: #00000099; border-top-right-radius: 10px; } .postlist-grid-title{ font-size: 15px; } .postlist-grid-item .desc{ margin:1px 0; font-size: 13px; } .postlist-grid-item .tags-box > div{ padding: 2px 5px; margin-right: 4px; } .postlist-grid-item .phoneBottom{ margin-left: 20px; } .price{ color: #272727; font-size: 20px; font-weight: 600; font-family: arial; white-space: nowrap; margin-right: 5px; } .prof{ background-color: #96031E;color: #fff;font-size: 11px;padding: 3px 9px;border-radius: 10px;margin: 0 3px; } .view-map{ color: #006bc6; margin-left: 3px; margin-top: 1px; font-size: 11px; cursor: pointer; } .view-map:hover{ opacity: 0.8; } .cityName{ color: #006bc6; cursor: pointer; } .cityName:hover{ text-decoration: underline; } .winclose{ background: #000; padding: 6px 9px; position: absolute; right: -23px; top: -15px; color: white; border-radius: 50%; font-size: 21px; font-weight: bold; border: solid 2px #fff; cursor: pointer; } .winclose:hover{ background: #383838; } #winCounters{ font-weight: bold; color:#000; margin:0px 5px; } .searchfield{ border-radius: 5px; border:1px solid #cdcdcd; height:23px; padding:10px; } .searchfield-pointer{ transition: background 300ms ease; cursor: pointer; } .searchfield-pointer:hover{ background:#fafafa; } .search-ss{ color: #0378fd; margin-left: 20px; cursor: pointer; font-size: 15px; width: 80px; } .search-ss:hover{ text-decoration: underline; } .backtop{ font-size: 14px; border-radius: 3px; border:1px solid #e1e1e1; padding:5px 12px; color:#1455c0; cursor: pointer; } .backtop:hover{ background: #f9f9f9; } .backtop > svg{ fill:#4c4c4c; margin-left: -6px; } .pagination{ display: flex; align-items: center; justify-content: center; } .pagination > a{ border-radius: 3px; border:1px solid #e1e1e1; padding:9px 12px; transition: background 300ms ease; color:#1455c0; cursor: pointer; margin-right: 20px; } .pagination > a:hover{ background: #f9f9f9; } .pagination-dots{ margin-right: 20px; font-size: 20px; margin-bottom:-20px; } .pag-arrow{ display: flex; border:solid 1px #d3d3d3;padding:1px 2px;border-radius: 5px; } .pag-arrow:hover{ fill: #437eff; background: #f9f9f9; } .popup-link{ color:#0000db; margin-left: 50px; cursor: pointer; font-size: 14px; transition: opacity 300ms ease; } .popup-link:hover{ opacity: 0.8; } .feedback-w{ position: fixed; top: 90%; left: 0; z-index: 11; cursor: pointer; } .feedback-w > a{ display: block; transform-origin: left top 0; background: #323e4e; padding: 8px 13px; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 15px; letter-spacing: .5px; transition: background .2s ease; transform: rotate(-90deg); } .feedback-w > a:hover{ background:#485059; } .feedback-w img{ width: 20px; margin-right: 7px; transform: rotate(90deg); } .re{ display: block; padding:5px 0; padding-left: 10px; cursor: pointer; } .re > svg{ margin-bottom: -3px; margin-right: 10px; } .re > a > div > svg{ width: 15px; height: 15px; } .re.selected{ font-weight: bold; } .rinner{ background: #f5f5f5; } .re ._x1{ fill:none; } .re ._x2{ fill:#202020; } .re:hover{ background: #e6e6e6; fill:#306dd2; } .rec{ display: flex; align-items: center; padding: 0; padding-left: 15px; } .rec > a{ display: flex; align-items: center; flex-grow: 1; padding: 5px 0; } .rec > a > div:first-child{ color: #000; width: 26px; letter-spacing: 1.8; } .rec > span{ flex-grow: 1; } .rec .box{ /* width: 30px; */ font-size: 22px; color: #232323 !important; margin-top: -11px; margin-right: 6px; } .rec .box:hover{ color: gray !important; } .menu-btn{ position: absolute; top:-5px; left:-30px; color:#888888; font-size: 2em; cursor: pointer; } .menu-btn:hover{ opacity: 0.8; } .map{ text-align: center; } .map svg{ margin: 10px 0; width: 135px; } .map path{ stroke:#fff; fill:#cfcfcf; transition: fill 300ms ease; } .map path:hover{ fill:#b2b2b2; } .map a.selected > path{ fill:#b2b2b2; } .down-app{ display: block; padding: 6px 17px; background: #fff; cursor: pointer; border: 1px solid #eaeaea; border-radius: 5px; color: #333; transition: border .3s ease; margin:0px auto; width: fit-content; } .down-app:hover{ border:1px solid #0d79fc; } .scrolltop{ /* fill: #fff; padding: 2px 8px; */ padding: 4px 8px; padding-bottom: 8px; background: #969696; position: fixed; bottom: 20px; right: 20px; border-radius: 100px; cursor: pointer; font-size: 35px; transition: background .3s ease,opacity .5s ease; z-index: 3; } .scrolltop:hover{ background:#5d5d5d; } .scrolltop > * { margin-top: 4px; } .mostsearch > div{ font-size: 12px; padding:3px 0 10px 10px; } .mostsearch a:hover{ text-decoration: underline; } .mostsearch a{ color:#306dd2; margin-left: 10px; } .select-order{ background: #fff; border-radius: 5px; color: #4a4a4a; border: solid 1px #d3d3d3; padding: 6px 28px 6px 10px; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select-order + div{ position: absolute; right: 3px; top: 5px; fill: #414141; pointer-events: none; } .gallery-flyer{ display: flex; align-items: center; margin-right: 14px; } .gallery-item{ cursor: pointer; padding: 1px 6px; border: 1px solid #cdcdcd; border-radius: 4px; display: flex; } .gallery-icon{ fill:#4d4d4d; } .gallery-icon.selected{ fill:#2e95ec; } .postlist-grid{ width: 100%; display: flex; flex-wrap: wrap; margin-top: -3px; max-width: 1102px; } .postlist-grid-item{ width: 250px; margin: 10px 15px 0 0; display: flex; flex-direction: column; border-radius: 5px; position: relative; border: 1px solid #ebebeb; } .postlist-grid-item:hover .arr{ display: block; } .postlist-grid-item:hover .pindicator{ display: block; } .postlist-grid-item .arr{ display: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; position: absolute; top: 38%; color:#fff;padding:1px 1px 0px 3px;font-size:23px;background:#000000d6;border-radius:50%;cursor:pointer;opacity:0.8; } .postlist-grid-item .arr:hover{ opacity: 1; } .postlist-grid-item .arr.left{ left:0px; padding:23px 9px 23px 7px; border-radius: 0 2.5em 2.5em 0; max-width: 10px; } .postlist-grid-item .arr.right{ right:0px; padding:23px 9px 23px 7px; border-radius: 2.5em 0 0 2.5em; } .pindicator{ display: none; position: absolute; top:0px; left: 0px; width:100%; text-align: center; color:white; background: #000000d6; padding:3px 0; font-size: 13px; } .postlist-grid > div img{ height: 230px; width: 100%; object-fit: cover; display: block; } .postlist-grid > div:hover{ background: #fafafa } .postlist-grid > div:hover .enfo .contact{ color:#306dd2; } .postlist-grid > div:hover .enfo .phone > *:nth-child(3){ color:#306dd2; background: #ebebeb; } .postlist-grid-info{ width: 100%; min-height: 115px; padding-left: 5px; padding-top: 5px; box-sizing: border-box; white-space: nowrap; overflow: hidden; } .postlist-grid-title{ line-height: 1.2em; max-height: initial; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 14px; color: #1455c0; font-weight: 400; } .phoneBottom{ cursor: pointer; padding: 3px 4px; margin-left: 3px; border-radius: 5px; font-size: 11px; line-height: 0.9; background: #f6f6f6; white-space: nowrap; display: flex; justify-content: flex-end; } .view-photos{ font-size: 13px;padding: 2px 4px;margin: 0 3px;cursor: pointer; color: #006bc6; } .view-photos:hover{ opacity: 0.8; } .poslist-more{ position:relative; cursor: pointer; }
.tags-box{ display: flex; color:#202020; font-weight: bold; font-size: 11px; align-items: center; margin: 2px 0; flex-wrap: wrap; } .tags-box > div{ background: white; border-radius: 10px; border:solid 1px #bdbdbd; padding: 2px 9px; margin: 3px 0; margin-right: 5px; } .tags-box > div:nth-child(2){ color: #7D4A16; background: #fbede0; border-color: #e8c8a6; } .tags-box > div:nth-child(3){ color: #2E4F74; background: #e6f1f8; border-color: #9ebed3; } .tags-box > div:nth-child(4){ color: #AA8C00; background: #FDFCEE; border-color: #E0D134; } .tags-box > div:nth-child(5){ color: #4b521a; background: #e8f0cb; border-color: #b3c284; } .tags-box > div:nth-child(6){ color: #47581F; background: #e8f0cb; border-color: #becb94; } .tags-box > div:nth-child(7){ color: #AA8C00; background: #FDFCEE; border-color: #E0D134; }
#user-menu{ position: absolute; right:65px; top:39px; width: 263px; background: #fff; z-index: 9; color: #4c4c4c; box-shadow: 0 1px 6px rgba(0,0,0,.117647),0 1px 4px rgba(0,0,0,.117647)!important; } #user-menu > a{ display: flex; align-items: center; cursor: pointer; font-size: 14px; padding: 10px 15px; } #user-menu > a:hover{ background: #0000000d; color:#437eff; } #user-menu > a:hover svg{ fill:#437eff; } #user-menu svg{ width: 18px; height: 18px; margin-right: 10px; fill:#c1c1c1; } #user-menu ~ .avatar{ height: 30px; width: 30px; border-radius: 30px; border: 1px solid #d9d9d9; margin-right: 10px; margin-left: 20px; }.__ss_cat-1004{width:15px;height:15px;background: url("/build/sprites-postlist.png") -76px -30px;}.__ss_cat-20{width:15px;height:15px;background: url("/build/sprites-postlist.png") -45px -59px;}.__ss_cat-23{width:15px;height:15px;background: url("/build/sprites-postlist.png") -76px -45px;}.__ss_cat-24{width:15px;height:15px;background: url("/build/sprites-postlist.png") -30px -74px;}.__ss_cat-27{width:15px;height:15px;background: url("/build/sprites-postlist.png") -45px -74px;}.__ss_cat-2{width:15px;height:15px;background: url("/build/sprites-postlist.png") -60px -74px;}.__ss_cat-30{width:15px;height:15px;background: url("/build/sprites-postlist.png") -59px -34px;}.__ss_cat-338{width:15px;height:15px;background: url("/build/sprites-postlist.png") -44px -35px;}.__ss_cat-33{width:15px;height:15px;background: url("/build/sprites-postlist.png") -0px -59px;}.__ss_cat-35{width:15px;height:15px;background: url("/build/sprites-postlist.png") -15px -59px;}.__ss_cat-391{width:15px;height:15px;background: url("/build/sprites-postlist.png") -30px -59px;}.__ss_cat-4{width:15px;height:15px;background: url("/build/sprites-postlist.png") -75px -74px;}.__ss_cat-996{width:15px;height:15px;background: url("/build/sprites-postlist.png") -60px -59px;}.__ss_cat-997{width:15px;height:15px;background: url("/build/sprites-postlist.png") -76px -0px;}.__ss_cat-998{width:15px;height:15px;background: url("/build/sprites-postlist.png") -76px -15px;}.__ss_phone{width:17px;height:17px;background: url("/build/sprites-postlist.png") -59px -0px;}.__ss_message{width:17px;height:17px;background: url("/build/sprites-postlist.png") -59px -17px;}.__ss_clock{width:15px;height:15px;background: url("/build/sprites-postlist.png") -0px -74px;}.__ss_places{width:15px;height:15px;background: url("/build/sprites-postlist.png") -15px -74px;}.__ss_search{width:24px;height:24px;background: url("/build/sprites-postlist.png") -0px -35px;}.__ss_arr-up-sg{width:20px;height:20px;background: url("/build/sprites-postlist.png") -24px -35px;}.__ss_arr-up-bw{width:35px;height:35px;background: url("/build/sprites-postlist.png") -0px -0px;}.__ss_more{width:24px;height:24px;background: url("/build/sprites-postlist.png") -35px -0px;}