.ug-search-newbuildings-filter_output {width:100%; height:300px; background-color:white; display:flex; flex-direction:column; border:1px solid #e4e4e4; border-radius:5px 5px 20px 5px; padding:10px; position:absolute; top:45px; display:none; opacity:0; transition:.5s}
.ug-search-newbuildings-filter-mayby {background-color:#956b38c9; padding:12px; border-radius:5px; display:flex; justify-content:center; align-items:center; display:none; font-size:13px; color:white; u {color:blue; font-weight:600}
}
.ug-search-newbuildings-filter-result_area {width:100%; height:calc(100% - 50px); overflow-y:auto; display:flex; flex-direction:column}
.ug-search-newbuildings-filter-result_area::-webkit-scrollbar {width:7px; background-color:#f9f9fd}
.ug-search-newbuildings-filter-result_area::-webkit-scrollbar-thumb {border-radius:10px; background:-webkit-gradient(linear,left top,right bottom,from(#5873fe94),to(#871cdea6))}
.ug-search-newbuildings-filter-result_area::-webkit-scrollbar-track {-webkit-box-shadow:5px 5px 5px -5px rgba(34,60,80,0.2) inset; background-color:#f9f9fd; border-radius:10px}
.ug-search-newbuildings-filter-fast {height:35px; display:flex; gap:10px; overflow-x:scroll; scrollbar-width:none; width:100%; position:relative}
.ug-search-newbuildings-filter-fast::-webkit-scrollbar {display:none}
.ug-search-newbuildings-filter-fast__closer {background-image:url(/resources/img/newb/ug-clear-icon-bg.svg); background-position:center; background-repeat:no-repeat; width:25px; height:25px; right:-4px; bottom:0; border:1px solid transparent; border-radius:50%; opacity:0.6; background-size:80%; cursor:pointer; position:absolute; transition:.5s; &:hover {transform:rotate(90deg)}
}
.ug-search-newbuildings-filter-result_area-title {width:100%; display:flex; align-items:center; padding:10px}
.ug-search-filters_result_item-icon {background-image:url(/resources/img/newb/ug-residential-icon.svg); background-position:center; background-repeat:no-repeat; width:40px; height:40px; border-radius:50% 5px; border:1px solid transparent; background-color:#5a70fd; background-size:65%}
.ug-search-filters_result_item-span {padding:5px; font-size:16px; user-select:none; padding-left:7px; transform:translateX(-6px); background-color:#5a70fd; border-radius:0 5px 5px 0; color:white}
.ug-search-newbuildings-filter-result_area-item {width:100%; display:grid; cursor:pointer; user-select:none; grid-template-areas:"i f " "i b "; padding:10px; grid-gap:5px; transition:.5s; img {grid-area:i; width:57px; height:40px; object-fit:cover; border-radius:15px; transition:.5s}
}
.ug-search-newbuildings-filter-result_area-item:hover {background-color:#bd00ff0f}
.ug-search-newbuildings-filter-result_area-item:hover > .ug-search-result_item-span_name {color:#5a70fd}
.ug-search-newbuildings-filter_list {position:absolute; top:41px; width:100%; display:flex; flex-direction:column; border:1px solid #e4e4e4; border-radius:5px; left:0; background-color:white; transition:.5s; display:none; span {padding:10px; cursor:pointer; user-select:none; font-size:16px; transition:.5s}
 span[isactive="true"] {background-color:rgb(184 118 255); color:white}
}

.ug-newb-card__body__metro{
    display: flex;
    width: 100%;
}
.ug-search-header_and_mode{
  display: flex;
  align-items: center;
  justify-content: space-between;
  h2{
      margin: 5px;
  }
}

.ug-newb-inputs-pricers{
  height: 100%;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #e4e4e4 !important;
    padding: 11px 15px;
    width: 150px !important;
}

.ug-complex-mappane{
      height: 400px;
}

.ug-search-header_mode__toggler{
    display: flex;
    gap:5px;
    span{
      padding: 5px 10px;
      border-radius: 5px;
      border: 1px solid #760de8;
      color: #760de8;
      cursor: pointer;
      transition: .5s;
    }
    span[isactive="true"]{
        color: white;
        background-color: rgb(118 0 245);
        box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.5), inset 10px 10px 15px rgba(70, 70, 70, 0.12);
    }
}
.ug-extra-filter_line{width: 100%;
    display: grid;
    grid-template-columns: 150px auto auto;
    gap: 10px;
    /* height: 3rem;
    justify-content: center;*/
    align-items: center;
    color: white;}
.ug-extra-filter_line__pos{
  padding: 5px;
  border: 1px solid white;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: .5s;
}

.ug-extra-filter_line__name{
  color: #b26ff9;
  font-weight: 600;
}
.ug-extra-togglers-area{
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap:5px;
}
.ug-extra-filter_line__pos[isactive="true"]
{
      background-color: rgb(118 0 245);
      box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.5), inset 10px 10px 15px rgba(70, 70, 70, 0.12);
}

.ug-map-results{
    height: calc(100vh - 220px);
    border-radius: 10px;
}

.ug-extra-filter_line-desc{
  color: white;
  font-size: 12px;
  margin-bottom: 10px;
}

.ug-shore-line{
    display: flex;
    gap: 10px;
    justify-content: space-around;
    padding: 10px;

    span{
      padding: 5px;
      border: 1px solid white;
      border-radius: 5px;
      text-align: center;
      cursor: pointer;
      transition: .5s;
      width: 33%;
      color: white;
    }

    span[isactive="true"]
    {
          background-color: rgb(118 0 245);
          box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.5), inset 10px 10px 15px rgba(70, 70, 70, 0.12);
    }
}

.ug-visible-waiter{
  width: 100%;
  height: 1rem;
}
.ug-search-result_item-span_name {grid-area:f; width:100%; text-align:right; font-size:16px; font-weight:600; transition:.5s}
.ug-search-result_item-span_address {grid-area:b; width:100%; text-align:right; font-size:10px}
.ug-search-newbuildings-tool {width:100%; background-color:#fbfbfb5e; padding:10px; display:flex; flex-direction:column; gap:10px; position:relative; z-index:990}
.ug-search-filters_main,.ug-search-filters_second {width:100%; display:flex; gap:15px; align-items:center; justify-content:space-between}
.ug-search-filters_second {justify-content:flex-start; flex-wrap: wrap;}
.collapsed-filter {border:1px solid #e4e4e4; border-radius:5px; display:flex; position:relative; padding:10px 5px; align-items:center; transition:.5s; background-color:white; max-width:320px; &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
}
.ug-search-newbuildings-filter_value {width:calc(100% - 1.2rem); font-size:16px; padding:0 25px; align-content:center; color:#423f45; white-space:nowrap; overflow:hidden}
.ug-search-newbuildings-filter_icon {width:1.2rem; height:1.2rem; background-image:url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%230468ff' fill-rule='evenodd' d='M4.341 5.635.182 1.628A1.04 1.04 0 0 1 1.57.145L5.062 3.43 8.432.145a1.04 1.04 0 0 1 1.386 1.483l-4.16 4.007a1.04 1.04 0 0 1-.596.29 1.04 1.04 0 0 1-.72-.29z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; transition:.5s}
.ug-search-newbuildings-filter {width:170px}
.ug-search-newbuildings-filter_overlay {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; cursor:pointer}
.input-filter {width:calc(100% - 400px); border:3px solid #821cf0; border-radius:5px; transition:.5s; position:relative; input[type='text'] {background-color:white; display:flex; position:relative; cursor:text; border:none; padding:10px; outline:0; width:100%; height:auto; overflow:hidden; color:#121212; font-size:16px; line-height:1.43; font-family:inherit; text-align:left; text-overflow:ellipsis; white-space:nowrap; border-radius:5px; padding-left:15px; &:focus {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
 }
 &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
}
.ug-search-newbuildings-button {border:1px solid #e4e4e4; border-radius:5px; padding:10px 5px; align-items:center; width:150px; transition:.5s; font-family:inherit; background-color:white; cursor:pointer; &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
 span {width:calc(100% - 1.2rem); font-size:16px; padding:0 15px; align-content:center; color:#423f45; white-space:nowrap; overflow:hidden}
}
.ug-search-filters_more_item {display:flex; justify-content:center; align-items:center; gap:5px; background-color:#5873fe; background:-webkit-gradient(linear,left top,right bottom,from(#5873fe),to(#871cde)); background:-moz-linear-gradient(top,#5873fe,#871cde); padding:5px 10px; border-radius:10px; transition:.5s; color:white; &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
}

.ug-search-filters_more_item_est {display:flex; justify-content:center; align-items:center; gap:5px; background-color:#5873fe;  padding:5px 10px; border-radius:10px; transition:.5s; color:white; &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)} label{
    font-size: 13px;
    user-select: none;
    padding: 5px;
}
}

.ug-search-filters_more_item-span {padding:5px; font-size:13px; user-select:none}
.ug-search-filters_more_item-clear,.ug-search-filters_more_item-icon {background-image:url(/resources/img/newb/ug-clear-icon-bg.svg); background-position:center; background-repeat:no-repeat; width:15px; height:15px; cursor:pointer}
.ug-search-filters_more_item-icon {background-image:url(/resources/img/newb/ug-residential-icon.svg); cursor:default}
.ug-search-newb-result-area {width:100%; display:flex; flex-direction:column; gap:21px}
.ug-search-newb-result-area_line {display:flex; gap:10px; flex-wrap:wrap}
.ug-newb-card {border: 1px solid #e4e4e46b;width:calc(33.33333% - 10.33333px); background-color:red; border-radius:15px; padding:15px; background-color:white; transition:.5s; &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
}
.ug-newb-card__head {width:100%; height:220px; display:flex; position:relative}
.ug-newb-card-photos {width:100%; height:100%; display:flex}
.ug-newb-card-photo_active {flex-grow:0; flex-shrink:0; vertical-align:top; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.ug-newb-card-photos_lister {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; display:flex}
.ug-newb-card-photos_lister_item {height:100%; width:100%}
.ug-newb-card__head-achief {position:absolute; right:15px; bottom:15px; display:flex; gap:5px}
.ug-newb-card__head-achief__item {padding:3px 7px; background-color:white; border-radius:25px; font-size:13px; user-select:none}
.ug-newb-card__body {width:100%; display:flex; flex-direction:column; grid-gap:10px}
.ug-newb-card__body__name {margin:10px 0 0 0}
.ug-newb-card__body__paytb {display:flex; gap:10px; flex-wrap:wrap; width:100%}
.ug-newb-card__body__paytb_item {display:flex; gap:10px; width:47%; justify-content:space-between; span {font-weight:600; font-size:13px}
 img {height:15px}
}
.ug-newb-card__body_desc-wrapper {width:100%; overflow:hidden; span {display:-webkit-box; white-space:normal; overflow:hidden !important; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#7b7b7b; transition:.5s; user-select:none; &:hover {color:black}
 }
}

.ug-newb-card-itemsection {background-color:#fbf7ff; border-radius:10px;}
.ug-newb-photolisting {width:100%; height:620px; position:relative; padding:0; img {width:100%; object-fit:cover; height:100%}
}
.ug-newb-photolisting:hover > .ug-newb-photolisting_buttons {background-color:unset; .ug-newb-photolisting-leftarrow {opacity:.6; background-color:#cbcdff63}
 .ug-newb-photolisting-rightarrow {opacity:.6; background-color:#cbcdff63}
}
.ug-newb-photolisting_buttons {position:absolute; top:0; left:0; background-color:#00000033; width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; transition:.5s; padding:20px}
.ug-newb-photolisting-leftarrow,.ug-newb-photolisting-rightarrow {border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(/resources/img/main/arrow-stdug.svg); width:2rem; height:2rem; transition:.5s; opacity:0.5; background-size:80%; cursor:pointer}
.ug-newb-photolisting-leftarrow:hover,.ug-newb-photolisting-rightarrow:hover {opacity:0.8 !important; background-color:#cbcdff !important; -webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
.ug-newb-photolisting-leftarrow {transform:rotate(180deg)}
.ug-newb-photolisting_titles {position:absolute; top:10px; left:10px; display:flex; gap:10px; span {background-color:#5768ed; padding:5px 20px; font-size:13px; border-radius:25px; color:white; opacity:0.7; transition:.5s; user-select:none}
 span:hover {opacity:1}
}
.ug-newb-photolisting_naming {position:absolute; top:70%; left:19%; display:flex; grid-gap:10px; align-items:center; h1 {margin:0; padding:5px 20px; background-color:#582e8396; border-radius:15px; color:white}
}
.ug-newb-photolisting_naming_extra {display:flex; flex-direction:column; gap:5px; span {padding:5px 20px; background-color:#2e8375; color:white; border-radius:10px; font-size:13px}
}
.ug-newb-photolisting_nav {position:absolute; top:calc(70% + 4rem); display:flex; gap:3px; background-color:#00000087; border-radius:5px 25px 25px 5px; padding:5px; left:19%; span {color:white; background-color:rgb(88 113 253); background:-webkit-gradient(linear,left top,right bottom,from(#5873fe),to(#871cde)); padding:5px 20px; cursor:pointer; transition:.5s; opacity:0.8; border-radius:3px; font-size:13px; font-weight:600}
 span:hover {opacity:1; background:-webkit-gradient(linear,left bottom,right top,from(#5873fe),to(#871cde))}
 span:active {color:#470065}
 img {width:1.6rem; height:1.6rem; border-radius:50%; object-fit:contain}
}
.ug-newb-photolisting_nav > span:first-child {border-radius:5px 3px 3px 5px}
.ug-newb-address {width:100%; height:5rem; background-color:unset; display:flex; justify-content:center; align-items:center}
.ug-newb-address_wrapper {width:100%; height:5rem; background-color:white; border-radius:10px; transform:translateY(-2.5rem); box-shadow:0 0 8px 2px rgb(184 118 255); display:flex; gap:10px; padding:10px}
.ug-newb-address_icon {height:100%; border-radius:10px !important; cursor:pointer}
.ug-newb-address_name {display:flex; width:80%; flex-direction:column; gap:5px; justify-content:center; h2,h3 {margin:0; padding:0; color:#515050}
 h2 {font-size:18px}
 h3 {font-size:13px}
}
.ug-newb-address_developer {height:100%; width:250px; display:flex; gap:15px; img {height:100%; border-radius:10px; border:1px solid #dfe1e3}
 span {align-content:center; font-size:16px; color:#515050}
}
.ug-newb-payments {width:100%; height:200px}
.ug-newb-more-pane {width:100%; height:auto; display:flex; flex-direction:column; gap:10px}
.ug-newb-complex-phys-params {display:flex; flex-direction:column; gap:10px}
.ug-newb-complex-phys-pay-banner {position: relative; width:100%; flex-wrap: wrap; background-image:url(/resources/img/main/ug-old-new-banner-4.webp); background-repeat:no-repeat; background-position:center; background-size:cover; padding:15px; display:flex; flex-direction:column; gap:10px; justify-content:center; border-radius:10px; h3 {margin:0; color:white;}
}
.ug-newb-complex-phys-pay-banner_selector {color: #575656;display:flex; flex-wrap: wrap;gap:10px; span {padding:5px 20px; background-color:white; border-radius:10px; transition:.5s; cursor:pointer; border:2px solid transparent}
 span:hover {border-radius:15px}
 span[isactive="true"] {border:2px solid #435cc5}
}
.ug-newb-complex-phys-pay-description {display: none;color: #575656;padding:15px; border-radius:10px; border:1px solid #d3d3d3; h3{margin: 0px 0px 15px;} h4{margin: 5px 0px 5px;}}

.ug-admin-button{position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 20px;
    background-color: #6b29bf;
    color: white;
    border-radius: 10px;
    cursor: pointer;}

    .ug-newb-complex-appartments-container {display:flex; flex-direction:column; gap:10px; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); border-radius:10px; padding:15px}
.ug-newb-complex-appartments_searchtype__selector {display:flex; padding:10px 0; span {cursor:pointer; user-select:none; padding:5px 20px; width:120px; text-align:center; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); color:#515050; height:44px; align-content:center}
}
.ug-newb-complex-appartments_searchtype__selector > span[isactive="true"] {background-color:rgba(24,119,241,0.72); color:white}
.selector__left {border-radius:10px 0 0 10px; border-left:.5px solid #e3e3e3; border-top:.5px solid #e3e3e3; border-bottom:.5px solid #e3e3e3}
.selector__right {border-radius:0 10px 10px 0; border-right:.5px solid #e3e3e3; border-left:.5px solid #e3e3e3; border-top:.5px solid #e3e3e3; border-bottom:.5px solid #e3e3e3}
.ug-newb-complex-appartments-container__filters {display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:3rem; grid-gap:15px; padding:0 0 15px 0}
.ug-newb-filters_appartments-count {display:flex; gap:1px; align-items:center; height:46px; span {border-radius:5px; text-align:center; height:100%; border:.5px solid #e3e3e3; width:65px; align-content:center; user-select:none; cursor:pointer; color:#515050; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12)}
}
.ug-newb-filters_appartments-count > span[isactive="true"] {background-color:rgba(24,119,241,0.72); color:white}
.ug-newb-filters_appartments-from_to {display:grid; grid-template-areas:"head head" "from to"; grid-gap:5px; span {grid-area:head; color:#515050; font-size:14px }
 input[type="text"] {width:calc(100% - 25px); outline:none; padding:10px; border-radius:5px; border:none; background-color:white; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12)}
}
.ug-newb-filters_appartments-from {}
.ug-newb-filters_appartments-to {}
.ug-newb-complex-appartments_out {width:100%}
.ug-newb-complex-appartments_out_planning {width:100%; display:grid; grid-template-columns:1fr 1fr; border-top:1px dashed #d1d1d1}
.ug-newb-complex-appartments_out_planning_max {width:100%; height:280px; border-radius:10px; background-position:center; background-repeat:no-repeat; background-size:contain; background-image:url(https://i.pinimg.com/736x/1f/87/ab/1f87abe8dfec981bbcaef518f0979c11.jpg)}
.ug-newb-complex-appartments_out_planning_list {width:100%; height:100%; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; height:280px; overflow:hidden; overflow-y:auto; padding:20px 0}
.ug-newb-complex-appartments_out_planning_list__item {width: 135px;display:flex; flex-direction:column; height:min-content; border-radius:10px 5px; border:1px solid #cbcbcb; cursor:pointer; transition:.5s; padding:10px; img {width:100%; height:70px; border-radius:10px 5px; object-fit: contain;}
 span {text-align:center; font-size:12px; color:#515050; margin-top:5px}
 &:hover {-webkit-box-shadow:0 0 8px 2px rgb(184 118 255); -moz-box-shadow:0 0 8px 2px rgb(184 118 255); box-shadow:0 0 8px 2px rgb(184 118 255)}
}
.ug-newb-complex-appartments_out_flats {display:none; flex-direction:column; gap:10px; width:100%}
.ug-newb-complex-appartments_out_flats__item {display:flex; flex-direction:column; width:100%}
.ug-newb-complex-appartments_out_flats__item-head {position:relative; padding:15px; background-color:#ebebeb; border-radius:10px; display:grid; grid-template-columns:80% 16% 2rem; align-items:center; span[iscounter="true"] {background-color:rgba(24,119,241,0.72); border-radius:10px; padding:5px; color:white; text-align:center}
}
.ug-list-expander {transition: .5s;background-image:url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%230468ff' fill-rule='evenodd' d='M4.341 5.635.182 1.628A1.04 1.04 0 0 1 1.57.145L5.062 3.43 8.432.145a1.04 1.04 0 0 1 1.386 1.483l-4.16 4.007a1.04 1.04 0 0 1-.596.29 1.04 1.04 0 0 1-.72-.29z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; height:2rem; width:2rem; transition:.5s}
.ug-list-expander[expandet="true"]{transform:rotate(180deg);}
.ug-newb-complex-appartments_out_flats__item-list {display:flex; flex-direction:column; gap:10px; width:100%; transition: .5s;}
.flats__item-list__item {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-auto-rows:3rem; padding:10px; border-bottom:1px dashed #c9c9c9; img {height:100%}
 span {align-content:center; text-align:center}
}
.ug-newb-complex-corpus-container {width:100%; padding:15px; display:flex; flex-direction:column; gap:10px; justify-content:center; border-radius:10px; position:relative; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); h3 {margin:0; margin-left:10px; color:#575656}
}
.ug-newb-complex-corpus-selector-container {display:flex; gap:10px; width:100%; overflow-x:auto; padding:7px}
.ug-newb-complex-corpus-item {height:110px; width:170px; border-radius:10px; background-color:white; outline:0; border:1px solid transparent; display:flex; flex-direction:column; position:relative; gap:10px; padding:10px; transition:.5s; flex-shrink:0; cursor:pointer; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12)}
.ug-newb-complex-corpus_info {border-top:1px dashed #d1d1d1; padding:10px 0; display:flex; justify-content:space-between}
.ug-newb-complex-corpus_info_char {display:flex; gap:10px; flex-wrap:wrap; padding:0 10px; margin:0 10px; width:50%}
.ug-newb-complex-corpus_info_char-item {display:grid; grid-template-areas:"icon char" "icon val"; grid-gap:5px; align-items:center; padding:5px; width:165px; height:50px}
.ug-char-item_name {grid-area:char; font-size:14px; color:#575656}
.ug-char-item_pic {grid-area:icon; height:36px; border-radius:50%; width:36px; object-fit:cover}
.ug-char-item_val {grid-area:val; font-weight:600; font-size:14px; color:#636363}
.ug-newb-complex-corpus_managers {display:flex; position:relative; gap:10px; flex-direction:row-reverse; width:50%; flex-wrap:wrap}
.ug-newb-complex-corpus_managers_contact {display:flex; flex-direction:column; padding:10px; gap:10px; border-radius:10px; border:1px solid #cbcbcb; position:relative; color:#515151; justify-content:center; transition:.5s; background-color:rgba(24,119,241,0.72); color:white; box-shadow:inset -10px -10px 15px rgba(255,255,255,0.5),inset 10px 10px 15px rgba(70,70,70,0.12); max-height:90px; &:hover {transform:translateY(-2px)}
}
.ug-newb-complex-corpus_managers_contact:hover > .ug-left-admin-button {display:flex; opacity:1}
.ug-newb-complex-corpus_managers_contact:hover > .ug-right-admin-button {display:flex; opacity:1}
.ug-newb-complex-corpus_managers_contact__line {display:flex; gap:10px; align-items:center; font-size:13px; img {height:25px; width:25px; border:1px solid black; border-radius:50%; padding:5px; opacity:0.6}
}
.ug-newb-complex-corpus_managers_contact_add {display:flex; width:80px; justify-content:center; align-items:center; min-height:66px; border-radius:10px; border:1px solid #cbcbcb; cursor:pointer; transition:.5s; max-height:90px; &:hover {transform:translateY(-2px)}
 img {width:30px; height:30px; opacity:0.5}
}
.ug-left-admin-button,.ug-right-admin-button {position:absolute; top:0; background-color:#5873fe; background:-webkit-gradient(linear,left top,right bottom,from(#5873fe),to(#871cde)); background:-moz-linear-gradient(top,#5873fe,#871cde); display:flex; justify-content:center; align-items:center; width:17px; height:17px; display:none; opacity:0; transition:.9s; img {width:10px; height:10px; cursor:pointer; transition:.5s}
}
.ug-left-admin-button {left:0; border-radius:10px 0 50% 0}
.ug-right-admin-button {right:0; border-radius:0 10px 0 50%}
.corpus-released {background-color:#07ea6a29}
.ug-newb-complex-corpus-item[isactive="true"] {border:1px solid #cbcbcb}
.ug-newb-complex-corpus-item:hover {box-shadow:0 0 8px 2px rgb(184 118 255); border:1px solid transparent}
.ug-newb-complex-corpus-item_name {font-weight:600; text-align:left; color:#636363}
.ug-newb-complex-corpus-item_address {font-size:12px; text-align:left; color:#636363}
.ug-newb-complex-corpus-item_hasvars {font-size:11px; background-color:#07ea6a; padding:5px; border-radius:10px; position:absolute; left:10px; bottom:10px; color:white}
.ug-newb-complex-corpus-item_released {font-size:11px; background-color:#07ea6a; padding:5px; border-radius:10px; position:absolute; right:10px; bottom:10px; color:white}
.ug-newb-complex-corpus-item_notreleased {font-size:11px; background-color:#ff9b54; padding:5px; border-radius:10px; position:absolute; right:10px; bottom:10px; color:white}


.manager_icon_contact {height:27px; position:absolute; opacity:0.1; top:10px; right:10px}


@media (min-width:375px) and (max-width:500px) {.container {width:100%}
 .ug-search-header_and_mode{h2{display:none;}}
 .ug-search-newbuildings-filter_list {z-index:3}
 .ug-search-filters_main {display:grid; grid-template-columns:1fr}
 .collapsed-filter {max-width:unset; width:100%}
 .input-filter {width:100%}
 .ug-search-newbuildings-button {width:100%}
 .ug-newb-card {width:98%}

 .ug-newb-photolisting_naming {flex-direction:column; top:20%; left:25px; align-items:unset; h1 {font-size:1.2rem}
 }
 .ug-newb-photolisting_naming_extra {flex-direction:row}
 .ug-newb-photolisting_nav {top:calc(20% + 5rem); left:25px; flex-direction:column; border-radius:10px; img {display:none} span{font-size: 18px;}
 }
 .ug-newb-address_icon {height:60px}
 .ug-newb-address_wrapper {flex-wrap:wrap; height:auto}
 .ug-newb-address_developer {height:60px; width:100%}
 .ug-newb-complex-corpus-selector-container {scrollbar-width:none}
 .ug-newb-complex-corpus-selector-container::-webkit-scrollbar {width:0}
 .ug-newb-complex-corpus_info_char {justify-content:center; padding:0; width:100%}
 .ug-newb-complex-corpus_info {flex-direction:column; gap:10px}
 .ug-newb-complex-corpus_managers {width:100%}
 .ug-newb-complex-appartments_out_flats__item-head {grid-template-columns:50% 40% 10%; margin-top: 15px;}
 .ug-newb-complex-appartments-container__filters {grid-template-columns:1fr}
 .ug-newb-filters_appartments-count{width: 100%; overflow: hidden;}
}

@media (max-width:375px){
  .ug-newb-photolisting_nav{
      top: calc(30% + 5rem);
  }

  .ug-newb-address_wrapper{
      transform: translateY(-5.5rem);
  }

  .ug-newb-address_name{
      h2, h3{
          font-size: font-size: 13px;
      }
  }
}