.apartment{
    padding:88px 0 70px
}
.apartment-content{
    display:grid;
    grid-template-columns:minmax(560px, 1121px) minmax(100px, 531px);
    gap:60px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.apartment-info{
    max-width:1121px;
    display:grid;
    grid-template-columns:-webkit-max-content minmax(378px, 755px) -webkit-max-content;
    grid-template-columns:max-content minmax(378px, 755px) max-content;
    gap:15px 25px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.apartment-control{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.apartment-details{
    border:1px solid rgba(0,0,0,.2);
    background:#fff;
    padding:40px 30px
}
.apartment-details__inner{
    max-width:451px;
    margin-left:auto;
    margin-right:auto
}
.apartment-image{
    margin-left:auto;
    margin-right:auto
}
.apartment-image img{
    margin-left:auto;
    margin-right:auto;
    /*    height: auto;
        width: auto;*/
    margin: auto;
    display: block;
    mix-blend-mode: multiply;
    object-fit: contain;
    aspect-ratio: 755 / 559;
}
.apartment-actions{
    margin-top:130px
}
.apartment-action{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:46px;
    height:46px;
    cursor:pointer;
    background:rgba(0,0,0,0);
    border-radius:5px;
    -webkit-transition:.6s;
    transition:.6s
}
.apartment-action:not(:last-child){
    margin-bottom:10px
}
.apartment-action:hover{
    background:#e6e8d8
}
.apartment-type{
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:300;
    font-size:24px;
    line-height:29px;
    color:#000;
    margin: 0;
}
.apartment-price{
    /*margin-top:15px;*/
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:36px;
    line-height:43px;
    color:#000
}
.apartment-price-m2{
    margin-top:4px;
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:300;
    font-size:16px;
    line-height:19px;
    color:rgba(0,0,0,.8)
}
.apartment-features{
    border-top:1px solid rgba(0,0,0,.2);
    padding-top:25px;
    margin-top:25px;
    width:100%;
    margin-bottom:50px
}
.apartment-feature{
    display:grid;
    grid-template-columns:1fr -webkit-max-content;
    grid-template-columns:1fr max-content;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.apartment-feature:not(:last-child){
    margin-bottom:25px
}
.apartment-feature__title{
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:22px;
    color:rgba(0,0,0,.5)
}
.apartment-feature__value{
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:22px;
    text-align:right;
    color:#000
}
.apartment .top-anchor-flat-list a {
    display: contents;
}
.apartment .top-anchor-flat-list{
    width:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-left:7px;
    gap:7px
}
.apartment .top-anchor-flat-list svg{
    -ms-flex-negative:0;
    flex-shrink:0
}
.apartment .top-anchor-flat-list span{
    text-align:center;
    width:100%
}
.btn-back{
    text-align:center;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    white-space:nowrap;
    cursor:pointer;
    -webkit-transition:.6s;
    transition:.6s
}
.btn-back span{
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:20px;
    color:rgba(0,0,0,.5);
    -webkit-transition:.6s;
    transition:.6s
}
.btn-back svg{
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-right:15px
}
.btn-back svg path{
    -webkit-transition:.6s;
    transition:.6s
}
.btn-back:hover span{
    color:#87905c
}
.btn-back:hover svg path{
    stroke-opacity:1;
    stroke:#87905c
}
.tabs-control{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:64px;
    padding:7px;
    border-radius:5px;
    background:#efefef;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    gap:5px;
    margin:0 auto
}
.tabs-control-wr{
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    padding-bottom:2px;
    margin-top:30px
}
.tabs-control a{
    font-family:"Lato",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:20px;
    color:rgba(0,0,0,.5);
    cursor:pointer;
    padding:15px 19px;
    background-color:rgba(0,0,0,0);
    border-radius:5px;
    height:50px;
    text-align:center;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    -webkit-transition:.6s;
    transition:.6s;
    white-space:nowrap
}
.tabs-control a.current{
    background-color:#fff;
    color:#87905c;
    font-weight:600
}
.tabs-control a:hover{
    color:#87905c
}
.tabs-content>div{
    display:none
}
.tabs-content>div:first-child{
    display:block
}
.add_to_fav.active path{
    fill:#87905c;
    stroke:#87905c;
    stroke-opacity:1
}
.apartment-action--share{
    position: relative;
}
.apartment-action--share span{
    opacity: 0;
    display: block;
    border: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    transition: .8s;
    z-index: -1;
}
.apartment-action--share.active span{
    z-index: 1;
    opacity: 1;
}
.catalog-price-old{
    margin: 0;
    font-size: 19px;
    opacity: 0.8;
    line-height: 1;
    position: relative;
    width: max-content;
    max-width: 100%;

}
.catalog-price-old:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    height: 1px;
    background-color: #ff0000;
    transform: rotate(-5deg);
}
.catalog-price-wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px 20px;
    flex-wrap: wrap;
    margin-top: 15px;
}
@media(max-width: 1300px){
    .apartment-info{
        max-width:755px;
        grid-template-columns:-webkit-max-content 1fr;
        grid-template-columns:max-content 1fr
    }
    .apartment-content{
        grid-template-columns:minmax(377px, 755px) minmax(140px, 370px);
        gap:50px 30px
    }
    .apartment-price{
        font-size:32px;
        line-height:40px
    }
    .apartment-type{
        font-size:22px
    }
    .apartment-details{
        padding:30px 20px
    }
    .apartment .btn-back{
        margin-top:13px;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .apartment-control{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .apartment-pictures{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        grid-column:span 2;
        margin-left:auto;
        margin-right:auto;
        width:100%
    }
    .apartment-direction{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .apartment-actions{
        margin-top:0;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-bottom:30px
    }
    .apartment-action{
        background:#efefef
    }
    .apartment-action:not(:last-child){
        margin-bottom:0px;
        margin-right:10px
    }
}
@media(max-width: 980px){
    .apartment-content{
        grid-template-columns:100%
    }
    .apartment-info{
        max-width:100%
    }
    .apartment-details{
        padding:40px 30px;
        width:100%;
        max-width:500px;
        margin-left:auto;
        margin-right:auto
    }
}
@media(max-width: 920px){
    .apartment{
        padding:50px 0 60px
    }
    .apartment-type{
        font-size:16px;
        line-height:19px
    }
    .apartment-price{
        font-size:26px;
        line-height:31px
    }
    .apartment-feature__title{
        font-size:16px;
        line-height:19px
    }
    .apartment-feature__value{
        font-size:16px;
        line-height:19px
    }
    .apartment-details__inner .top-anchor-flat-list span{
        font-size:16px
    }
    .btn-back span{
        font-size:16px
    }
}
@media(max-width: 375px){
    .apartment .top-anchor-flat-list svg {
        width: 30px;
    }
}
@media print {
    header nav,
    footer,
    .btn-back,
    .apartment-control,
    .top-anchor-flat-list,
    .header-mobile-menu-btn,
    header .header-fav-lnk{
        display: none !important;
    }
    header{
        height: auto;
        max-height: unset;
        overflow: unset;
        box-shadow: unset!important;
    }
    .apartment-feature:not(:last-child) {
        margin-bottom: 10px;
    }
    .apartment-details {
        padding: 0;
        border: unset;
    }
    .header-phone-wr {
        display: block!important;
        width: max-content;
        font-size: 13px!important;
        margin-right: 200px!important;
        padding-right: 200px!important;

    }
    header .container{
        grid-template-columns: 1fr 1fr!important;
        justify-content: space-between!important;
        width: 100%!important;
    }
    .header-phone-wr a {
        font-size: 13px!important;
    }
    section.apartment{
        background-color: transparent!important;
    }
    jdiv,
    .jewlsicon,
    .jdiv-icon,
    .jdiv-wrapper,
    [class*="jdiv"],
    [class*="widget"],
    div[id*="jdiv"],
    div[id*="widget"] {
        display: none !important;
    }
    a[href*="max.ru"] {
        display: none !important;
    }
}