body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 25;
    background: url(../img/bg.jpg);
    line-height: normal;
}

@font-face {
    font-family: 'Lato', sans-serif;
    
    font-weight: 400;
   }

.wrapper {
    width: 1740px;
    margin: 0 auto;
}

.rlt {
    position: relative;
}

.tac {
    text-align: center;
   margin-top:30;
    margin-bottom: 30px
}

.w200 {
    font-weight: 200;
}

.w700 {
    font-weight: 700;
}

.subtitle {
    text-align: center;
    color: #4e5256;
    margin-top: -10px;
    margin-bottom: 50px;
}

h2 {
    display: inline-block;
   font-family: 'Gabriela', serif;

    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#d9bc6e), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #d9bc6e, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #c9a369;
    margin-bottom: 30px
}

h2 span {
    display: block;
    text-transform: lowercase;
}


/* popup */

.popup {
    padding: 10px;
}

.pl {
    float: left;
    width: 45%;
}

.pr {
    margin-left: 51%;
}

.pr h2 {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: left;
}

.pr ul {
    list-style: none;
    margin-bottom: 40px
}

.pr p {
    margin-bottom: 40px;
    
}

.pr h3 {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 0;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#d9bc6e), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #d9bc6e, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #c9a369;
    margin-bottom: 20px;
    text-align: left
}

.pr form input[type="text"] {
    padding: 15px 20px;
    border: 1px solid #e7edf0;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.pr form input[type="submit"], .btn {
    padding: 15px 20px;
    border-radius: 4px;
    margin-top: 10px;
    border: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#b98e61), to(#d9bc6e));
    background: linear-gradient(0deg, #b98e61, #d9bc6e);
    -webkit-box-shadow: 5px 5px 10px rgb(170, 129, 53, 0.7);
    box-shadow: 5px 5px 10px rgb(170, 129, 53, 0.7);
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pr form input[type="submit"]:hover, .btn:hover {
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 10px rgb(170, 129, 53, 0.7);
    box-shadow: 3px 3px 10px rgb(170, 129, 53, 0.7);
    background: -webkit-gradient(linear, left bottom, left top, from(#b17f4b), to(#deb340));
    background: linear-gradient(0deg, #b17f4b, #deb340);
}


/* main screen */

.main-screen {
    background: url(../img/main_ru.jpg) center top no-repeat;
    height: 1143px;
}

.logo {
    position: center;
}

.choose-floor,
.chosen-floor,
.chooseleng,
.mapimg {
    position: absolute;
}

.mapimg {
    top: 37px;
    left: 360px;
    max-width: 100%;
    width: 1020px;
}


img[usemap] {
    max-width: 100%;
    width: 1020px;
    /*opacity: 100;*/
}

.logo {

    top: 80px;
    text-align: left;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#eacb78), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #eacb78, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #c9a369;
     font-family:  'Lato', sans-serif;
   
}

.logo a {

    display: block;
    
    font-size:60px;
    line-height: 55px;
    text-transform: capitalize;

}

.logo a span {
    display: block;
    margin-top: 30px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    text-transform: lowercase;
    line-height: 20px;
    letter-spacing: 4.4px;
}

.choose-floor {
   font-family: 'Lato', sans-serif;
font-weight: 400;
    color: #fff;
    font-size: 30px;
    top: 510px;
    height: 65px;
    width: 370px;
    
}

.chosen-floor {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: none;
    font-size: 26px;
    top: 460px;
    left:200px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 15px 20px;
    border-radius: 50%;
}

.chooseleng {
    right: 5px;
    top: 40px;
}

.chooseleng a {
    display: inline-block;
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.25);
    color: #545c64;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a.active-leng {
    height: 47px;
    background: rgba(0, 0, 0, 0.45);
    border-bottom: 3px solid transparent;
    -o-border-image: linear-gradient(90deg, #b98e61, #eacb78, #b98e61);
    border-image: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#eacb78), to(#b98e61));
    border-image: linear-gradient(90deg, #b98e61, #eacb78, #b98e61);
    border-image-slice: 1;
    color: #fff;
}

.chooseleng a:hover {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
}


/* advantages */

.advantages {
    margin-bottom: 70px;
}

.advantages ul {
    list-style: none;
    text-align: center;
}

.advantages ul li {
    margin: 10px;
    width: 21%;
    padding: 10px;
    display: inline-block;
    background: rgba(236, 232, 224, 0.45);
    -webkit-box-shadow: 11px 11px 11px rgba(159, 152, 138, 0.20);
    box-shadow: 11px 11px 11px rgba(159, 152, 138, 0.20);
    vertical-align: top;
}

.brd {
    padding: 50px;
    background: #fff;
    border: 1px solid #eae6d9;
    min-height: 230px;
}

.nmb {
    background: url(../img/star.png) center top no-repeat;
    height: 96px;
    line-height: 105px;
    font-family: 'Lato', 'Latocyr', sans-serif;
    src: url(../webfonts/latocyr.ttf);
    font-weight:400;
    font-size: 30px;
    color: #c9a369;
}

.brd p {
    font-size: 19px;
    color: #4e5256;
    margin-top: 20px;
}


/* installment */

.installment {
    background: url(../img/installmen_bg.jpg) center top no-repeat;
    height: 621px;
}

.installment ul {
    list-style: none;
    text-align: center;
}

.installment ul li {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    color: #fff;
    margin-left: 50px;
    margin-right: 50px;
}

.installment ul li p {
    margin-top: 30px;
}


/* facade */

.facade ul {
    list-style: none;
    text-align: center;
}

.facade ul li {
    display: inline-block;
}

.facade ul li a img {
    border: 10px solid rgba(236, 232, 224, 0.45);
    margin: 0 10px 10px 10px;
    -webkit-box-shadow: 11px 11px 11px rgba(159, 152, 138, 0.20);
    box-shadow: 11px 11px 11px rgba(159, 152, 138, 0.20);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.facade ul li a img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* planning */

.plan {
    float: left;
    width: 550px;
}

.render {
    margin-left: 630px;
}

.plan h3 {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    width: 300px;
    line-height: 35px;
    margin-left: 30px;
    margin-bottom: 30px;
    font-size: 30px;
    color: #eacb78;
}

.plan a {color: #eacb78;
    
}
.plan p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    margin-left: 40px;
    text-align: left;
}

.plan img {
    margin-top: 20px
}

.pl-w {
    width: 1570px;
}


/* youadvantages */

.youadvantages {
    background: url(../img/youadvantages.jpg) center top no-repeat;
    margin-top: 80px;
    height: 793px;
}

.youadvantages-text {
    float: left;
    width: 490px;
    color: #fff;
    font-size: 18px;
}

.youadvantages-text ul {
    list-style: none;
}

.youadvantages-text ul li {
    margin-bottom: 30px;
}

.nmb-sm {
    width: 57px;
    height: 54px;
    background: url(../img/star-sm.png);
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    float: left;
    margin-right: 30px;
    margin-top: -5px
}

.youadvantages-video {
    margin-left: 600px
}

.adv {
    width: 1160px;
}


/* income */

.inc-w {
    width: 1160px
}

.equation {
    list-style: none;
    text-align: center;
    color: #4e5256;
    margin-bottom: 50px
}

.equation li {
    display: inline-block;
    font-size: 46px;
    vertical-align: top;
    line-height: 36px
}

.equation li span {
    font-size: 16px;
    font-weight: 400;
}

.equation li .comm {
    font-size: 14px;
    font-weight: 400;
    margin-top: -13px
}

.equation li img {
    margin: 0 30px;
}

.grd {
    font-size: 46px;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#ddbd68), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #ddbd68, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #c9a369;
}

.income-table table {
    width: 100%;
    color: #4e5256;
    overflow: hidden;
}

.income-table table tr.teble-head {
    font-size: 12px;
    font-weight: 700;
}

.income-table table tr.teble-head td {
    padding: 10px 15px;
}

.teble-cont-w td {
    font-size: 14px;
    background: rgba(255, 255, 255, 0.76);
    padding: 10px 15px;
}

.teble-cont-b td {
    font-size: 14px;
    background: rgba(255, 255, 255, 0.48);
    padding: 10px 15px;
}

.e-edt {
    margin-top: 90px;
}

.e-edt li {
    width: 225px
}

.e-edt li .comm {
    line-height: 18px;
    margin-top: 5px;
}


/* investment */

.investment {
    background: url(../img/investment.jpg) center top no-repeat;
    height: 892px;
    margin-top: 130px
}

.inv-w {
    width: 1200px;
}

.investment ul {
    list-style: none;
    color: #fff;
}

.investment ul li {
    margin-bottom: 25px;
    float: left;
    width: 49%;
}

.investment ul li img {
    float: left;
    margin-right: 20px;
    margin-top: -5px;
}

.investment ul li span {
    display: block;
}


/* map */

.map {
    background: url(../img/map.jpg) center top no-repeat;
    height: 315px;
}

.adr {
    position: absolute;
    background: url(../img/adr.png) no-repeat;
    width: 295px;
    height: 295px;
    text-align: left;
    top: 0px;
    left: 20px;
}

.adr ul {
    list-style: none;
    color: #fff;
    width: 240px;
    margin-left: 55px;
    margin-top: 90px;
    line-height: 28px;
}


/* footer */



footer {
    background: url(../img/footer-bg.jpg);
    padding: 80px 0 20px 0;
}

.f-logo {
    display: block;
    background: url(../img/f-logo.png) no-repeat;
    width: 163px;
    height: 100px;
    margin: 0 auto;
}

.ft-w {
    width: 870px;
}

.adr-f {
    list-style: none;
    text-align: center;
    margin-top: 10px;
}

.adr-f li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    font-size: 14px;
}

.adr-f li i {
    margin-bottom: 20px;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#ddbd68), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #ddbd68, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

.cop {
    text-align: center;
    margin-top: 60px;
    font-size: 14px;
    color: #fff;
}

.f-adr {
    color: #fff;
}

.f-phone {
    color: #fff;
}

.f-net {
    color: #fff;
}

.apartment-popup h2 span {
    display: inline;
}

.hidden {
    display: none;
}

@media screen and (max-width: 761px) {
    .popup .pl {
        float: unset;
        width: 100%;
        margin: 0 auto;
    }
    .popup .pr {
        margin: 0 auto;
    }
}

section.mobile-logo {
    display: none;
}

.floor .popup h3 {
    font-size: 22px;
    margin-top: -20px;
    position: relative;
}

.floor .popup h3 .current-floor {
    margin-left: 10px;
    font-size: 32px;
    font-weight: bold;
}

.floor .popup h3 .count-up, .floor .popup h3 .count-down {
    color: #ffa902;
    cursor: pointer;
}

.floor .popup h3 .count-up:hover, .floor .popup h3 .count-down:hover {
    opacity: .6;
}

.floor .popup h3 .count-down {
    margin-right: 7px;
}

.floor .popup h3 .count-up {
    margin-left: 7px;
}

.top-contacts {
    position: absolute;
    top: 109px;
    right: 10px;
    padding: 10px 15px;
    box-shadow: unset;
}

.top-contacts:hover {
    box-shadow: unset;
}

.btn-transparent {
    border-radius: 3px;
    background: rgba(255, 255, 255, .35);
}
.btn-transparent:hover {
    background: rgba(255, 255, 255, .65);
}

.btn-transparent i {
    color: #ffa902;
}

.menu {
    position: absolute;
    top: 175px;
    right: 10px;
    list-style: none;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}

.menu a {
    display: block;
    max-width: 150px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 15px;
    transition: border-bottom 150ms linear;
}

.menu a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.menu-contacts {
    display: none;
}

.noselect, .current-floor {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -1s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}


.play-btn {
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 256px;
    display: block;
    z-index: 100;
    transform: scale(1.7);
}

.play-btn > * {
    position: absolute;
}

.play-btn i {
    color: #fff;
    left: 23px;
    top: 20px;
    font-size: 24px;
}

.header-on section.content {
    margin-top: 49px;
}

.header-on .slicknav_brand {
    height: auto;
    padding: 6px 12px 0 6px;
    display: inline-block;
   font-family: 'Lato', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#b98e61), color-stop(#d9bc6e), to(#b98e61));
    background: linear-gradient(90deg, #b98e61, #d9bc6e, #b98e61);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #c9a369;
}

.header-on .content {
    position: relative;
}

.content .content-main-image img {
    max-width: 100%;
}

.content .content-main-image {
    position: relative;
    z-index: -1
}

.content .content-main-image h1 {
    position: absolute;
    font-size: 45px;
    color: #fff;
    top: 45px;
    left: 25px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.content .content-article {
    padding: 35px;
    background-color: #fff;
    margin: -175px 35px 35px 35px;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    max-width: 1000px;
}

.content .content-article p {
    margin: 20px 0;
}

.header-on ul.menu {
    display: none;
}

@media screen and (max-width: 920px) {
    .content .content-main-image h1 {
        top: 25px;
    }
    
    .content .content-article {
        margin-top: -100px;
    }
}

@media screen and (max-width: 766px) {
    .header-on .content .content-article.narrow {
        padding: 10px;
    }
}

@media screen and (max-width: 572px) {
    .content .content-main-image h1 {
        top: 15px;
        font-size: 25px;
    }
    
    .content .content-article {
        margin: -50px 15px 15px 15px;
    }
}

@media screen and (min-width: 1170px) {
    .content .content-article {
        margin: -175px auto 35px auto;
    }

    .content .content-main-image img {
        width: 100vw;
    }
    
    .header-on .content .content-article.narrow .youadvantages-video {
        margin-left: 505px;
    }
}

@media screen and (min-width: 1500px) {
    .content .content-article {
        margin: -275px auto 35px auto;
    }
    .content .content-article.narrow {
        max-width: 1100px;
    }
}

.header-on .youadvantages-text {
    color: #333;
}

.faq .q {
    margin-bottom: 25px;
    background-color: #ffa90244;
    padding: 15px;
    border-radius: 15px;
}

.faq .q .title {
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    position: relative;
}
.faq .q .title:hover {
    color: #777;
}

.faq .q .title:before {
    content: '⌄';
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 24px;
}
.faq .q .title.expanded:before {
    content: '⌃';
    top: 7px;
}

.faq .q .answer {
    margin-top: 15px;
    display: none;
}

.adr-f a, .adr a {
    color: #fff;
}

.faq ul {
    margin-left: 25px;
}

.faq li {
    margin-bottom: 10px;
}
.faq li:last-of-type {
    margin-bottom: 0;
}

.faq .download-link {
    color: #416894;
    font-weight: bold;
}
.faq .download-link:hover {
    color: #888;
}

.content-article .advantages .wrapper {
    width: auto!important;
}

.content-article .advantages h2 {
    margin-top: 20px;
}

input.error {
    border: 3px solid red!important;
}

.income input {
    background-color: rgba(255, 255, 255, .4);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 0 10px 10px;
    width: 55px;
    text-align: center;
    font-size: 16px;
}

.chooseleng {
    z-index: 100;
}

footer .social {
    margin-top: 15px;
}

footer .social a {
    font-size: 30px;
    margin: 0 5px;
}

.legend {
    margin-top: 10px;
}

.legend .square {
     padding: 0 10px;
     border-radius: 3px;
     margin-right: 5px;
}

.legend .square:last-of-type {
    margin-left: 10px;
}

.legend .square.red {
    background: #ff5555;
}

.legend .square.blue {
    background: #5555ff;
}

.apartment-popup .price, .apartment-popup .price_keyturn, .apartment-popup .square {
    font-weight: bold;
}

.livestream {
	position: absolute;
    color: #fff;
    border-bottom: 1px dashed;
    right: -21px;
    top: 10px;
    font-size: 13px;
}

#livestream {
    width: max-content;
    margin: 0 auto;
}

.livestream-popup {
    text-align: center;
}

.livestream-popup .mfp-close {
    color: #fff!important;
}

.livestream-popup canvas {
    max-width: calc(100vw - 30px);
    max-height: 100%;
}