@charset "UTF-8";




figure {
    margin: 0;
}
ul {
    margin: 0;
    padding: 0;
}
ol {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
img {
    width: 100%;
    font-size: 0;
}
p {
    margin: 0;
}
a {
    text-decoration: none;
}
div,
section,
article,
header,
main,
footer,
button,
a,
input,
label,
body {
    box-sizing: border-box;
}

input::-webkit-input-placeholder{
    font-size: 16px;
    opacity: 1;
    color: #fff;
}
input::-moz-placeholder{
    font-size: 16px;
    opacity: 1;
    color: #fff;
}
input:-moz-placeholder{
    font-size: 16px;
    opacity: 1;
    color: #fff;
}
input:-ms-input-placeholder{
    font-size: 16px;
    opacity: 1;
    color: #fff;
}

input:focus::-webkit-input-placeholder {opacity: 0;}
input:focus::-moz-placeholder          {opacity: 0;}
input:focus:-moz-placeholder           {opacity: 0;}
input:focus:-ms-input-placeholder {opacity: 0;}

*{
    font-family: 'Open Sans', sans-serif;
}

.body-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #414243;
    overflow-x: hidden;
}
.header {
    display: flex;
    justify-content: center;
    width: 100%;
    color: #fff;
    background-image: url(/assets/465d5b62/css/../img/bg_one.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1170px;
}
.header__top {
    
    
    
    width: 100%;
    max-width: 945px;
    height: 50px;
    border-radius: 0 0 5px 5px;
    font-size: 20px;
    font-weight: 300;
    background: #f9a265;
    position: relative;
    padding:10px 20px;
    text-align: center;
}
.header__top-left-link{
    float: left;
    color: #fff;
}
.header__top-title{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin-top: 4px;
}
.header__back{
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #fff;
    z-index: 4;
    width: 160px;
    line-height: 14px;
}

.header__message {
    margin: 30px auto 40px auto;
    text-align: center;
}
.header__message h1 {
    margin: 0;
    font-size: 32px;
    font-weight: 300;
}
.header__message span {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 300;
}
.header__triggers {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 945px;
}
.trigger {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 260px;
    height: 160px;
    border: 1px solid #fff;
    border-radius: 0 8px 0 8px;
}
.trigger:hover{
    background-color: #fff;
}
.trigger__a {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    padding: 5px 0 10px 0;
    text-align: center;
    color: #fff;
    transition: box-shadow 0.2s;
}

.trigger__a:hover{
    color: #83b3c8;
    box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.3);
}

.trigger__a:active{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
}

.trigger__icon {
    width: 100%;
    height: 64px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70%;
}
.trigger__icon--price {
    background-image: url(/assets/465d5b62/css/../img/grafic.svg);
}
.trigger__a:hover .trigger__icon--price,
.trigger__a:active .trigger__icon--price{
    background-image: url(/assets/465d5b62/css/../img/grafic--active.svg);
}

.trigger__icon--money {
    background-image: url(/assets/465d5b62/css/../img/money-bag.svg);
}

.trigger__a:hover .trigger__icon--money,
.trigger__a:active .trigger__icon--money{
    background-image: url(/assets/465d5b62/css/../img/money-bag--active.svg);
}

.trigger__icon--pay {
    background-image: url(/assets/465d5b62/css/../img/wallet.svg);
    transform: rotate(90deg);
}

.trigger__a:hover .trigger__icon--pay,
.trigger__a:active .trigger__icon--pay{
    background-image: url(/assets/465d5b62/css/../img/wallet--active.svg);
}

.trigger__name {
    width: 75%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}
.trigger__description {
    width: 75%;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
}
.header__button {
    margin: 40px 0 60px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
    transition: 0.2s;
}

.header__button:hover{
    text-shadow: 0px 5px 5px rgba(0, 0, 1, 0.27);
}

.header__button:active{
    color: rgb(249, 162, 101);
    text-shadow: 0px 0px 5px rgba(0, 0, 1, 0.27);
}

main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    background: #f4f4f4;
}
.index-bn {
    display: flex;
    justify-content: center;
}
.index-bn__left {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 380px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.2s;
}
.index-bn__left.index-bn--active {
    border-radius: 8px 0 0 8px;
    box-shadow: -10px 0 20px rgba(100, 100, 100, 0.4);
    z-index: 2;
}
.index-bn--active {
    margin-top: -20px;
    cursor: auto!important;
    opacity: 1!important;
}
.index-bn__center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    width: 250px;
    margin-top: -20px;
    padding: 30px 30px 30px 30px;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.4);
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
}
.index-bn__center.index-bn__center--right-active {
    border-radius: 8px 0 0 8px;
}
.index-bn__right {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 380px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.2s;
}
.index-bn__right.index-bn--active {
    border-radius: 0 8px 8px 0;
    box-shadow: 10px 0 20px rgba(100, 100, 100, 0.4);
    z-index: 1;
}
.index-bn__table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.index-bn__title {
    margin-bottom: -15px;
    font-size: 16px;
    font-weight: 600;
}
.index-bn__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #666666;
}
.index-bn__row:first-child {
    height: auto;
    padding: 25px 0;
}
.index-bn__row:not(:first-child) .index-bn__cell {
    font-size: 16px;
    font-weight: 300;
}
.index-bn__row:not(:first-child) .index-bn__cell:first-child {
    line-height: 18px;
    color: #999999;
}
.index-bn__cell--small-font {
    text-align: right;
    font-size: 12px;
}
.index-bn__cell--big-number {
    font-size: 30px;
    font-weight: 300;
}
.index-bn__cell--value {
    font-size: 16px;
}

.index-bn__range {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
}

.range-info__title {
    margin-bottom: 2.5px;
    text-align: center;
    font-size: 18px;
}
.range-info__description {
    font-size: 10px;
}

.round-line {
    width: 150px;
    height: 150px;
    margin-top: 10px;
    background-image: url(/assets/465d5b62/css/../img/range-round.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.round-row {
    position: absolute;
    bottom: -13px;
    left: 70px;
    width: 7px;
    height: 130px;
    transform: rotate(0deg);
    transition: .3s;
}

.round-row:before {
    content: "";
    height: 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4LjVweCIgaGVpZ2h0PSI5Mi41cHgiIHZpZXdCb3g9IjAgMCA4LjUgOTIuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOC41IDkyLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM0MTQyNDMiPjxwYXRoIGQ9Ik04LjUsODguMjVjMCwyLjM0OC0xLjkwMiw0LjI1LTQuMjUsNC4yNVMwLDkwLjU5OCwwLDg4LjI1UzQuMjUsMCw0LjI1LDBTOC41LDg1LjkwMiw4LjUsODguMjV6Ii8+PC9zdmc+);
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.index-bn__range--plus .round-row{
    transform: rotate(45deg);
}

.index-bn__range--minus .round-row{
    transform: rotate(-45deg);
}

.round-numbers div{
    position: absolute;
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

.round-numbers__from {
    left: -7px;
    bottom: 14px;
}

.round-numbers__to {
    right: -4px;
    bottom: 14px;
}

.round-numbers__center {
    left: 91px;
    top: 13px;
}

div.round-numbers__value{
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -17px;
    font-size: 36px;
}

div.round-numbers__value--plus{
    color: #f9a265;
}

div.round-numbers__value--minus{
    color: #69b1a0;
}

.show-price-title{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background-image: url(/assets/465d5b62/css/../img/bg_three.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wrapper--one{
    justify-content: flex-start;
    max-width: 1020px;
    position: relative;
}

.wrapper--one:before{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -4px;
    left: -60px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/assets/465d5b62/css/../img/grafic.svg);
}

.location {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
}

.location__title {
    margin-bottom: 15px;
    width:100%;
}

.location__inputs {
    display: flex;
    flex-wrap: wrap;
    width: 74%;
    flex-direction:column;
    height:132px;
}

.location__chois {
    display: flex;
    align-items: center;
    width: 25%;
    margin: 1.5px 0;
}

.location__input{
    display: none;
}

.location__label{
    display: flex;
    font-size: 13px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
}

.location__check-box {
    display: flex;
    align-items: center;
    max-height: 18px;
    margin-right: 5px;
    padding-top: 3px;
}

.location__svg {
    width: 11px;
}

.location__svg--full-size {
    width: 16px;
    margin-right: 12px;
}

.location__svg--empty{
    display: inline-block;
}

.location__svg--full{
    display: none;
}

.location__input:checked + .location__label .location__svg--empty{
    display: none;
}

.location__input:checked + .location__label .location__svg--full {
    display: inline-block;
}

.location__buttons {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 26%;
}

.location__chois--type-market{
    width: 100%;
    margin-bottom: 10px;
}

.location__input:checked + .location__label .location__label-name{
    font-weight: 400;
}

.location__chois--type-market .location__label{
    position: relative;
    width: 162px;
}

.location__chois--second .location__label:after{
    content: "";
    position: absolute;
    top: 8px;
    right: -65px;
    width: 53px;
    height: 2px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw8WBs3qFJkAAAALSURBVAjXY2BAAAAADAAB5DTqZgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 59px 5px;
}

.location__chois--first .location__label:after{
    content: "";
    position: absolute;
    top: 8px;
    right: -65px;
    width: 53px;
    height: 2px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw8cNhHczL8AAAARSURBVAjXY2A+8MGGnwFMAgAYzAP94ZWXJwAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 59px 5px;
}

.location__buttons--count-rooms .location__label{
    position: relative;
    width: 162px;
}

.location__buttons--count-rooms .location__label--room:after,
.location__buttons--count-rooms .location__label--1kkv:after,
.location__buttons--count-rooms .location__label--2kkv:after,
.location__buttons--count-rooms .location__label--3kkv:after{
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 53px;
    height: 2px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw8WBs3qFJkAAAALSURBVAjXY2BAAAAADAAB5DTqZgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 59px 5px;
}

.location__buttons--count-rooms .location__label--1kkv:after{
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw8vNuW3qY8AAAAOSURBVAjXYzAGAQYwCQAMAAH/Mu0EQAAAAABJRU5ErkJggg==");
}

.location__buttons--count-rooms .location__label--2kkv:after{
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw8yC0KziYIAAAAOSURBVAjXY2AGAQYwCQAAwAAfKDsjpQAAAABJRU5ErkJggg==");
}

.location__buttons--count-rooms .location__label--3kkv:after{
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAACAQMAAAAQBwx+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWRkpL////PbAdkAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EECw81KzacP40AAAAQSURBVAjXY2A4w2zAwwAmAQ2YAhctM2qwAAAAAElFTkSuQmCC");
}


















#spb:checked + .location__label .location__label-name{
     color: #ed1c24;
 }

#spb + .location__label .location__label-name:hover,
#spb + .location__label .location__label-name:active{
    color: #ed1c24;
    font-weight: 400;
}

#spb:checked + .location__label .location__svg path:first-child{
    fill: #ed1c24;
}

.location__chois.location__chois--spb:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--spb:hover .location__label .location__label-name{
    fill: #ed1c24;
    color: #ed1c24;
    font-weight: 400;
}

#spbProfitability:checked + .location__label .location__label-name{
    color: #ed1c24;
}

#spbProfitability + .location__label .location__label-name:hover,
#spbProfitability + .location__label .location__label-name:active{
    color: #ed1c24;
    font-weight: 400;
}

#spbProfitability:checked + .location__label .location__svg path:first-child{
    fill: #ed1c24;
}

.location__chois.location__chois--spbProfitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--spbProfitability:hover .location__label .location__label-name{
    fill: #ed1c24;
    color: #ed1c24;
    font-weight: 400;
}



#location1:checked + .location__label .location__label-name{
    color: #f38194;
}

#location1 + .location__label .location__label-name:hover,
#location1 + .location__label .location__label-name:active{
    color: #f38194;
    font-weight: 400;
}

#location1:checked + .location__label .location__svg path:first-child{
    fill: #f38194;
}

.location__chois.location__chois--1:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--1:hover .location__label .location__label-name{
    fill: #f38194;
    color: #f38194;
    font-weight: 400;
}

#location1Profitability:checked + .location__label .location__label-name{
    color: #f38194;
}

#location1Profitability + .location__label .location__label-name:hover,
#location1Profitability + .location__label .location__label-name:active{
    color: #f38194;
    font-weight: 400;
}

#location1Profitability:checked + .location__label .location__svg path:first-child{
    fill: #f38194;
}

.location__chois.location__chois--1Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--1Profitability:hover .location__label .location__label-name{
    fill: #f38194;
    color: #f38194;
    font-weight: 400;
}




#location6:checked + .location__label .location__label-name{
    color: #ce128d;
}

#location6 + .location__label .location__label-name:hover,
#location6 + .location__label .location__label-name:active{
    color: #ce128d;
    font-weight: 400;
}

#location6:checked + .location__label .location__svg path:first-child{
    fill: #ce128d;
}

.location__chois.location__chois--6:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--6:hover .location__label .location__label-name{
    fill: #ce128d;
    color: #ce128d;
    font-weight: 400;
}

#location6Profitability:checked + .location__label .location__label-name{
    color: #ce128d;
}

#location6Profitability + .location__label .location__label-name:hover,
#location6Profitability + .location__label .location__label-name:active{
    color: #ce128d;
    font-weight: 400;
}

#location6Profitability:checked + .location__label .location__svg path:first-child{
    fill: #ce128d;
}

.location__chois.location__chois--6Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--6Profitability:hover .location__label .location__label-name{
    fill: #ce128d;
    color: #ce128d;
    font-weight: 400;
}






#location7:checked + .location__label .location__label-name{
    color: #6ba0b7;
}

#location7 + .location__label .location__label-name:hover,
#location7 + .location__label .location__label-name:active{
    color: #6ba0b7;
    font-weight: 400;
}

#location7:checked + .location__label .location__svg path:first-child{
    fill: #6ba0b7;
}

.location__chois.location__chois--7:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--7:hover .location__label .location__label-name{
    fill: #6ba0b7;
    color: #6ba0b7;
    font-weight: 400;
}

#location7Profitability:checked + .location__label .location__label-name{
    color: #6ba0b7;
}

#location7Profitability + .location__label .location__label-name:hover,
#location7Profitability + .location__label .location__label-name:active{
    color: #6ba0b7;
    font-weight: 400;
}

#location7Profitability:checked + .location__label .location__svg path:first-child{
    fill: #6ba0b7;
}

.location__chois.location__chois--7Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--7Profitability:hover .location__label .location__label-name{
    fill: #6ba0b7;
    color: #6ba0b7;
    font-weight: 400;
}





#location8:checked + .location__label .location__label-name{
    color: #2a2a85;
}

#location8 + .location__label .location__label-name:hover,
#location8 + .location__label .location__label-name:active{
    color: #2a2a85;
    font-weight: 400;
}

#location8:checked + .location__label .location__svg path:first-child{
    fill: #2a2a85;
}

.location__chois.location__chois--8:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--8:hover .location__label .location__label-name{
    fill: #2a2a85;
    color: #2a2a85;
    font-weight: 400;
}

#location8Profitability:checked + .location__label .location__label-name{
    color: #2a2a85;
}

#location8Profitability + .location__label .location__label-name:hover,
#location8Profitability + .location__label .location__label-name:active{
    color: #2a2a85;
    font-weight: 400;
}

#location8Profitability:checked + .location__label .location__svg path:first-child{
    fill: #2a2a85;
}


.location__chois.location__chois--8Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--8Profitability:hover .location__label .location__label-name{
    fill: #2a2a85;
    color: #2a2a85;
    font-weight: 400;
}





#location39:checked + .location__label .location__label-name{
     color: #663281;
 }

#location39 + .location__label .location__label-name:hover,
#location39 + .location__label .location__label-name:active{
    color: #663281;
    font-weight: 400;
}

#location39:checked + .location__label .location__svg path:first-child{
    fill: #663281;
}

.location__chois.location__chois--39:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--39:hover .location__label .location__label-name{
    fill: #663281;
    color: #663281;
    font-weight: 400;
}

#location39Profitability:checked + .location__label .location__label-name{
    color: #663281;
}

#location39Profitability + .location__label .location__label-name:hover,
#location39Profitability + .location__label .location__label-name:active{
    color: #663281;
    font-weight: 400;
}

#location39Profitability:checked + .location__label .location__svg path:first-child{
    fill: #663281;
}

.location__chois.location__chois--39Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--39Profitability:hover .location__label .location__label-name{
    fill: #663281;
    color: #663281;
    font-weight: 400;
}







#location40:checked + .location__label .location__label-name{
    color: #16c1f3;
}

#location40 + .location__label .location__label-name:hover,
#location40 + .location__label .location__label-name:active{
    color: #16c1f3;
    font-weight: 400;
}

#location40:checked + .location__label .location__svg path:first-child{
    fill: #16c1f3;
}

.location__chois.location__chois--40:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--40:hover .location__label .location__label-name{
    fill: #16c1f3;
    color: #16c1f3;
    font-weight: 400;
}

#location40Profitability:checked + .location__label .location__label-name{
    color: #16c1f3;
}

#location40Profitability + .location__label .location__label-name:hover,
#location40Profitability + .location__label .location__label-name:active{
    color: #16c1f3;
    font-weight: 400;
}

#location40Profitability:checked + .location__label .location__svg path:first-child{
    fill: #16c1f3;
}

.location__chois.location__chois--40Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--40Profitability:hover .location__label .location__label-name{
    fill: #16c1f3;
    color: #16c1f3;
    font-weight: 400;
}






#location41:checked + .location__label .location__label-name{
    color: #7790b9;
}

#location41 + .location__label .location__label-name:hover,
#location41 + .location__label .location__label-name:active{
    color: #7790b9;
    font-weight: 400;
}

#location41:checked + .location__label .location__svg path:first-child{
    fill: #7790b9;
}

.location__chois.location__chois--41:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--41:hover .location__label .location__label-name{
    fill: #7790b9;
    color: #7790b9;
    font-weight: 400;
}

#location41Profitability:checked + .location__label .location__label-name{
    color: #7790b9;
}

#location41Profitability + .location__label .location__label-name:hover,
#location41Profitability + .location__label .location__label-name:active{
    color: #7790b9;
    font-weight: 400;
}

#location41Profitability:checked + .location__label .location__svg path:first-child{
    fill: #7790b9;
}

.location__chois.location__chois--41Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--41Profitability:hover .location__label .location__label-name{
    fill: #7790b9;
    color: #7790b9;
    font-weight: 400;
}





#location42:checked + .location__label .location__label-name{
    color: #31a949;
}

#location42 + .location__label .location__label-name:hover,
#location42 + .location__label .location__label-name:active{
    color: #31a949;
    font-weight: 400;
}

#location42:checked + .location__label .location__svg path:first-child{
    fill: #31a949;
}

.location__chois.location__chois--42:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--42:hover .location__label .location__label-name{
    fill: #31a949;
    color: #31a949;
    font-weight: 400;
}

#location42Profitability:checked + .location__label .location__label-name{
    color: #31a949;
}

#location42Profitability + .location__label .location__label-name:hover,
#location42Profitability + .location__label .location__label-name:active{
    color: #31a949;
    font-weight: 400;
}

#location42Profitability:checked + .location__label .location__svg path:first-child{
    fill: #31a949;
}

.location__chois.location__chois--42Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--42Profitability:hover .location__label .location__label-name{
    fill: #31a949;
    color: #31a949;
    font-weight: 400;
}





#location43:checked + .location__label .location__label-name{
    color: #617d58;
}

#location43 + .location__label .location__label-name:hover,
#location43 + .location__label .location__label-name:active{
    color: #617d58;
    font-weight: 400;
}

#location43:checked + .location__label .location__svg path:first-child{
    fill: #617d58;
}

.location__chois.location__chois--43:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--43:hover .location__label .location__label-name{
    fill: #617d58;
    color: #617d58;
    font-weight: 400;
}

#location43Profitability:checked + .location__label .location__label-name{
    color: #617d58;
}

#location43Profitability + .location__label .location__label-name:hover,
#location43Profitability + .location__label .location__label-name:active{
    color: #617d58;
    font-weight: 400;
}

#location43Profitability:checked + .location__label .location__svg path:first-child{
    fill: #617d58;
}

.location__chois.location__chois--43Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--43Profitability:hover .location__label .location__label-name{
    fill: #617d58;
    color: #617d58;
    font-weight: 400;
}




#location44:checked + .location__label .location__label-name{
    color: #8f7a24;
}

#location44 + .location__label .location__label-name:hover,
#location44 + .location__label .location__label-name:active{
    color: #8f7a24;
    font-weight: 400;
}

#location44:checked + .location__label .location__svg path:first-child{
    fill: #8f7a24;
}

.location__chois.location__chois--44:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--44:hover .location__label .location__label-name{
    fill: #8f7a24;
    color: #8f7a24;
    font-weight: 400;
}

#location44Profitability:checked + .location__label .location__label-name{
    color: #8f7a24;
}

#location44Profitability + .location__label .location__label-name:hover,
#location44Profitability + .location__label .location__label-name:active{
    color: #8f7a24;
    font-weight: 400;
}

#location44Profitability:checked + .location__label .location__svg path:first-child{
    fill: #8f7a24;
}

.location__chois.location__chois--44Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--44Profitability:hover .location__label .location__label-name{
    fill: #8f7a24;
    color: #8f7a24;
    font-weight: 400;
}






#location45:checked + .location__label .location__label-name{
    color: #e4901a;
}

#location45 + .location__label .location__label-name:hover,
#location45 + .location__label .location__label-name:active{
    color: #e4901a;
    font-weight: 400;
}

#location45:checked + .location__label .location__svg path:first-child{
    fill: #e4901a;
}

.location__chois.location__chois--45:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--45:hover .location__label .location__label-name{
    fill: #e4901a;
    color: #e4901a;
    font-weight: 400;
}

#location45Profitability:checked + .location__label .location__label-name{
    color: #e4901a;
}

#location45Profitability + .location__label .location__label-name:hover,
#location45Profitability + .location__label .location__label-name:active{
    color: #e4901a;
    font-weight: 400;
}

#location45Profitability:checked + .location__label .location__svg path:first-child{
    fill: #e4901a;
}

.location__chois.location__chois--45Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--45Profitability:hover .location__label .location__label-name{
    fill: #e4901a;
    color: #e4901a;
    font-weight: 400;
}





#location46:checked + .location__label .location__label-name{
    color: #bc494d;
}

#location46 + .location__label .location__label-name:hover,
#location46 + .location__label .location__label-name:active{
    color: #bc494d;
    font-weight: 400;
}

#location46:checked + .location__label .location__svg path:first-child{
    fill: #bc494d;
}

.location__chois.location__chois--46:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--46:hover .location__label .location__label-name{
    fill: #bc494d;
    color: #bc494d;
    font-weight: 400;
}

#location46Profitability:checked + .location__label .location__label-name{
    color: #bc494d;
}

#location46Profitability + .location__label .location__label-name:hover,
#location46Profitability + .location__label .location__label-name:active{
    color: #bc494d;
    font-weight: 400;
}

#location46Profitability:checked + .location__label .location__svg path:first-child{
    fill: #bc494d;
}

.location__chois.location__chois--46Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--46Profitability:hover .location__label .location__label-name{
    fill: #bc494d;
    color: #bc494d;
    font-weight: 400;
}






#location47:checked + .location__label .location__label-name{
    color: #840203;
}

#location47 + .location__label .location__label-name:hover,
#location47 + .location__label .location__label-name:active{
    color: #840203;
    font-weight: 400;
}

#location47:checked + .location__label .location__svg path:first-child{
    fill: #840203;
}

.location__chois.location__chois--47:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--47:hover .location__label .location__label-name{
    fill: #840203;
    color: #840203;
    font-weight: 400;
}

#location47Profitability:checked + .location__label .location__label-name{
    color: #840203;
}

#location47Profitability + .location__label .location__label-name:hover,
#location47Profitability + .location__label .location__label-name:active{
    color: #840203;
    font-weight: 400;
}

#location47Profitability:checked + .location__label .location__svg path:first-child{
    fill: #840203;
}

.location__chois.location__chois--47Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--47Profitability:hover .location__label .location__label-name{
    fill: #840203;
    color: #840203;
    font-weight: 400;
}






#location271:checked + .location__label .location__label-name{
    color: #3c6ea8;
}

#location271 + .location__label .location__label-name:hover,
#location271 + .location__label .location__label-name:active{
    color: #3c6ea8;
    font-weight: 400;
}

#location271:checked + .location__label .location__svg path:first-child{
    fill: #3c6ea8;
}

.location__chois.location__chois--271:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--271:hover .location__label .location__label-name{
    fill: #3c6ea8;
    color: #3c6ea8;
    font-weight: 400;
}

#location271Profitability:checked + .location__label .location__label-name{
    color: #3c6ea8;
}

#location271Profitability + .location__label .location__label-name:hover,
#location271Profitability + .location__label .location__label-name:active{
    color: #3c6ea8;
    font-weight: 400;
}

#location271Profitability:checked + .location__label .location__svg path:first-child{
    fill: #3c6ea8;
}

.location__chois.location__chois--271Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--271Profitability:hover .location__label .location__label-name{
    fill: #3c6ea8;
    color: #3c6ea8;
    font-weight: 400;
}






#location272:checked + .location__label .location__label-name{
    color: #69b19f;
}

#location272 + .location__label .location__label-name:hover,
#location272 + .location__label .location__label-name:active{
    color: #69b19f;
    font-weight: 400;
}

#location272:checked + .location__label .location__svg path:first-child{
    fill: #69b19f;
}

.location__chois.location__chois--272:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--272:hover .location__label .location__label-name{
    fill: #69b19f;
    color: #69b19f;
    font-weight: 400;
}

#location272Profitability:checked + .location__label .location__label-name{
    color: #69b19f;
}

#location272Profitability + .location__label .location__label-name:hover,
#location272Profitability + .location__label .location__label-name:active{
    color: #69b19f;
    font-weight: 400;
}

#location272Profitability:checked + .location__label .location__svg path:first-child{
    fill: #69b19f;
}

.location__chois.location__chois--272Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--272Profitability:hover .location__label .location__label-name{
    fill: #69b19f;
    color: #69b19f;
    font-weight: 400;
}





#location273:checked + .location__label .location__label-name{
    color: #9bc171;
}

#location273 + .location__label .location__label-name:hover,
#location273 + .location__label .location__label-name:active{
    color: #9bc171;
    font-weight: 400;
}

#location273:checked + .location__label .location__svg path:first-child{
    fill: #9bc171;
}

.location__chois.location__chois--273:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--273:hover .location__label .location__label-name{
    fill: #9bc171;
    color: #9bc171;
    font-weight: 400;
}

#location273Profitability:checked + .location__label .location__label-name{
    color: #9bc171;
}

#location273Profitability + .location__label .location__label-name:hover,
#location273Profitability + .location__label .location__label-name:active{
    color: #9bc171;
    font-weight: 400;
}

#location273Profitability:checked + .location__label .location__svg path:first-child{
    fill: #9bc171;
}

.location__chois.location__chois--273Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--273Profitability:hover .location__label .location__label-name{
    fill: #9bc171;
    color: #9bc171;
    font-weight: 400;
}







#location275:checked + .location__label .location__label-name{
    color: #dabb26;
}

#location275 + .location__label .location__label-name:hover,
#location275 + .location__label .location__label-name:active{
    color: #dabb26;
    font-weight: 400;
}

#location275:checked + .location__label .location__svg path:first-child{
    fill: #dabb26;
}

.location__chois.location__chois--275:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--275:hover .location__label .location__label-name{
    fill: #dabb26;
    color: #dabb26;
    font-weight: 400;
}

#location275Profitability:checked + .location__label .location__label-name{
    color: #dabb26;
}

#location275Profitability + .location__label .location__label-name:hover,
#location275Profitability + .location__label .location__label-name:active{
    color: #dabb26;
    font-weight: 400;
}

#location275Profitability:checked + .location__label .location__svg path:first-child{
    fill: #dabb26;
}

.location__chois.location__chois--275Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--275Profitability:hover .location__label .location__label-name{
    fill: #dabb26;
    color: #dabb26;
    font-weight: 400;
}



#location100:checked + .location__label .location__label-name{
    color: #0f4b44;
}

#location100 + .location__label .location__label-name:hover,
#location100 + .location__label .location__label-name:active{
    color: #0f4b44;
    font-weight: 400;
}

#location100:checked + .location__label .location__svg path:first-child{
    fill: #0f4b44;
}

.location__chois.location__chois--100:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--100:hover .location__label .location__label-name{
    fill: #0f4b44;
    color: #0f4b44;
    font-weight: 400;
}

#location100Profitability:checked + .location__label .location__label-name{
    color: #0f4b44;
}

#location100Profitability + .location__label .location__label-name:hover,
#location100Profitability + .location__label .location__label-name:active{
    color: #0f4b44;
    font-weight: 400;
}

#location100Profitability:checked + .location__label .location__svg path:first-child{
    fill: #0f4b44;
}

.location__chois.location__chois--100Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--100Profitability:hover .location__label .location__label-name{
    fill: #0f4b44;
    color: #0f4b44;
    font-weight: 400;
}




#location277:checked + .location__label .location__label-name{
    color: #7ea2ad;
}

#location277 + .location__label .location__label-name:hover,
#location277 + .location__label .location__label-name:active{
    color: #7ea2ad;
    font-weight: 400;
}

#location277:checked + .location__label .location__svg path:first-child{
    fill: #7ea2ad;
}

.location__chois.location__chois--277:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--277:hover .location__label .location__label-name{
    fill: #7ea2ad;
    color: #7ea2ad;
    font-weight: 400;
}

#location277Profitability:checked + .location__label .location__label-name{
    color: #7ea2ad;
}

#location277Profitability + .location__label .location__label-name:hover,
#location277Profitability + .location__label .location__label-name:active{
    color: #7ea2ad;
    font-weight: 400;
}

#location277Profitability:checked + .location__label .location__svg path:first-child{
    fill: #7ea2ad;
}

.location__chois.location__chois--277Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--277Profitability:hover .location__label .location__label-name{
    fill: #7ea2ad;
    color: #7ea2ad;
    font-weight: 400;
}



#location276:checked + .location__label .location__label-name{
    color: #d65226;
}

#location276 + .location__label .location__label-name:hover,
#location276 + .location__label .location__label-name:active{
    color: #d65226;
    font-weight: 400;
}

#location276:checked + .location__label .location__svg path:first-child{
    fill: #d65226;
}

.location__chois.location__chois--276:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--276:hover .location__label .location__label-name{
    fill: #d65226;
    color: #d65226;
    font-weight: 400;
}

#location276Profitability:checked + .location__label .location__label-name{
    color: #d65226;
}

#location276Profitability + .location__label .location__label-name:hover,
#location276Profitability + .location__label .location__label-name:active{
    color: #d65226;
    font-weight: 400;
}

#location276Profitability:checked + .location__label .location__svg path:first-child{
    fill: #d65226;
}

.location__chois.location__chois--276Profitability:hover .location__label .location__check-box .location__svg--empty path,
.location__chois.location__chois--276Profitability:hover .location__label .location__label-name{
    fill: #d65226;
    color: #d65226;
    font-weight: 400;
}


.location__chois--spb {
    order: 0;
    text-transform: uppercase;
}
.location__chois--1 {

}
.location__chois--6 {

}
.location__chois--7 {

}
.location__chois--8 {

}
.location__chois--39 {

}
.location__chois--40 {

}
.location__chois--41 {

}
.location__chois--42 {

}
.location__chois--43 {

}
.location__chois--44 {

}
.location__chois--45 {

}
.location__chois--46 {

}
.location__chois--47 {

}
.location__chois--100{
    order: 91;
    text-transform: uppercase;
}
.location__chois--271 {

}
.location__chois--272 {

}
.location__chois--273 {

}
.location__chois--275 {

}
.location__chois--276 {

}
.location__chois--277{
    order: 92;
}

.location__check-box--hidden{
    display: flex;
    align-items: center;
    width: 25%;
    margin: 1.5px 0;
    visibility: hidden;
    order: 0;
}
.location__check-box--hidden-second{
    display: flex;
    width: 25%;
    margin: 1.5px 0;
    visibility: hidden;
    order: 90;
}


.location__chois--spbProfitability {
    order: 0;
    text-transform: uppercase;
}
.location__chois--1Profitability {

}
.location__chois--6Profitability {

}
.location__chois--7Profitability {

}
.location__chois--8Profitability {

}
.location__chois--39Profitability {

}
.location__chois--40Profitability {

}
.location__chois--41Profitability {

}
.location__chois--42Profitability {

}
.location__chois--43Profitability {

}
.location__chois--44Profitability {

}
.location__chois--45Profitability {

}
.location__chois--46Profitability {

}
.location__chois--47Profitability {

}
.location__chois--100Profitability{
    order: 91;
    text-transform: uppercase;
}
.location__chois--271Profitability {

}
.location__chois--272Profitability {

}
.location__chois--273Profitability {

}
.location__chois--275Profitability {

}
.location__chois--276Profitability {

}
.location__chois--277Profitability{
    order: 92;
}
.location__chois--count-rooms{
    width: 100%;
    margin-bottom: 10px;
}
.line{
    display: flex;
    justify-content: center;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;
}

.wrapper--line {
    margin-top: 15px;
    padding: 20px;
}

.line__title{
    width: 100%;
    text-align: left;
    z-index: 1;
}

.trend-price-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f6fafb;
}

.location__time {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 35px;
}

.location__wrapper-calendars {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -10px;
}

.location__calendar{
    width: 100%;
}

.location__wrapper-calendars__row {
    width: 47.5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.location__wrapper-calendars__words {
    width: 100%;
    margin-bottom: 8px;
    font-weight: 600;
}

.location__wrapper-calendars__words--from{

}

.location__wrapper-calendars__words--to{

}

.location__select{
    display: flex;
    width: 67.5%;
    height: 35px;
    padding-left: 7.5px;
    border: 1px solid #878787;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    
    -ms-appearance: none;
    appearance: none!important;
    background-image: url(/assets/465d5b62/css/../img/arrow_select.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 15px;
    cursor: pointer;
}



.location__select--year {
    width: 30.5%;
    background-position: 90% center;
}

.popup-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33,0.7);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

.popup-wrapper--show {
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

.popup {
    display: flex;
    flex-wrap: wrap;
    max-width: 550px;
    padding: 20px 20px 20px 40px;
    border-radius: 8px;
    box-shadow: -10px 0 20px rgba(100, 100, 100, 0.4);
    color: #414243;
    background: #fff;
    position: relative;
}

.popup__row{
    width: 100%;
    position: relative;
}

.popup__row:before{
    content: "";
    position: absolute;
    top: 10px;
    left: -22.5px;
    width: 10px;
    height: 2px;
    background: #757575;
}

.popup__close{
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
    background-image: url(/assets/465d5b62/css/../img/close-cross.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.chart{
    width: 100%;
    min-height: 450px;
    margin-top: -30px;
    border-radius: 2px;
    overflow: hidden;
}

.chart--smal{
    min-height: auto;
    margin-top: 0;
    height: 250px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.chart--smal svg{
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.evaluate-title{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background-image: url(/assets/465d5b62/css/../img/ffiltertop.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.evaluate-title:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 124, 176, 0.9);
}

.goToBn-area {
    width: 100%;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6fafb;
}

.wrapper--end{
    justify-content: flex-end;
}

.goToBn-area__a{
    font-weight: 300;
    color: #83b3c8;
}

.goToBn-area__a:hover{
    text-shadow: 0px 5px 5px rgba(0, 0, 1, 0.27);
}

.goToBn-area__a:active{
    color: #f9a265;
}

.wrapper--evaluate:before{
    background-image: url(/assets/465d5b62/css/../img/money-bag.svg);
}

.evaluate-area{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    background: #4f7baf;
    color: #fff;
    position: relative;
}

.wrapper--evaluate-area{
    padding: 35px 20px 45px 20px;
}

.evaluate-area__left{
    width: 50%;
}


.evaluate-area__right{
    width: 50%;
}

.evaluate-area__row {
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 35px;
}

.evaluate-area__select{
    width: 100%;
    max-width: 295px;
    height: 100%;
    padding-left: 5px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    background: #4f7baf;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    background-image: url(/assets/465d5b62/css/../img/arrow_select--white.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 15px;
}

.evaluate-area__select:focus{
    background: #fff;
    background-image: url(/assets/465d5b62/css/../img/arrow_select.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 15px;
    color: #414243;
}

.evaluate-area__option{
    padding: 5px 10px;
}

.evaluate-area__option:hover{
    background: red;
}


.evaluate-area__label{
    width: 55px;
    margin-right: 25px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
}

.evaluate-area__radio{
    display: none;
}

.evaluate-area__radio-label{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    border: 1px solid #fff;
    border-right: none;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}

.evaluate-area__radio-label--last{
    border-right: 1px solid #fff;
}

.evaluate-area__radio:checked + .evaluate-area__radio-label{
    color: #3d6ea7;
    background: #fff;
}

.evaluate-area__label--long {
    width: 125px;
}

.square__number{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    height: 100%;
    padding: 0 10px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    background: #4f7baf;
    position: relative;
    transition: all 0.2s;
}

.square__number::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.square__number::-moz-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.square__number:-moz-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.square__number:-ms-input-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}

.square__number--hide{
    opacity: 0.2;
}

.square__number--hide + .before-number{
    color: rgba(255,255,255,0.2);
}

.square__number:focus{
    color: #4f7baf;
    background: #fff;
}

.evaluate-area__row--number{
    position: relative;
}

.before-number{
    content: "кв.м";
    height: 26px;
    position: absolute;
    top: 3px;
    left: 312px;
    font-size: 14px;
    font-weight: 300;
    background: #4f7baf;
    transition: background 0.2s;
}

.square__number:focus + .before-number{
    color: #4f7baf;
    background: #fff;
}

.evaluate-area__row--button{
    margin: 75px 0 0 0;
}

.evaluate-area__button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 265px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    background: #4f7baf;
    transition: all 0.2s;
}

.evaluate-area__button:hover{
    color: #4f7baf;
    background: #fff;
}

.evaluate-area__button--ready{
    color: #4f7baf;
    background: #fff;
    cursor: pointer;
}

.evaluate-area__reset {
    width: 50px;
    padding-left: 50px;
    font-size: 11px;
    line-height: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAQAAAATvv9SAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBAMMJxwxJ3znAAAAUUlEQVQY04XQwQnAIBBE0U8qsISUYEl2ZkmWsiX8HAIikY1zfTDMLoadLXYDm37RrjbYcAKA1XBYwOIwrGvFi/cGE13h4pS0MJ2Rjv85OX/UA+WQbBWCh1c4AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.evaluate-area__row--order{
    margin: 65px 0 7.5px 0;
}

.evaluate-area__order{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 265px;
    height: 45px;
    margin-right: 15px;
    border-radius: 25px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    background: #f9a265;
    cursor: pointer;
    transition: all 0.2s;
}

.evaluate-area__order:hover{
    box-shadow: 0px 10px 21px 0px rgba(0, 0, 1, 0.35);
}

.evaluate-area__description{
    width: 250px;
    font-size: 11px;
    font-weight: 300;
    line-height: 12px;
    color: #fff;
}

.evaluate-area__result {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 0;
    padding: 0 20px;
    color: #3d6ea7;
    background: #fff;
    overflow: hidden;
    transition: all 0.2s;
}

.evaluate-area__result--show{
    height: 387px;
    border-bottom: 2px solid #3d6ea7;
}

.evaluate-area__row--result{
    width: 100%;
    justify-content: center;
    align-items: baseline;
    font-size: 16px;
}

.evaluate-area__big-value{
    padding-right: 15px;
    font-size: 48px;
}

.evaluate-area__cell {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    width: 50%;
    padding: 0 20px;
}

.evaluate-area__cell:nth-child(2n){
    justify-content: flex-start;
}

.evaluate-area__row--description{
    margin-top: 30px;
    line-height: 13px;
    font-size: 11px;
    color: #414243;
    position: relative;
}

.evaluate-area__close-result {
    width: 50px;
    padding-left: 50px;
    font-size: 11px;
    line-height: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEUAAAAAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAACnCye0AAAACHRSTlMA759gMM8QICx5TMEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4QQDDg0atKvBlAAAADlJREFUCNdjEGIAAiYBBgsFIK1hwMDcBOQ2A9mOYWyBDkCaRbRUBKSGwbHRAZmGiUPVwfTBzIGaCwDCrwlhxwQnNgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: absolute;
    bottom: 74px;
    right: 23%;
}

.profitability-area{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 30px 0 85px 0;
    position: relative;
    z-index: 1;
    background-color: #f1f5f9;
}

.profitability-area .location{
    align-items: flex-start;
}

.profitability-area__title{
    width: 100%;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 300;
}


.tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.wrapper--tabs{
    justify-content: flex-start;
}

.tab{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 202px;
    padding: 10px 20px;
    line-height: 15px;
    color: #5580b2;
    cursor: pointer;
}

.tab--active{
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;
    color: #414243;
    background: #fff;
    position: relative;
}

.tab--active:after{
    content: "";
    position: absolute;
    bottom: -5.5px;
    left: 2px;
    width: calc(100% - 4px);
    height: 16px;
    background: #fff;
    z-index: 16;
    border-radius: 20px;
}

.white-line-area{
    width: 100%;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f5f9;
}

.hypothec-area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    background-color: rgba(111, 180, 164, 1);
}

.wrapper--hypothec-area {
    justify-content: space-between; 
    flex-wrap: nowrap;
    padding: 25px 20px 0 20px;
}

.hypothec-title{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background-image: url(/assets/465d5b62/css/../img/ipo-title.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.hypothec-title:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(111, 180, 164, 0.9);
}

.wrapper--two{
    justify-content: flex-start;
    max-width: 1020px;
    position: relative;
}

.wrapper--two::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -4px;
    left: -60px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/assets/465d5b62/css/../img/wallet.svg);
    transform: rotate(90deg);
}

.hypothec-area__left{
    display: flex;
    flex-wrap: wrap;
    width: 420px;
    padding: 0 0 25px 0;
    color: #fff;
}

.hypothec-area__row{
    display: flex;
    width: 100%;
    height: 30px;
    margin-bottom: 25px;
}

.hypothec-area__label {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    margin-right: 25px;
    font-weight: 300;
    font-size: 16px;
}

.hypothec-area__row-for-input{
    width: 100%;
    max-width: 150px;
    position: relative;
    background-color: rgba(111, 180, 164, 1);
}

.before-number--hypothec{
    display: flex;
    justify-content: flex-end;
    width: 17px;
    height: 80%;
    top: 5%;
    left: inherit;
    right: 10px;
    background-color: rgba(111, 180, 164, 1);
    z-index: 1;
    align-items: center;
}

.hypothec-area__number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #fff;
    font-size: 16px;
    background-color: rgba(111, 180, 164, 1);
    color: #fff;
    transition: background 0.2s;
}

.hypothec-area__pre-result{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
}

.before-number--pre-result{
    right: 50px;
}

.hypothec-area__row input::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.hypothec-area__row input::-moz-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.hypothec-area__row input:-moz-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}
.hypothec-area__row input:-ms-input-placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
}

.hypothec-area__number:focus{
    color: rgba(111, 180, 164, 1);
    background-color: #fff;
}

.hypothec-area__number:focus + .before-number--hypothec{
    color: rgba(111, 180, 164, 1);
    background-color: #fff;
}

.hypothec-area__row-for-input--rate{
    max-width: 75px;
}

.hypothec-area__row-for-input--time-credit{
    max-width: 90px;
}

.hypothec-area__row--last{
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 0;
}

.hypothec-area__button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 265px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    background-color: rgba(111, 180, 164, 1);
    transition: all 0.2s;
}

.hypothec-area__button:hover{
    color: rgba(111, 180, 164, 1);
    background-color: #fff;
}

.hypothec-area__button--show{
    color: rgba(111, 180, 164, 1);
    background-color: #fff;
    cursor: pointer;
}

.hypothec-area__reset{
    width: 50px;
    padding-left: 50px;
    font-size: 11px;
    line-height: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAQAAAATvv9SAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBAMMJxwxJ3znAAAAUUlEQVQY04XQwQnAIBBE0U8qsISUYEl2ZkmWsiX8HAIikY1zfTDMLoadLXYDm37RrjbYcAKA1XBYwOIwrGvFi/cGE13h4pS0MJ2Rjv85OX/UA+WQbBWCh1c4AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.hypothec-area__result{
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    height: 0;
    color: rgba(111, 180, 164, 1);
    background: #fff;
    transition: height padding 0.2s;
    overflow: hidden;
    transition: height 0.2s;
}

.hypothec-area__result--show{
    height: 105px;
    padding-top: 15px;
    border-bottom: 2px solid rgba(111, 180, 164, 1);
}

.wrapper--result {
    align-items: baseline;
    justify-content: space-between;
    max-width: 480px;
}

.hypothec-area__words{
    font-size: 16px;
}

.hypothec-area__number-value{
    font-size: 48px;
}

.hypothec-area__word-value{
    font-size: 16px;
}

.hypothec-area__close{
    width: 50px;
    padding-left: 50px;
    font-size: 11px;
    line-height: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEUAAABVsJ9VsJ9VsJ9VsJ9VsJ9VsJ9VsJ9VsJ////86RaqxAAAACHRSTlMA759gMM8QICx5TMEAAAABYktHRAnx2aXsAAAAB3RJTUUH4QQMDR40U7cjxgAAADlJREFUCNdjEGIAAiYBBgsFIK1hwMDcBOQ2A9mOYWyBDkCaRbRUBKSGwbHRAZmGiUPVwfTBzIGaCwDCrwlhxwQnNgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    top: -10px;
}

.hypothec-area__right{
    display: flex;
    width: 57%;
}

.chart-hypothec{
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    align-self: flex-end;
    width: 100%;
    padding: 12.5px 20px;
    border-radius: 8px 8px 0 0;
    background: #e2f0ed;
}

.chart-hypothec__title{
    width: 100%;
    color: #69b1a0;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.chart-hypothec__legends {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    font-size: 12px;
    color: #69b1a0;
}

.chart-hypothec__legend{
    position: relative;
}

.chart-hypothec__legend:before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -5px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 76px 1px;
}

.chart-hypothec__legend--first:before{
    left: -1px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAAIAQMAAACmkn2UAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEVvtKQAAAB7iyTGAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+EEDQouCvBjeX4AAAAMSURBVAjXY2AYWgAAALAAAZbFAf8AAAAASUVORK5CYII=");
}

.chart-hypothec__legend--second:before{
    left: -4.5px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAIAgMAAAB4yt7xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAABvtKQAAABdj3TJAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfhBA0KMTmC6Rb2AAAAE0lEQVQY02MIBQMGBgL0qDJUGgCTSE+xpaYGlQAAAABJRU5ErkJggg==");
}

.chart-hypothec__legend--cb:before{
    left: -3px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAIAgMAAAB4yt7xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAABvtKQAAABdj3TJAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfhBA0KLRAmLNPHAAAAEklEQVQY02MIDWVgIAKPKkPFAGKYNSHvrMwBAAAAAElFTkSuQmCC");
}

.chart-hypothec__dates {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.chart-hypothec__cell {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 47.5%;
}

.chart-hypothec__words {
    width: 100%;
    margin-bottom: 5px;
    font-size: 12px;
}

.chart-hypothec__futureChart{
    width: 100%;
    max-width: 650px;
    margin-top: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.chart-hypothec__futureChart:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.chart-hypothec .location__select{
    height: 25px;
    font-size: 12px;
    background-size: 10px;
    background-position: 93% center;
}

.chart-hypothec .location__select--year{
    background-position: 86% center;
}

.chart-hypothec__description{
    margin-top: 10px;
    font-size: 10px;
    line-height: 10px;
}

.popup__spec {
    padding-left: 5px;
    font-size: 12px;
    color: #969696;
}

.global-area{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 30px 0 85px 0;
    position: relative;
    z-index: 1;
    background-color: #f4f9f8;
}

.wrapper--global{
    padding: 0 20px;
}

.global-area__title{
    width: 100%;
    font-size: 24px;
    font-weight: 300;
}

.global-area__time{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 35px;
}

.time-title{
    width: 100%;
    margin-bottom: 15px;
}

.global-area__wrapper-calendars{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -10px;
}

.global-area__wrapper-calendars__row{
    width: 47.5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.global-area__wrapper-calendars__words{
    width: 100%;
    margin-bottom: 8px;
    font-weight: 600;
}

.wrapper--global--tabs{
    flex-wrap: nowrap;
}

.tab--global{
    color: rgba(111, 180, 164, 1);
}

.line-empty{
    height: 500px;
}

.chart--last{
    min-height: 400px;
    max-height: 400px;
    margin-top: 10px;
}

.footer{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    min-height: 295px;
    font-size: 16px;
}

.footer__line{
    width: 100%;
    height: 42px;
    border-bottom: 5px solid #f9a265;
    background-color: #f4f9f8;
}

.wrapper--footer{
    align-content: flex-start;
}

.footer__title {
    width: 100%;
    text-align: center;
}

.footer__contacts{
    width: 100%;
    padding-top: 8px;
    text-align: center;
    font-weight: 300;
}

.footer__a{
    padding-left: 40px;
    font-weight: 600;
    color: #414243;
    transition: color 0.2s;
}

.footer__a:hover{
    color: #f9a265;
}

.footer__contacts a{
    color: #414243;
    font-size: 16px;
    font-weight: 300;
}

.footer__counter {
    margin: 55px 11px 0 0;
}

.footer__counter:last-child{
    margin-right: 0;
}

[id^="google-visualization-errors-all-"] {
    display: none!important;
}

.profitability__name{

}

.button-top {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100px;
    height: 90px;
    position:fixed;
    bottom: 20px;
    right: 5px;
    font-size: 13px;
    color: #414243;
    background-image: url(/assets/465d5b62/css/../img/arrow_up.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.4s;
}

.button-top:hover{
    color: #f6a265;
    background-image: url(/assets/465d5b62/css/../img/active-row-up.svg);
}

.button-top--show{
    opacity: 1;
}

.tab--currency{

}

.spec-currecy-legend{
    display: none;
}

.tab--active .spec-currecy-legend{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.tab--active .spec-currecy-legend:after{
    content: 'Доллар';
    width: 48px;
    height: 25px;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 30px;
    font-size: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAAIAQMAAACmkn2UAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEVvtKQAAAB7iyTGAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+EEDQouCvBjeX4AAAAMSURBVAjXY2AYWgAAALAAAZbFAf8AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: 50px 1px;
    background-position: left 0;
    z-index: 17;
    padding-top: 5px;
}

.tab--active .spec-currecy-legend:before{
    content: 'Евро';
    width: 48px;
    height: 25px;
    position: absolute;
    bottom: -30px;
    right: 30px;
    text-align: center;
    font-size: 12px;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAIAgMAAAB4yt7xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAABvtKQAAABdj3TJAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfhBA0KMTmC6Rb2AAAAE0lEQVQY02MIBQMGBgL0qDJUGgCTSE+xpaYGlQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 50px 1px;
    background-position: right 0;
    z-index: 17;
    padding-top: 5px;
}

.global__footer {
    font-size: 10px;
    line-height: 10px;
    width: 78%;
    text-align: right;
}

.header__menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height:0;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 3;
    opacity: 0;
    transition: 0.2s;
    overflow: hidden;
}

.header__menu--show{
    opacity: 1;
    height:auto;
    transition: 0.2s;
}

.menu{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
}

.menu__ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 33px;
}

.menu__li{
    display: flex;
    height: 100%;
}

.menu__a{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    color: #666666;
    position: relative;
}

.menu__a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: #000;
    transition: 0.2s;
}

.menu__a:hover{
    color: #000;
}

.menu__a:hover:after{
    width: 100%;
    left: 0;
    color: #000;
}

.menu__a--active:after{
    width: 100%;
    left: 0;
}

.humb{
    display: none;
}

.header__menu--mobile{

}

.mobile-footer{
    display: none;
    color: #999999;
}

.header__menu-title{
    display: none;
}

.body--black{
    position: relative;
}

.body--black:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
}

.index-bn__a{
    color: inherit;
}

.index-bn__a:hover{
    color: #f9a265;
}

.footer__link{
    color: inherit;
}

.footer__link:hover{
    color: #f9a265;
}

.wrapper--inedx-bn{
    z-index: 0;
    margin: 0 auto;
}

.index-bn__left .index-bn__row{
    z-index: -1;
}

.index-bn__left.index-bn--active .index-bn__row{
    z-index: 0;
}

.index-bn__right .index-bn__row{
    z-index: -1;
}

.index-bn__right.index-bn--active .index-bn__row{
    z-index: 0;
}

.index-bn__left .index-bn__title {
    z-index: -1;
    position: absolute;
}

.index-bn__left.index-bn--active .index-bn__title {
    z-index: 0;
    position: static;
}

.index-bn__right .index-bn__title {
    z-index: -1;
    position: absolute;
}

.index-bn__right.index-bn--active .index-bn__title {
    z-index: 0;
    position: static;
}

.index-bn__row--opacity{
    border-bottom: none;
}








header.bn-header {
    width: 100%;
}











@media (max-width: 1179px) {
    .wrapper--one::before{
        display: none;
    }

    .container-rang__toggles-area{
        padding: 0 20px;
    }

    .time-area{
        padding: 0 40px;
    }
}

@media (max-width: 1023px) {
    .header__message {
        margin: 95px auto 40px auto;
    }
    header.bn-header {
        background-color: rgba(102,102,102,1);
    }
    .wrapper.wrapper--inedx-bn {
        background: #fff;
    }
    .wrapper {
        padding: 0 20px;
    }
    .header__triggers {
        justify-content: center;
        flex-wrap: wrap;
    }
    .trigger {
        height: auto;
        margin: 20px 15%;
    }

    .index-bn{
        flex-wrap: wrap;
    }

    .index-bn__center{
        display: none;
    }

    .index-bn__left,
    .index-bn__right{
        padding: 30px 0;
        width: 50%;
    }

    .index-bn__left {
        padding-right: 10px;
    }

    .index-bn__right {
        padding-left: 10px;
    }

    .index-bn__left.index-bn--active,
    .index-bn__right.index-bn--active{
        margin-top: 0;
        box-shadow: none;
    }

    .wrapper--one{
        justify-content: center;
    }

    .location__chois{
        width: 50%;
        margin: 5px 0;
    }

    .location__chois--type-market{
        width: 100%;
    }

    .location__buttons{
        align-content: flex-start;
    }

    .location__type-market {
        margin: 10px 0px;
        height: 40px;
    }

    .wrapper--line{
        padding: 20px 40px;
    }

    .evaluate-area{
        flex-wrap: wrap;
    }

    .evaluate-area__left,
    .evaluate-area__right{
        width: 100%;
    }

    .wrapper--evaluate-area{
        padding: 30px 20px;
    }

    .evaluate-area__row{
        justify-content: center;
    }

    .evaluate-area__row--number{
        width: 310px;
        margin: 20px auto;
    }

    .evaluate-area__label{
        margin-right: 10px;
    }

   .evaluate-area__right .before-number{
        left: 271px;
    }

    .evaluate-area__row--order{
        height: auto;
        flex-wrap: wrap;
    }

    .evaluate-area__result--show {
        height: auto!important;
        padding: 40px 0!important;
    }

    .evaluate-area__row--result{
        flex-wrap: wrap;
        height: auto;
        margin-bottom: 10px;
        border-bottom: 1px solid #4f7baf;
    }

    .evaluate-area__row--result .evaluate-area__cell{
        justify-content: flex-start;
        width: 100%;
        padding: 0;
    }

    .evaluate-area__row--description{
        margin-top: 0;
        border-bottom: none;
    }

    .evaluate-area__close-result{
        bottom: 110px;
    }

    .evaluate-area__close-result{
        display: flex;
        align-items: center;
        height: 100%;
        position: static;
    }

    .evaluate-area__description{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .goToBn-area{
        height: auto;
        padding: 10px 0;
    }

    .goToBn-area__a {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .evaluate-area__result {
        height: 0;
        padding: 0;
        overflow: hidden;
    }

    .location__check-box--hidden{
        display: none;
    }

    .location__chois--count-rooms{
        width: 100%;
    }

    .profitability-area{
        padding: 30px 0 30px 0;
    }

    .profitability-area__title{
        text-align: center;
    }

    .wrapper--tabs{
        padding: 0!important;
    }

    .tabs{
        padding: 0;
        position: relative;
    }

    .tab{
        justify-content: flex-start;
        width: 100%;
        border-radius: 8px;
    }

    .tab--active::after{
        display: none;
    }

    .hypothec-area__left{
        width: 100%;
        padding-top: 25px;
    }

    .global-area{
        flex-wrap: wrap;
        padding: 30px 0 30px 0;
    }

    .wrapper--global{
        padding: 0 40px;
    }

    .tabs--global{
        padding: 20px;
    }

    .wrapper--global--tabs{
        flex-wrap: wrap;
    }

    .spec-currecy-legend{
        display: none!important;
    }

    .header__menu{
        display: none;
    }

    .humb{
        position: fixed;
        top: 10px;
        right: 10px;
        display: flex;
        align-items: center;
        background: #f9a265;
        width: 50px;
        height: 50px;
        padding: 7.5px;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
        cursor: pointer;
        z-index: 3;
        transition: 0.2s;
        opacity: 0;
        display: none;
    }

    .humb--show{
        opacity: 1;
    }

    .humb--active{
        background-image: url(/assets/465d5b62/css/../img/closegam.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 42.5%;
        background-position: 50%;
        background-color: #fff;
        z-index: 4;
        box-shadow: none;
    }

    .humb--active svg{
        display: none;
    }

    .header__menu--mobile{
        display: flex;
        width: 390px;
        position: fixed;
        left: calc(100% - 390px);
        height: 100%;
        padding: 30px 0;
        background: #fff;
        opacity: 0;
        overflow-y: scroll;
    }

    .header__menu--mobile--show{
        opacity: 1;
    }

    .header__menu--mobile .wrapper{
        align-content: flex-start;
    }

    .menu{
        padding: 0 10px;
    }

    .menu__ul{
        flex-direction: column;
        align-items: flex-start;
    }

    .menu__li{
        height: auto;
        padding: 0 0;
    }

    .menu__a{
        height: 88px;
        text-transform: none;
        font-weight: 400;
        font-size: 20px;
        color: #000;
    }

    .menu__a:after{
        display: none;
    }

    .mobile-footer{
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        align-self: flex-end;
        margin-top: 200px;
        padding: 0 10px;
        line-height: 21px;
        font-size: 16px;
        color: #666666;
    }

    .mobile-footer div{
        margin-bottom: 20px
    }

    .mobile-footer__linc {
        display: block;
        width: 100%;
        color: #f9a265;
    }

    .menu__ul{
        height: auto;
    }

    .header__menu-title{
        display: flex;
        color: #000;
        text-transform: uppercase;
        font-size: 17px;
        padding: 0 10px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .button-top--show{
        display: none;
    }

    .wrapper--hypothec-area{
        justify-content: center;
        flex-wrap: wrap;
    }

    .hypothec-area__right{
        width: 70%;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .hypothec-area__right{
        width: 95%;
    }

    .index-bn__left,
    .index-bn__right{
        padding: 30px 0;
        width: 100%;
    }

    .index-bn__row{
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
    }

    .index-bn__row--opacity{
        display: none;
    }

    .location{
        justify-content: flex-start;
        padding: 20px 0;
    }

    .location__chois{
        width: 100%;
    }

    .location__buttons{
        width: 100%;
        margin-top: 20px;
    }

    .location__type-market{
        width: 100%;
        height: 45px;
    }

    .location__wrapper-calendars{
        flex-wrap: wrap;
    }

    .location__wrapper-calendars__row{
        width: 100%;
        margin: 10px 0;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year{
        width: 47.5%;
    }

    .wrapper--line{
        padding: 20px;
    }

    .popup__row{
        padding: 5px 0;
    }

    .popup__row::before{
        top: 15px;
    }

    .wrapper--result{
        max-width: 100%;
    }

    .wrapper--result div{
        width: 100%;
    }

    .hypothec-area__result--show{
        height: auto;
    }

    .hypothec-area__close{
        top: 0;
        margin-top: 10px;
        padding-left: 0;
        background-position: 89px center;
    }

    .hypothec-area__result--show{
        padding-bottom: 15px;
    }

    .wrapper--global{
        padding: 0 20px;
    }

    .tabs--global {
        padding: 30px 20px;
    }

    .global-area__wrapper-calendars{
        flex-wrap: wrap;
    }

    .global-area__wrapper-calendars__row{
        width: 100%;
        margin: 10px 0;
    }

    .line-empty{
        height: 500px;
    }
}

@media (max-width: 550px) {
    .header__back{
        display: none;
    }
    .line-empty {
        height: 560px;
    }

    .hypothec-area__right {
        width: 100%;
    }

    .chart-hypothec__dates{
        flex-wrap: wrap;
    }

    .chart-hypothec__cell{
        width: 100%;
        margin: 10px 0;
    }

    .chart > div{
        left: -20px!important;
    }
}

@media (max-width: 480px) {
    .index-bn__cell {
        width: 100%;
        text-align: center;
    }

    .wrapper--one{
        font-size: 18px;
    }

    .evaluate-area__row{
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .evaluate-area__label{
        width: 100%;
        padding-bottom: 5px;
        text-align: left;
    }

   .evaluate-area__row--number{
        width: 100%;
       margin: 40px auto;
    }

    .square__number{
        width: 100%;
    }

    .evaluate-area__right .before-number{
        top: 26px;
        right: 10px;
        left: inherit;
    }

    .evaluate-area__button{
        width: 100%;
    }

    .evaluate-area__reset{
        margin-top: 12.5px;
    }

    .evaluate-area__row--type-rooms{
        height: auto;
    }

    .evaluate-area__row--type-rooms label{
        margin-top: 5px;
        border-right: 1px solid #fff!important;
    }

    .hypothec-area__row--last{
        flex-wrap: wrap;
    }

    .hypothec-area__button{
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .hypothec-area__reset{
        width: 80px;
        padding-left: 0;
        background-position: 60px center;
    }

    .evaluate-area__big-value{
        font-size: 38px;
    }

    .evaluate-area__close-result{
        margin-top: -20px;
    }

    .hypothec-area__row{
        justify-content: space-between;
    }

    .hypothec-area__pre-result{
        justify-content: flex-end;
    }

    .hypothec-area__label{
        justify-content: flex-start;
    }

    .header__menu--mobile{
        width: 300px;
        left: calc(100% - 300px);
    }

    .header__menu--mobile .wrapper{
        padding: 0 5px;
    }

    .menu__li {
        padding: 0 0;
    }

    .menu__a{
        font-size: 14px;
        height: 34px;
    }

    .mobile-footer{
        margin-top: 50px;
        font-size: 14px;
    }

    .humb{
        width: 40px;
        height: 40px;
    }
}