body{
    margin: 0;
}
*{
    box-sizing: border-box;
}
@font-face {
    font-family: 'AvenirNextCurB';
    src: url('/themes/light/css/avenirnextcyr-bold.ttf');


}
@font-face {
    font-family: 'AvenirNextCurL';
    src: url('/themes/light/css/avenirnextcyr-light.ttf');


}

@font-face {
    font-family: 'AvenirNextCurR';
    src: url('/themes/light/css/avenirnextcyr-regular.ttf');


}
@font-face {
    font-family: 'AvenirNextCurM';
    src: url('/themes/light/css/avenirnextcyr-medium.ttf');


}

@font-face {
    font-family: 'AvenirNextCurT';
    src: url('/themes/light/css/avenirnextcyr-thin.ttf');


}

@font-face {
    font-family: 'AvenirNextCurD';
    src: url('/themes/light/css/avenirnextcyr-demi.ttf');


}

.flat-view:hover{
    cursor: pointer;
}
.backhouseimg:hover {
    zoom: 1.02;
}
.slider-front{
    width: 100%;
}
.maillink a{
color:rgb(36, 41, 57);
}
.maillink{
    margin-top: 5px;
}
.slider-front img{
    width: inherit;
}
.slider-front {
    max-height: 214.5px;
    overflow-y: hidden;
}
.first-screen-top {
    background: url(/themes/light/img/back_new.jpg);
    position: relative;
    background-size: cover;
    height: 100vh;
}
.logo-top-block-text{
    font-family: 'AvenirNextCurB';


    font-size: 24px;

    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;




}
.your-parking ~ .get-quest {
    position: static;
    margin-left: 0;
}
.elem_bg .compas {
    position: absolute;
    top: 0px;
    right: 0;
}
.compas {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 50px;
    background: 50% 50% / 70% auto no-repeat;
    background-image: url(/themes/light/img/compas.svg);
    transform-origin: 50% 50%;
    transform: rotateZ(
            -90deg
    );
    position: relative;
    transition: transform 2s cubic-bezier(0.49, 1.63, 0.61, 0.98) 0s, color 0.2s ease 0s;
    color: #fff;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
    /* color: rgba(68, 66, 64, 1); */
    /* text-shadow: 1px 1px 2px rgb(255 255 255 / 60%); */
}
.modal-s-w1 ~ .modal-flat-right-label2 {
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
}
.compas::before {
    content: "Ю" !important;
    top: auto !important;
    bottom: 0px !important;
}
.firstflat.compas::before{
    color: red;
}
.firstflat.compas::after {
    color: red;
}
.price-style{
    color: rgb(31, 39, 52);
    font-family: 'AvenirNextCurR';
    font-size: 15px;
}
.secondflat .compassides::before{
    color: red;
}
.secondflat.compas::after {
    color: red;
}
.compas {
    position: absolute;
    bottom: 85px !important;
    right: 0 !important;
}
.compas .compassides::before {
    content: "С" !important;
}
.compas .compassides::after {
    content: "В" !important;
    top: calc(50% - 10px) !important;
    text-align: right !important;
}
.compas::after {
    content: "З" !important;
    text-align: left !important;
    top: calc(50% - 10px) !important;
}
.compas::before, .compas::after, .compas .compassides::before, .compas .compassides::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    text-transfoem: uppercase;
    transform-origin: 50% 50%;
}
.d-td.Забронирована {
    background: #d5e1ef;
}
.d-td.Куплена {
    background: #626771;
}
.d-td.Куплена *{
    color:#fff !important;
}
.contacts-phone a{
    color:inherit;
    text-decoration: none;
}
.logo-top-block-text span {
    font-family: 'AvenirNextCurR';


    font-size: 12px;
    text-transform: lowercase;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.2;
    display: block;


}
.menu-top li a {
    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(255, 255, 255);
    line-height: 1.5;
   text-decoration: none;
}

.menu-top-wrapper > .menu-top{
    display: flex;

    max-width: 90%;
    margin: 0 auto;

    align-items: center;
    height: inherit;
}
.menu-top li {
    display: inline-flex;

}
.logo-top-block, .logo-top-block-text {
    display: inline-block;
    vertical-align: top;
}
.logo-top-block-text {
    position: relative;
    top: 18px;
    padding-left: 9px;
}
.menu-top-wrapper{
    height: 90px;
    border-bottom: solid 2px;
    border-color: rgb(255, 255, 255);
}
.menu-top .menu-top {

    text-align: center;
    flex: auto;
    justify-content: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 7%;
    margin-right: 7%;

}
.calltopbut, .right-header-top {
    display: inline-block;
	vertical-align: middle;
}
.right-header-top a {
    color: #fff;
    text-decoration: none;
}
.calltopbut {
    font-size: 16px;
    font-family: "AvenirNextCurM";
    color: rgb(26, 118, 221);
    line-height: 1.2;
    text-align: center;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    width: 218px;
    height: 43px;
    line-height: 43px;
    margin-left: 25px;

}
.calltopbut:hover{
    cursor: pointer;
}
.calltopbut:before{
    content: url('/themes/light/img/icons8-телефон-50 (1).png');
    position: relative;
    right: 5px;
    top: 3px;
}

.right-header-top-wrapper{
    margin-left: auto;
}
.get-flat:before {
    content: url(/themes/light/img/apartment.png);
    position: relative;
    right: 10px;
    top: 5px;
}
.get-flat{
    border-radius: 7px;
    background-color: rgb(0, 80, 169);

    cursor: pointer;
    left: 275px;
    top: 800px;
    width: 336px;
    height: 55px;

}
.get-flat:hover {
    border-radius: 7px;
    background-color: rgb(26, 118, 221);

}
.right-header-top {
    font-family: 'AvenirNextCurT';

    font-size: 13px;

    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: right;
    -moz-transform: matrix( 1,0,0,1.00100541964337,0,0);
    -webkit-transform: matrix( 1,0,0,1.00100541964337,0,0);
    -ms-transform: matrix( 1,0,0,1.00100541964337,0,0);


}

.right-header-top div {
    font-size: 24px;
    font-family: 'AvenirNextCurL';
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: right;
    -moz-transform: matrix( 1,0,0,1.00100541964337,0,0);
    -webkit-transform: matrix( 1,0,0,1.00100541964337,0,0);
    -ms-transform: matrix( 1,0,0,1.00100541964337,0,0);

}
.right-header-top div  span {
    font-family: 'AvenirNextCurB';

}


.club-first-t {
    font-family: 'AvenirNextCurL';

    font-size: 24px;

    color: rgb(255, 255, 255);
    line-height: 1.2;


}
.contacts-wrap{
    width: 100%;
}
.contacts-wap{
    width: 60%;
}
.contacts-wap iframe {
    width: -webkit-fill-available;
    width: -moz-available;
}
.club-first-t1{
    font-size: 60px;
    font-family: 'AvenirNextCurB';
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;

}
.club-first-t3{
    font-family: 'AvenirNextCurR';

    font-size: 16px;

    color: rgb(255, 255, 255);
    line-height: 1.5;


}
.get-flat {
    margin-top: 30px;
    font-size: 16px;

    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    line-height: 55px;


font-family: 'AvenirNextCurM';
}
.first-block-info{
    position: absolute;
    bottom: 0;
}
.first-block-info {
    position: absolute;
    bottom: 0;
    left: 15%;
    bottom: 8%;
}

.about-us-title {

    font-size: 48px;
    font-family: "AvenirNextCyrB";
    color: rgb(36, 41, 57);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;

}
.about-us-title{
    font-size: 48px;
    font-family: 'AvenirNextCurB';
}
.about-us-title-sub {
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgb(36, 41, 57);
    line-height: 1.2;

}
.about-us{
    max-width: 90%;
    margin: 70px auto;
    display: flex;
}
.about-us-text{
    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(77, 86, 116);
    line-height: 1.5;
    text-align: left;
    max-width: 750px;


}
.right-text {
    padding-left: 65px;
}
.about-us-title-sub{
    max-width: 260px;
}
.right-text, .about-us-img {
     display: inline-block;
 }
.about-us-title-sub, .about-us-title {
    display: inline-block;
    vertical-align: top;
}
.about-us-title-sub {
    position: relative;
    top: 12px;
    padding-left: 20px;
}
.right-text {
    position: relative;

}
.architecture-wrap-title{

    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    padding-top: 85px;


}
.items-wrapper-title{

    font-size: 18px;
    font-family: "Myriad Pro";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;


}
.architecture-wrap-second-title {
    font-size: 20px;
    font-family: 'AvenirNextCurD';
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;

}
.items-wrapper-title{
    font-family: 'AvenirNextCurR';

    font-size: 18px;

    color: rgb(255, 255, 255);
    max-width: 250px;

}


polygon.cls-1:hover {

    cursor: pointer;
}

.cls-1 {
    fill: transparent;
}

.items-wrapper-text {
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgba(255, 255, 255, 0.502);
    line-height: 1.2;
    text-align: left;
    max-width: 250px;
    margin-top: 5px;

}
.item-img-some {
     display: inline-block;
     vertical-align: top;
 }

.architecture-wrap{
    background: url('/themes/light/img/Прямоугольник 263.png');
    background-repeat: no-repeat;

    padding-bottom: 90px;
}
.architecture-block{
    width: 90%;
    margin: 0 auto;
}
.items-wrapper{
    display: inline-block;
    padding-left: 10px;
}
.item-some-wrap {
    display: inline-block;
    vertical-align: top;
}
.items-wrapper-mega {
    max-width: 1200px;

    margin-top: 50px;


}
.item-some-wrap {
    padding-right: 40px;
    padding-bottom: 70px;
}
.status-flats{
    max-width: 90%;
    margin: 0 auto;

    text-align: center;
    margin-bottom: 65px;
}
.status-flats img{
    width: 100%;
    max-width: 1680px;
}
.get-floor{
    text-align: center;


}

.backhouseimg{
    position: absolute;
    cursor: pointer;

}
.backhouseimg img {
    width: inherit !important;
    text-align: center;
    display: block;
    border-radius: 101px;
    margin: 10px auto;
}
.backhouseimg span{
font-size: 17px;
position: relative;

}
.parking-wrap{
    display: none;
}
.get-floor img{
    width: 100%;
}
.get-floor-title {
    font-size: 36px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    font-family: 'AvenirNextCurB';
    position: relative  ;
    left: 10%;
    width: calc(100% - 10%);
    top: 100px;
}
.form-bottom-title{

    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;


}
.your-parking a {
    color: rgb(26, 118, 221);
}
.parking-img img {
    width: 100%;
    max-width: 100%;
}
.backimg:hover div {
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    background-image: url(/themes/light/img/zoom-in1.png);
    /* background: rgba(0,0,0,0.3); */
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-position: center;
}
.documents-wrap {
    background: url(/themes/light/img/23docs.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 515px;
}
.documents{
    max-width: 90%;
    margin: 0 auto;
    padding: 80px 0px;
}
.document-info-title {
    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(36, 41, 57);

    text-transform: uppercase;
    line-height: 1.2;



}
.documents-info-title2{

    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(31, 39, 52);
    line-height: 1.5;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 25px;

}


.form-bottom-title2{
    font-size: 20px;
    font-family: 'AvenirNextCurD';
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;

}
.docum-img img {
    width: 100%;
    max-width: 100%;
}
.modal-flat-right-label3 sup {
    font-size: 15px;
    top: -0.7em;
}
.docum-img{
    max-width: 36%;
}
.get-quest {
    border-radius: 7px;
    background-color: rgb(26, 118, 221);

    width: 254px;
    height: 55px;


     font-size: 16px;
    font-family: 'AvenirNextCurM';
     color: rgb(255, 255, 255);
    line-height: 55px;
     text-align: center;

 }
.get-quest, .form-wrapper {
    display: inline-block;
    vertical-align: top;
}
.form-bottom {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 32px;
}

.get-quest {
    position: relative;
    top: 12px;
    margin-left: 80px;
}

.document-item span {
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgb(31, 39, 52);
    line-height: 1.2;
    text-align: left;
    position: relative;
    top: 10px;
    padding-left: 4px;

}

.select-park-title {
    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(36, 41, 57);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
}

.select-park-title2 {
    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(31, 39, 52);
    line-height: 1.5;
    text-align: left;
    margin-bottom: 40px;
}
.but-wrap button:hover {
    cursor: pointer;
    opacity: 0.9;
}
.form-parking input {
    border-width: 1px;
    border-color: rgb(241, 243, 244);
    border-style: solid;
    border-radius: 7px;
    background-color: rgb(248, 249, 250);
    width: 590px;
    height: 49px;
    font-family: 'AvenirNextCurR';
    font-size: 14px;
    color: rgb(89, 108, 135);
    text-transform: uppercase;
    line-height: 1.5;
    padding-left: 30px;
    display: block;
    margin-bottom: 24px;
    outline: none;
}
.but-wrap button {
    border-radius: 7px;
    background-color: rgb(26, 118, 221);


    width: 182px;
    height: 55px;
    z-index: 109;
    outline: none;
    border: none;
    line-height: 55px;
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    line-height: 55px;

}

.d-table{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.d-tr{
    display: table-row;
}
.d-td{
    display: table-cell;
    text-align: center;
    border: none;
    border: 2px solid rgb(172, 196, 223);
    vertical-align: middle;
}
.d-td:not(.no-p){
    padding: 4px;
    height: 90px;
}

.d-td {
    font-size: 18px;
    font-family: 'AvenirNextCurM';
    color: rgb(31, 39, 52);
    line-height: 1.2;
    text-align: center;

}

.d-td span {
    font-size: 14px;
    font-family: 'AvenirNextCurL';
    color: rgba(31, 39, 52, 0.502);
    line-height: 1.2;
    text-align: center;
    display: block;
}

.statuses-t{
    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(36, 41, 57);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;

}
.status-sub-title {
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgb(36, 41, 57);
    line-height: 1.2;
    text-align: left;
    padding-left: 45px;

}


span.flat-status-wrap {
    border-width: 1px;
    border-color: rgb(172, 196, 223);
    border-style: solid;
    border-radius: 7px;
    width: 53px;
    height: 21px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 6px;
}
span.flat-status-wrap1 {
    border-width: 1px;
    border-color: rgb(172, 196, 223);

    background-color: rgb(98, 103, 113);
    border-style: solid;
    border-radius: 7px;
    width: 53px;
    height: 21px;
    display: inline-block;
    top: 7px;
    position: relative;
    margin-right: 6px;
}
.flat-status-wrap {
    display: inline-block;
}
.flat-status-wrap {
    font-size: 14px;
    font-family: 'AvenirNextCurR';
    color: rgb(36, 41, 57);
    line-height: 1.2;
    text-align: left;



}
.flat-status-wrap {
    margin-left: 50px;
}
.statuses {
    margin-bottom: 30px;
}
.d-td.sold *, .d-td.sold {
    background: rgb(98, 103, 113);
    color: #fff;
}
.d-td.reserve *, .d-td.reserve {
background: rgb(213, 225, 239);
color: #000;
}
.statuses {
    text-align: left;
}
span.flat-status-wrap2 {
    border-width: 1px;
    border-color: rgb(172, 196, 223);

    background-color: rgb(213, 225, 239);

    border-style: solid;
    border-radius: 7px;
    width: 53px;
    height: 21px;
    display: inline-block;
    top: 7px;
    position: relative;
    margin-right: 6px;
}

.statuses-t, .status-sub-title, .flat-status-wrap {
    display: inline-block;
}



.d-tr .d-td:nth-of-type(1) span {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    font-family: 'AvenirNextCurM';
}
.d-tr .d-td:nth-of-type(1){

    background-color: rgb(31, 39, 52);

    width: 54px !important;
    border: none;
}



.parking {
    max-width: 90%;
    margin: 0 auto;
}
.parking-wrap {
    margin-top: 85px;
    margin-bottom: 50px;
}
.parking-img {
    width: 46%;
    display: inline-block;
}
.parking-text-body {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding-left: 5%;
}
.but-wrap button, .but-wrap .justagree {
    display: inline-block;
}
.justagree {
    font-size: 12px;
    font-family: 'AvenirNextCurR';
    color: rgb(175, 182, 192);
    line-height: 1.2;
    text-align: left;

}

.justagree {
    padding-left: 20px;
    position: relative;
    top: 7px;
}
.but-wrap button img {
    position: relative;
    top: 4px;
    padding-right: 10px;
}

.document-info {
    padding-top: 55px;
    padding-left: 85px;
}
.document-item {
    margin-bottom: 25px;
}
.document-item {
    width: 295px;
}
.document-info {
    width: 63%;
}
.document-info {
    max-width: 980px
}
.docum-img, .document-info {
    display: inline-block;
    vertical-align: top;
}.document-item span, .document-item img {
     display: inline-block;
     vertical-align: top;
 }
.document-item{
    display: inline-block;
}



.form-bottom-wrap {
    background: url(/themes/light/img/24.png);
    background-position: center;
    height: 140px;
}
.get-quest:hover {

    background-color: rgb(17, 92, 176);
   cursor: pointer;
}

.building-title {
    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(36, 41, 57);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;

}

.building-body {
    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(31, 39, 52);
    line-height: 1.2;
    text-align: left;
    max-width: 980px;
    margin-bottom: 40px;
    margin-top: 10px;
}

.building {
     max-width: 90%;
     margin: 95px auto;
 }
.backimg {
    width: 405px;
    height: 228px;
}
.contacts-wrap-title {
    font-family: 'AvenirNextCurB';



    font-size: 36px;

    color: rgb(36, 41, 57);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    padding-bottom: 50px;
}
.contacts-address span {
    font-family: 'AvenirNextCurD';
}
.contacts-address {
    margin-bottom: 30px;
}
.contacts-label{
    font-family: 'AvenirNextCurR';

    font-size: 14px;

    color: rgba(36, 41, 57, 0.502);
    line-height: 1.2;
    text-align: left;
    margin-bottom: 4px;

}.contacts-wap-info {
     padding-left: 100px;
     padding-top: 50px;
 }

.contacts-address {
    font-size: 24px;
    font-family: 'AvenirNextCurR';
    color: rgb(50, 52, 48);
    line-height: 1.2;
    text-align: left;

}





 .month {
    font-size: 18px;
    font-family: 'AvenirNextCurM';
    color: rgb(31, 39, 52);
    line-height: 1.2;
    text-align: left;
     margin-bottom: 10px;
}
.photo-item {
    display: inline-block;
    margin-right: 20px;
}







.contacts-label span{
    font-family: 'AvenirNextCurD';
}
.contacts-phone {
    font-size: 24px;
    font-family: 'AvenirNextCurR';
    color: rgb(50, 52, 48);
    line-height: 1.2;
    text-align: left;

}
.contacts-wap-info, .contacts-wap {
    display: inline-block;
    vertical-align: top;
}
.contacts-phone span {
    font-family: 'AvenirNextCurB';
}


.contacts-time{
                       font-size: 18px;
    font-family: 'AvenirNextCurR';
                       color: rgb(50, 52, 48);
                       line-height: 1.2;
                       text-align: left;

                   }
.soc-club-label {
    margin-top: 28px;
}
.soc-club {
    margin-top: 15px;
}
.soc-club a:nth-of-type(2){
    /*margin-left: 10px;*/
}
.footer {
    max-width: 90%;
    margin: 0 auto;
    height: 65px;
}
.contacts-label.time-label {
    margin-top: 25px;
}
.footer-1,.footer-2 {
    font-size: 16px;
    font-family: 'AvenirNextCurR';
    color: rgb(255, 255, 255);
    line-height: 1.2;
    display: inline-block;
    line-height: 65px;


}
.footer-2 {
    float: right;
}
.footer-wrap{
    background: #1f2734;

}
.tooltip-block-left{
    font-family: 'AvenirNextCurL';
font-size: 18px;
color: rgb(31, 39, 52);
text-transform: uppercase;
line-height: 1.2;
}
.tooltip-block-left span{

        font-size: 36px;
      font-family: 'AvenirNextCurM';
        color: rgb(31, 39, 52);
        text-transform: uppercase;
        position: relative;
        top: 5px;
        text-align: left;
  
   
      
}
.select-flat svg {
    width: 1200px;
    max-width: 100%;
    position: relative;
    bottom: 113px;
}
.tooltip-block-left {
    padding-right: 5px;
}
.tooltip-block-right {
    padding-left: 5px;
}
#tooltip-block-wrap{
    position: absolute;
}
#tooltip-block-wrap:before{
    content: url(/themes/light/img/someimg.png);
    position: relative;
    top: 4px;
    right: 80px;
}

div#tooltip-block-wrap1 {
    position: absolute;
    z-index: 1111111111;
    font-size: 25px;
}
.tooltip-block{
   
    /*top: 20%;
    left: 10%;*/
    background: #fff;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    width: 230px;
    padding: 4px;
}
.tooltip-block-left, .tooltip-block-right {
    display: inline-block;
    line-height: 47px;
}
.tooltip-block-right {
    border-left: solid 1px rgb(172, 196, 223);
}
.select-flat-right polygon:hover,.select-flat-right polygon:hover *,.select-flat-right rect:hover   {
    fill: #0892fe !important;
    cursor: pointer;
}
.select-flat-left-title {
    font-size: 36px;
    font-family: 'AvenirNextCurB';
    color: rgb(36, 41, 57);
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: left;
  }
  .modal-flat-wrap{
      display: none;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -475px;
    z-index: 1111;
    background: #fff;
  }
  
  .select-flat-floors-item {
    font-size: 24px;
    font-family: 'AvenirNextCurM';
    color: rgb(31, 39, 52);
    text-transform: uppercase;

    border-width: 1px;
    border-color: rgb(172, 196, 223);
    border-style: solid;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    width: 120px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-bottom: 15px;
  
  }
  .select-flat {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}
  .select-flat-floors-item span {
    font-size: 12px;
    font-family: 'AvenirNextCurL';
    color: rgb(31, 39, 52);
    text-transform: uppercase;

  }
  .select-flat-left, .select-flat-right {
    display: inline-block;
    vertical-align: top;
}
.modal-flat-fl img{
    max-width: 455px;
    max-height: 400px;
}
.modal-flat-right {
    background: #f5f7fb;
}
.close-get-flat{
    cursor: pointer;
position: absolute;
    right: -150px;
    top: -70px;
}
.modal-flat-right-title{
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'AvenirNextCurB';
    color: rgb(31, 39, 52);

  }
  .modal-flat-right-label {
    font-size: 18px;
    font-family: 'AvenirNextCurR';
    color: rgb(8, 146, 254);
    margin-top: 30px;
    margin-bottom: 30px;

  }
.modal-s-w1 .modal-flat-right-label {
    margin-bottom: 0px;
}
  .modal-flat-right {
    padding-left: 55px;
    padding-top: 60px;
      padding-right: 55px;
}
.modal-flat .get-flat{
    background: rgb(8, 146, 254);
    margin-top: 50px;
    margin-bottom: 40px;
}

.get-flat-info {

    font-size: 14px;
    margin-top: 7px;

    font-family: 'AvenirNextCurL';
    color: rgb(126, 145, 177);
    padding-top: 25px;
  }

  .get-flat-info-select{
    font-size: 16px;
    font-family: 'AvenirNextCurM';
    color: rgb(26, 118, 221);
    text-decoration: underline;
    padding-bottom: 50px;
    padding-bottom: 30px;
  }

  
  
  .modal-flat-right-label2{
    font-size: 14px;
    font-family: 'AvenirNextCurL';
    color: rgb(126, 145, 177);
    line-height: 1.2;
    display: inline;
  }
  .modal-flat-right-label-cost span:nth-of-type(2){
    font-size: 14px;
    font-family: 'AvenirNextCurL';
    color: rgb(126, 145, 177);
    line-height: 1.2;
  }
  .modal-flat-right-label-cost {
    font-size: 36px;
    font-family: 'AvenirNextCurD';
    color: rgb(31, 39, 52);
    line-height: 1.2;
    text-align: left;

  }
  .about-flat-wrap{
      display: inline-block;
      padding-right: 50px;
  }
  .modal-s-w2 {
    padding-left: 60px;
}
  .modal-flat-right, .modal-flat-fl {
    display: inline-block;
    vertical-align: top;
}
  
.modal-flat-right-label3 {
    font-size: 30px;
    font-family: 'AvenirNextCurM';
    color: rgb(31, 39, 52);
   
    line-height: 1.2;
    text-align: left;

  }
  .modal-s-w1,.modal-s-w2{
      display: inline-block;
  }
  .modal-flat-fl img {
    max-width: 455px;
    max-height: 500px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 40px;
}
.select-flat-left {
    padding-top: 50px;
}
.select-flat-floors-item.active-floor,.select-flat-floors-item.active-floor span{
background: #1f2734;
color: #fff;
}
.select-flat-floors-item:hover,.select-flat-floors-item:hover span{
    background: #1f2734;
color: #fff;
cursor: pointer;
}
.milk{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.select-flat-wrap {
    max-height: 650px;
}

.click-booking{
    font-size: 12px;
    font-family: 'AvenirNextCurR';
    color: rgb(175, 182, 192);
    line-height: 1.2;
    margin-top: 30px;
    width: 76%;
    text-align: center;
    margin: 0 auto;
    margin-top: 18px;

}
.callback-wrap {
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    position: fixed;
    width: 416px;
    height: 450px;
    top: 15%;
    z-index: 11111111111;
    left: 50%;
    margin-left: -208px;
}
.callback-wrap{
    background: url('/themes/light/img/callbackform.png');
}
.select-flat-left{
    width: 13%;
}
.select-flat-right {
    width: 80%;
}
.callback-form-title{
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'AvenirNextCurB';
    color: rgb(31, 39, 52);

    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    width: 74%;
    margin: 0 auto;
    padding-top: 35px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.logo-top-block img{
    border-radius: 53px;

    width: 76px;
}
.callback-wrap button {
    border-radius: 7px;
    background-color: rgb(26, 118, 221);
    border: none;
    color: #fff;
    left: 808px;
    top: 563px;
    width: 304px;
    height: 45px;
    font-size: 14px;
    cursor: pointer;
}
.callback-wrap button:hover {
    box-shadow: 2px 2px 1px #ccc;
}
.fixedcall{
    position: fixed;
    bottom: 3%;
    right: 2%;
    cursor: pointer;
    width: 70px;
}
.callback-but{
    text-align: center;
}
.close-modal{
    position: absolute;
    right: 15px;
    top: 14px;
    cursor: pointer;
}
.callback-wrap input {
    border-width: 1px;
    border-color: rgb(241, 243, 244);
    border-style: solid;
    border-radius: 7px;
    background-color: #fff;
    width: 74%;
    margin: 0 auto;
    height: 49px;
    font-family: 'AvenirNextCurR';
    font-size: 14px;
    color: rgb(89, 108, 135);
    text-transform: uppercase;
    line-height: 1.5;
    padding-left: 30px;
    display: block;
    margin-bottom: 24px;
    outline: none;
}