
.flats__wrapper{max-width:1100px;margin:0 auto;padding:0px 0 0;}
.flats__top-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.flats__col1{max-width:375px;}
.flats__colzz{max-width:375px;padding-left:10px}
.flats__title{max-width: 460px;position: relative;padding-top: 10px;}
.flats__text{margin-top:25px;max-width:375px;font-size:18px;line-height:1.555555556}
.flats__layout{margin-top:15px;margin-bottom: 35px;}
.layout-choice{max-width:800px;padding-top:1px;width:100%}
.layout-choice__btns-wrapper{position:relative}
.layout-choice__btns-wrapper:nth-child(n+2){margin-top:20px}
.layout-choice__title{position:absolute;letter-spacing:.1em;top:5px;right:480px;white-space:nowrap;font-style:italic}
.layout-choice__btns-list{margin:5px 5px 5px 5px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-inline-start: 0px;}
.layout-choice__btns-item{margin:-1px 0 0 -1px;position:relative}
.layout-choice__btns-item.is-active{z-index:3}
.layout-choice__button{
    box-sizing: border-box;
    white-space: nowrap;
    width: 70px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #b3896c;
    color: #22314a;
    font-size: 13px;
    cursor: pointer;
    transition: .2s;
    font-weight: 700;
    margin: 3px;}
.layout-choice__button:focus,.layout-choice__button:hover{background-color:rgba(255,233,145,.61)}
.layout-choice__button--area{width:76px}
.layout-choice__button.is-active{    background-color: #d8bd89;
    border-color: #d8bd89;
    font-weight: 700;
    color: #fff;}
.layout-choice__btn-sup{font-size:10px;color:#232323}
.layout{display:-ms-flexbox;display:flex;background-color:#f7f7f7}
.layout__img-wrapper{width:100%;padding:0px;max-width:700px;text-align:center;box-sizing:border-box}
.layout__img{display:inline-block;vertical-align:middle}
.layout__feedback-info-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:400px;box-sizing:border-box;border-left:1px solid rgba(0,0,0,.08)}
.layout__info{border-bottom:1px solid rgba(0,0,0,.08);padding:10px 10px 10px}
.layout__info2{border-bottom:1px solid rgba(0,0,0,.08)}
.layout__flat-name{    max-width: 250px;
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #092330;
    font-weight: 700;
    margin-left: 10px;}
.layout__info-row{display:-ms-flexbox;display:flex;margin-top:12px}
.layout__row-item:nth-child(n+2){margin-left:40px}
.layout__info-title{color: #419dc6;font-style:italic;font-weight:300}
.layout__info-value{font-size:30px;line-height:1.1;color:#232323}
.layout__info-value-text{font-size:inherit;color:inherit}
.layout__area-sup{font-weight:500;font-size:16px}
.layout__price-wrap{margin-top:10px}
.layout__price-title{font-style:italic;font-weight:300}
.layout__price{display:inline-block;font-size:30px;color:#c2ae67;position:relative;line-height:1.1}
.layout__price::after{content:"";position:absolute;right:-15px;top:10px;width:12px;height:16px;background:url(../img/tenge_yellow.png) center no-repeat}
.layout-feedback{padding:30px}
.layout-feedback__title{font-size:18px;line-height:1.333333333;color:#232323;font-weight:700}
.layout-feedback__text{margin-top:5px;line-height:1.428571429}
.layout-feedback__input-rows{margin-top:25px;max-width:300px}
.layout-feedback__row{margin-top:10px}
.layout-feedback__row--btn{margin-top:15px}
.layout-feedback-input{position:relative}
.layout-feedback-input__label{background-color:transparent;position:absolute;font-size:14px}
.layout-feedback-input__input,.layout-feedback-input__label--tel{background-color:#f5f2f2;height:45px;transition:.3s;box-sizing:border-box;margin-top: 10px;}
.layout-feedback-input__label--name{left:15px;top:50%;transform:translateY(-50%)}
.layout-feedback-input__label--tel{position:absolute;border:1px solid #ddd;font-size:16px;text-align:left;left:0;bottom:0;color:rgba(255,255,255,.2)}
.layout-feedback-input__label-text{border-bottom:1px solid rgba(255,255,255,.2);font-size:14px;bottom:0;height:45px;box-sizing:border-box;color:#419dc6;transition:.3s}
.layout-feedback-input__label-text--tel{display:block;font-size:18px;position:relative;top:10px;left:15px;width:45px}
.layout-feedback-input__input{border: 1px solid #419dc6;
    font-size: 14px;
    padding: 0 15px 0 25px;
    width: 100%;
    letter-spacing: .04em;
    color: #424344;}
.layout-feedback-input__input:focus,.layout-feedback-input__input:focus~.layout-feedback-input__label--tel{border-color:#bbb}
.layout-feedback-input__input--tel{}
.layout-feedback-input .form-row__tooltip-wrap{left:auto;right:0;top:auto;bottom:calc(100% + 10px);transform:none;width:auto;max-width:none}
.layout-feedback-input .form-row__tooltip--border::after,.layout-feedback-input .form-row__tooltip--border::before,.layout-feedback-input .form-row__tooltip--shadow::after,.layout-feedback-input .form-row__tooltip--shadow::before{bottom:-5px;top:auto;left:calc(50% - 5px)}
.layout-feedback-input .form-row__tooltip--border::before{bottom:-3px;top:auto;left:calc(50% - 3px)}
.form-row__validation-wrap.error:not(.filling) .form-row__input.layout-feedback-input__input~.layout-feedback-input__label--tel{background:rgba(255,0,0,.06);border-color:#d65137;color:rgba(214,81,55,.5)}
.to-top{color:#fff;background-color:rgba(0,0,0,.8);position:fixed;bottom:75px;right:20px;height:50px;width:50px;border:none;z-index:11;display:none;border-radius:50px;font-size:50px}
.to-top__arrow{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-289 393.4 4 7.2'%3E%3Cstyle%3E.white%7Bfill:white;%7D%3C/style%3E%3Cpath class='white' d='M-285 397l-3.5 3.6-.5-.6 3-3-3-3 .5-.6 3.5 3.6z'/%3E%3C/svg%3E") 50% 50% no-repeat;background-size:contain;position:relative;display:inline-block;cursor:pointer;vertical-align:top;transform:rotate(-90deg);width:20px;height:20px;margin:15px}

@media screen and (max-width:720px){
	.layout__info-value{
		font-size:24px;
		line-height:1.1;
		color:#232323
		}
	}
