@font-face {
    font-family: reservation;
    src: url('reservation.eot'); /* IE9 Compat Modes */
    src: url('reservation.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        /*url('reservation.woff2') format('woff2'), !* Super Modern Browsers *!*/
    url('reservation.woff') format('woff'), /* Pretty Modern Browsers */
    url('reservation.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('reservation.svg#reservation') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: Universalia1;
    src: url("u1.otf");
}
@font-face {
    font-family: Universalia2;
    src: url("u2.otf");
}
@font-face {
    font-family: 'u2000';
    src: url("u2000.eot");
}
@font-face {
    font-family: 'Rouble';
    src: url("RUBSN.otf");
}
HTML {
    min-width: 1134px;
}
HTML, HTML BODY {
    width: 100%;
    height: 100%;
}

HTML BODY {
    height: 100%;
}

/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
    select {
        direction: rtl !important;
    }
    select option {
        direction: ltr !important;
    }
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
    select {
        direction: rtl !important;
    }
    select option {
        direction: ltr !important;
    }
}

.b-bigfooter:after, .b-calendar UL:after, .b-default-i:after, .clearfix {
    clear: both;
    overflow: hidden;
}

.b-default-form-item .field, .b-order-form-item .field, .b-popup-form-item .field {
    box-sizing: border-box;
    -webkit-appearance: none
}

A, ABBR, ACRONYM, ADDRESS, APPLET, ARTICLE, ASIDE, AUDIO, B, BIG, BLOCKQUOTE, BODY, CANVAS, CAPTION, CENTER, CITE, CODE, DD, DEL, DETAILS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FIGCAPTION, FIGURE, FOOTER, FORM, H1, H2, H3, H4, H5, H6, HEADER, HGROUP, HTML, I, IFRAME, IMG, INS, KBD, LABEL, LEGEND, LI, MARK, MENU, NAV, OBJECT, OL, OUTPUT, P, PRE, Q, RUBY, S, SAMP, SECTION, SMALL, SPAN, STRIKE, STRONG, SUB, SUMMARY, SUP, TABLE, TBODY, TD, TFOOT, TH, THEAD, TIME, TR, TT, U, UL, VAR, VIDEO {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

HTML BODY, HTML INPUT, HTML SELECT, HTML TEXTAREA {
    letter-spacing: .025em;
    font-family: Arial, sans-serif;
}

ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
    display: block
}

BODY {
    line-height: 1;
}

OL, UL {
    list-style: none
}

BLOCKQUOTE, Q {
    quotes: none
}

BLOCKQUOTE:after, BLOCKQUOTE:before, Q:after, Q:before {
    content: '';
    content: none
}

TABLE {
    border-collapse: collapse;
    border-spacing: 0
}

HTML {
    font-size: 62.5%;
    background: #fafaf7;
}

HTML BODY {
    position: relative;
    color: #333;
    -webkit-tap-highlight-color: transparent
}

HTML BODY._menu-opened {
    overflow: hidden
}

HTML A {
    color: #89b72e;
    text-decoration: none
}

HTML INPUT, HTML SELECT, HTML TEXTAREA {
    color: #333
}

.b-actions-list LI, .b-benefits-list LI {
    font-family: Helvetica, Arial, sans-serif
}
::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}
::-moz-placeholder {
    color: #666;
    font-size: 14px;
}
/* Firefox 19+ */
:-moz-placeholder {
    color: #666;
    font-size: 14px;
}
/* Firefox 18- */
:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
}
.b-hidden {
    display: none
}
.res-icon77 {
    font-family: reservation;
    font-size: 19px;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    display: block;
    width: 45px;
    height: 45px;
    color: #7d7d7d;
    background: #eeeeee;
    text-align: center;
    cursor: pointer;
    line-height: 48px;
}
.res-icon7711 {
    color: white !important;
    background: #9acb33 !important;
}
.res-icon-cross77::before {
    content: "\0078";
}
.res-icon-arrow-right77::before {
    content: "\003e";
}
.res-icon-cross77:hover {
    background: #b0b0b0;
    color: white;
}
.res-icon-arrow-right77:hover {
    background: #b0b0b0;
    color: white;
}
.res-icon77.res-icon7711.res-icon-arrow-right77:before{
    margin-right: -3px;
}
.rt-rouble {
    font-family: Rouble;
    font-size: 18px;
}
.rouble {
    font-family: Universalia1;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 1.1ch;
    height: 0;
    padding-top: 1em;
    overflow: hidden
}

.rouble:before {
    content: '\20BD';
    position: relative;
    top: -1em
}

.b-actions .nav > LI:after, .b-bigfooter:after, .b-calendar UL:after, .clearfix {
    content: ''
}

.clearfix {
    display: block
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-5 {
    margin-top: 5px
}

.bg-color-white {
    background: #fff
}

.border-top-1px {
    border-top: 1px solid #ebebdf
}

.margin-bottom-25 {
    margin-bottom: 25px
}

.b-actions-main {
    position: relative;
    width: 940px;
    margin-top: 40px
}

.b-actions-list {
    position: relative;
    width: 960px;
    margin: 0 -10px;
    overflow: hidden
}

.b-actions-list UL {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.b-actions-list LI .dates, .b-actions-list LI .title {
    line-height: 20px;
    font-size: 17px;
    text-transform: uppercase
}

.b-actions-list LI {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 0 10px;
    white-space: normal;
    color: #333
}

.b-actions-list LI > A {
    color: inherit
}

.b-actions-list LI .image {
    width: 300px;
    height: 300px;
    overflow: hidden;
    background: #89b72e
}

.b-actions-list LI .image IMG {
    display: block;
    max-width: 100%;
    border-radius: 3px;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.b-actions-list LI .title {
    margin-top: 20px;
    font-weight: 700
}

.b-actions-list LI .text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.b-actions-list LI > A:hover .image IMG {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.b-actions .arrow {
    position: absolute;
    top: 0;
    width: 68px;
    height: 300px;
    cursor: pointer;
    background: 0 0;
    display: none
}

.b-actions .arrow._active {
    display: block
}

.b-actions .nav > LI, .b-benefits-list LI {
    vertical-align: top;
    display: inline-block
}

.b-actions .arrow._left {
    left: -68px
}

.b-actions .arrow._right {
    right: -68px
}

.b-actions .arrow > .ico {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 20px;
    margin: -10px 0 0 -6px;
    color: #9c3
}

.b-actions .arrow:hover > .ico {
    color: #89b72e
}

.b-actions .nav {
    position: relative;
    margin: 40px 0 -20px;
    width: 100%;
    height: 20px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.b-actions .nav > LI {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.b-actions .nav > LI:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #9c3;
    border-radius: 50%
}

.b-actions .nav > LI:hover:after {
    background: #89b72e
}

.b-actions .nav > LI._active:after {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: #9c3
}

.b-autocomplete LI._cat {
    margin-top: 10px;
    padding: 5px 20px;
    border-top: 1px solid rgba(0, 0, 0, .06);
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.b-autocomplete LI._cat:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.b-autocomplete LI._val {
    padding: 5px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    white-space: nowrap;
    cursor: pointer
}

.b-autocomplete LI._val B {
    color: #333
}

.b-autocomplete LI._val._hover, .b-autocomplete LI._val._selected {
    background: rgba(153, 204, 51, .3)
}

.b-benefits, .b-benefits.b-block {
    background: #9c3
}

.b-benefits-list {
    width: 940px
}

.b-benefits-list > UL {
    width: 960px;
    margin: 0 -10px;
    font-size: 0;
    letter-spacing: 0
}

.b-benefits-list LI {
    margin: 40px 10px 0;
    width: 300px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.b-benefits-list LI IMG {
    max-width: 100%;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: -webkit-transform .5s ease-out, opacity .5s ease-out;
    transition: transform .5s ease-out, opacity .5s ease-out
}

.b-benefits-list LI._invp IMG {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-benefits-list LI P {
    margin-top: 10px
}

.b-bigfooter {
    position: relative;
    width: 100%;
    padding: 60px 0 40px;
    background: #ebebdf
}

.b-bigfooter .b-wrap {
    max-width: 940px
}

.b-bigfooter:after {
    display: block
}

.b-bigfooter .col {
    float: left;
    width: 300px;
    margin-left: 20px
}

.b-bigfooter .col:first-child {
    margin-left: 0
}

.b-bigfooter .col P {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.b-bigfooter .col P:first-child {
    margin-top: 0
}

.b-bigfooter .col P B {
    font-weight: 700
}

.b-bigfooter .col P STRONG {
    font-weight: 700;
    color: #333
}

.b-bigfooter .col IMG {
    max-width: 100%
}

.b-bigfooter .subscribe {
    position: relative;
    width: 200px;
    margin-bottom: 10px
}

.b-bigfooter .subscribe LABEL {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #333
}

.b-bigfooter .subscribe INPUT {
    margin-top: 5px;
    width: 200px;
    height: 28px;
    padding: 3px 28px 3px 8px;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    background: 0 0;
    box-shadow: none;
    outline: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.b-bigfooter .subscribe BUTTON {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 7px 11px;
    border: none;
    outline: 0;
    background: 0 0;
    box-shadow: none;
    cursor: pointer
}

.b-calendar LI._period._from, .b-calendar LI:nth-child(7n+1) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.b-calendar LI._period._to, .b-calendar LI:nth-child(7n+7) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.b-bigfooter .subscribe BUTTON .ico {
    width: 6px;
    height: 10px;
    color: #89b72e
}

.b-bigfooter .ol {
    float: left;
    padding-right: 75px
}

.b-bigfooter .ol SPAN {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: -15px;
    text-align: right
}

.b-bigfooter .ol A {
    position: relative;
    display: block
}

.b-bigfooter .ol A IMG {
    position: absolute;
    bottom: 5px;
    right: -75px
}

.b-calendar {
    position: relative;
    width: 340px;
    padding: 0 10px
}

.b-calendar:first-child {
    margin-top: -2px
}

.b-calendar > .mon {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 45px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: #999
}

.b-calendar > .mon._w1 {
    margin-top: 0
}

.b-calendar > .mon._w2 {
    margin-top: 30px
}

.b-calendar > .mon._w3 {
    margin-top: 60px
}

.b-calendar > .mon._w4 {
    margin-top: 90px
}

.b-calendar > .mon._w5 {
    margin-top: 120px
}

.b-calendar > .mon._w6 {
    margin-top: 150px
}

.b-calendar > .mon._w7 {
    margin-top: 180px
}

.b-calendar UL {
    width: 280px
}

.b-calendar UL:after {
    display: block
}

.b-calendar LI {
    position: relative;
    float: left;
    margin-top: 2px;
    width: 40px;
    height: 28px;
    cursor: pointer
}

.b-calendar LI DIV {
    position: relative;
    width: 20px;
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    color: #333;
    text-align: right
}

.b-calendar LI._hover DIV, .b-calendar LI:hover DIV {
    background: rgba(153, 204, 51, .3)
}

.b-calendar LI._disabled {
    cursor: default
}

.b-calendar LI._disabled DIV {
    color: #333;
    opacity: .33
}

.b-calendar LI._disabled._hover DIV, .b-calendar LI._disabled:hover DIV {
    background: 0 0
}

.b-calendar LI._weekday DIV {
    color: #999
}

.b-calendar LI._period {
    background: rgba(153, 204, 51, .3)
}

.b-calendar LI._period._from DIV, .b-calendar LI._period._to DIV {
    background: #9c3;
    font-weight: 700
}

.b-calendar LI._period._from._weekday DIV, .b-calendar LI._period._to._weekday DIV {
    color: #333
}

.b-calendar LI._period._hover DIV, .b-calendar LI._period:hover DIV {
    background: rgba(153, 204, 51, .3)
}

.b-calendar LI._period._from._hover DIV, .b-calendar LI._period._from:hover DIV, .b-calendar LI._period._to._hover DIV, .b-calendar LI._period._to:hover DIV {
    background: #9c3
}

.b-list-main.b-list-main--cart .b-list-item {
    background: 0 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #ebebdf
}

.b-list-main.b-list-main--cart .b-list-item:first-child {
    border-top: 0 none
}

.b-list-main.b-list-main--cart .b-list-item .hotel-order {
    width: 693px;
    float: left
}

.b-list-main.b-list-main--cart .b-list-item .price-order {
    position: static;
    width: 220px;
    padding: 0 0 0 27px;
    height: 100%;
    float: left;
    text-align: left
}

.b-list-main.b-list-main--cart .b-list-item .price-order .b-filter-additional {
    position: relative;
    width: 100%
}

.b-list-main.b-list-main--cart .b-list-item .price-order .price {
    float: none;
    position: static;
    bottom: auto;
    top: auto;
    font-size: 18px
}

.b-list-main.b-list-main--cart .b-list-item .price-order .price b {
    font-weight: 400
}

.b-list-main.b-list-main--cart .b-list-item .price-order .feature {
    float: none;
    position: static;
    bottom: auto;
    right: auto;
    font-size: 14px
}

.b-list-main.b-list-main--cart .b-list-item .info {
    margin-bottom: 25px
}

.b-list-main.b-list-main--cart .b-list-item .item-description {
    margin: 2px 0 35px
}

.b-list-main.b-list-main--cart .b-list-item .item-description__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

.b-list-main.b-list-main--cart .b-list-item .item-description__text {
    font-size: 14px;
    line-height: 18px
}

.b-list-main.b-list-main--cart .b-list-item .button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
    margin: 20px 0 0
}

.b-list-main.b-list-main--cart .b-list-item .b-rating {
    float: left;
    margin-left: 34px
}

.b-list-main.b-list-main--cart .b-list-item .b-filter-toggle-area {
    display: none
}

.b-list-main.b-list-main--cart .b-list-item .b-filter-content {
    margin-top: 11px
}

.b-list-main.b-list-main--cart .b-list-item .b-filter-additional {
    display: none;
    position: absolute;
    top: 33px;
    right: 0;
    padding-left: 20px;
    float: right;
    width: 23.5%
}

.b-list-main.b-list-main--cart .b-list-item .b-filter-additional__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.b-list-main.b-list-main--cart .b-list-item .b-filter-additional__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #b2b2b2
}

.b-default .button, .b-default-header H2, .b-default-table TBODY .columns LI B, .b-default-table TBODY B {
    font-weight: 700
}

.b-list-main.b-list-main--cart .b-list-item .order-options {
    position: relative;
    padding-top: 34px;
    border-top: 1px solid #ebebdf
}

.b-list-main.b-list-main--cart .b-list-item .order-options__toggle {
    position: relative;
    display: block;
    width: 210px;
    font-size: 14px;
    color: #89b733;
    margin-bottom: 8px
}

.b-list-main.b-list-main--cart .b-list-item .order-options__toggle:hover {
    cursor: pointer
}

.b-list-main.b-list-main--cart .b-list-item .order-options__toggle .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 7px
}

.b-list-main.b-list-main--cart .b-list-item .order-options__toggle .arrow .ico {
    display: block
}

.b-list-main.b-list-main--cart .b-list-item .order-options__toggle .arrow .ico._up {
    display: none
}

.b-list-main.b-list-main--cart .b-list-item .order-options__text {
    font-size: 14px;
    color: #b2b2b2
}

.b-list-main.b-list-main--cart .b-list-item .order-options .ico {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 5px;
    width: 8px;
    height: 5px;
    color: #9c3
}

.b-cart-popup .b-list-main--cart .b-list-item::after, .b-cart-popup.cleared::after, .b-cart-popup.cleared::before, .b-cart-popup::before {
    content: '';
    display: none
}

.b-cart-popup {
    padding: 40px 0 0
}

.b-cart-popup::after {
    content: '';
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ebebdf
}

.b-cart-popup .b-list-main--cart .b-list-item {
    border: 0;
    margin-left: 40px;
    margin-right: 40px
}

.b-cart-popup .b-list-main--cart .b-list-item .hotel-order {
    width: 60%
}

.b-cart-popup .b-list-main--cart .b-list-item .price-order {
    position: relative;
    width: 30%
}

.b-cart-popup .b-list-main--cart .b-list-item .price-order .button {
    margin: 0;
    right: 25px
}

.b-cart-popup .b-list-main--cart .b-list-item .price-order .feature, .b-cart-popup .b-list-main--cart .b-list-item .price-order .price {
    float: none
}

.b-cart-popup .cart-bottom {
    text-align: center;
    background-color: #ebebdf;
    width: 100%;
    height: 80px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.b-cart-popup .cart-bottom .button {
    margin: 20px 0 0;
    width: 220px;
    height: 40px
}

#b-cart .b-order-con {
    height: 416px;
    overflow: hidden;
    padding-bottom: 20px
}

#b-cart .b-order-con .b-list-main {
    position: relative;
    top: 0
}

#b-cart .next, #b-cart .prev {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 19px;
    height: 9px;
    background-image: url(../img/prev-icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

#b-cart .next.disabled, #b-cart .prev.disabled {
    pointer-events: none;
    opacity: .3
}

#b-cart .next:hover, #b-cart .prev:hover {
    cursor: pointer
}

#b-cart .next {
    position: absolute;
    left: 50%;
    margin-left: -9.5px;
    bottom: 95px;
    background-image: url(../img/next-icon.png)
}

.b-default {
    position: relative;
    width: 100%;
    min-width: 1280px;
    height: 100%;
    background: #fafaf7;
    color: #333
}

.b-default-i {
    width: 100%;
    min-height: 100%
}

.b-default-i:after {
    content: '';
    display: block;
    width: 100%;
    height: 100px
}

.b-default .b-footer {
    position: relative;
    width: 100%;
    height: 100px;
    margin-top: -100px;
    padding: 0;
    background: 0 0
}

.b-default .b-footer .b-wrap {
    margin: 0 40px 0 280px;
    width: auto;
    max-width: none;
    padding: 20px 0;
    border-top: 1px solid #ebebdf
}

.b-default ASIDE {
    float: left;
    width: 260px;
    padding-top: 110px
}

.b-default ASIDE NAV {
    margin-left: 40px
}

.b-default ASIDE NAV LI {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #9c3
}

.b-default ASIDE NAV LI A {
    color: inherit
}

.b-default ASIDE NAV LI A:hover {
    color: #89b72e
}

.b-default ASIDE NAV LI._active {
    color: #333
}

.b-default ASIDE NAV LI._active A:hover {
    color: inherit
}

.b-default MAIN {
    float: left;
    width: 980px;
    padding-top: 110px;
    padding-bottom: 40px
}

.b-default-wrapper {
    margin: 0 20px
}

.b-default-header {
    position: relative;
    margin-top: 60px
}

.b-default-header:first-child {
    margin-top: 0
}

.b-default-header H2 {
    font-size: 28px;
    line-height: 40px
}

.b-default-header .breadcrumbs {
    font-size: 12px;
    line-height: 20px;
    color: #89b72e
}

.b-default-header .breadcrumbs A {
    color: inherit
}

.b-default-header .breadcrumbs A:hover {
    color: #000
}

.b-default-header--cart {
    margin-bottom: 8px
}

.b-default-sort {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 0
}

.b-default-sort > .toggle {
    text-align: right;
    cursor: pointer
}

.b-default-sort > .toggle > SPAN {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em
}

.b-default-sort > .toggle B {
    color: #9c3
}

.b-default-sort > .toggle:hover B {
    color: #89b72e
}

.b-default-sort > .toggle > .ico {
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 0 5px;
    width: 8px;
    height: 5px;
    color: #9c3
}

.b-default-form:after, .b-default-table TBODY .buttongroups:after, .b-default-table TBODY .columns:after {
    clear: both;
    content: '';
    overflow: hidden;
    display: block
}

.b-default-sort > .toggle:hover .ico {
    color: #89b72e
}

.b-default-sort > .list {
    position: absolute;
    top: -10px;
    right: -20px;
    max-width: 0;
    background: #fff;
    box-shadow: 0 5px 30px rgba(51, 51, 51, .2);
    border-radius: 3px;
    overflow: hidden;
    opacity: 0;
    transition: max-width 0s .3s, opacity .3s
}

.b-default-sort > .list > LI {
    padding: 10px 20px;
    white-space: nowrap;
    border-top: 1px solid #ebebdf;
    font-size: 14px;
    line-height: 20px;
    color: #9c3;
    cursor: pointer
}

.b-default-sort > .list > LI > SPAN {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-default-sort > .list > LI:first-child {
    border: none
}

.b-default-sort > .list > LI:hover {
    color: #89b72e
}

.b-default-sort > .list > LI._active {
    color: #333
}

.b-default-sort._opened > .list {
    max-width: 280px;
    opacity: 1;
    transition: max-width 0s 0s, opacity .3s
}

.b-default-form {
    margin-right: -20px;
    width: 960px
}

.b-default-form-item {
    position: relative;
    float: left;
    margin: 30px 20px 0 0;
    width: 300px;
    height: 50px
}

.b-default-form-item .calendar, .b-default-form-item SELECT.field + .ico {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    pointer-events: none
}

.b-default-form-item._double {
    width: 620px
}

.b-default-form-item._half {
    float: left;
    width: 140px
}

.b-default-form-item._half._join {
    margin-right: 0;
    width: 150px
}

.b-default-form-item._half._join + ._half {
    margin-left: -1px;
    width: 150px;
    border-left: none
}

.b-default-form-item .calendar {
    width: 48px;
    height: 48px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE2IDEzIj48cGF0aCBmaWxsPSIjOTk5IiBkPSJNMTQgMmMuNTUyIDAgMSAuNDQ4IDEgMXY4YzAgLjU1Mi0uNDQ4IDEtMSAxaC0xMmMtLjU1MiAwLTEtLjQ0OC0xLTF2LThjMC0uNTUyLjQ0OC0xIDEtMWgxMm0wLTFoLTEyYy0xLjEwMyAwLTIgLjg5Ny0yIDJ2OGMwIDEuMTA0Ljg5NyAyIDIgMmgxMmMxLjEwMyAwIDItLjg5NiAyLTJ2LThjMC0xLjEwMy0uODk3LTItMi0yIi8+PHBhdGggc3Ryb2tlPSIjOTk5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTTQuNSAyLjV2LTJNMTEuNSAyLjV2LTJNMSA0LjVoMTQiLz48L3N2Zz4=);
    background-size: 16px 13px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.b-default-form-item .calendar + .field {
    padding-right: 48px
}

.b-default-form-item .field {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 15px 20px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #aaa;
    outline: 0;
    font-size: 14px;
    color: #333
}

.b-default-table TBODY TR, .b-default-table THEAD TR {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.b-default-form-item .field::-webkit-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.b-default-form-item .field::-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.b-default-form-item .field:-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.b-default-form-item SELECT.field + .ico {
    width: 48px;
    height: 48px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMS4xNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iOC4zNjUsMC40NjcgNC41LDQuNTMzIDAuNjM1LDAuNDY3IAkiLz48L3N2Zz4K);
    background-size: 9px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.b-default-form-item SELECT.field option {
    color: #333
}

.b-default-form-item._empty SELECT.field {
    color: rgba(51, 51, 51, .5)
}

.b-default-table {
    margin-top: 20px
}

.b-default-table TABLE {
    width: 100%
}

.b-default-table THEAD {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.b-default-table THEAD .h-ico {
    width: 8px
}

.b-default-table TBODY {
    font-size: 14px;
    line-height: 20px
}

.b-default-table TBODY TR._itemrow-pointer TD {
    cursor: pointer
}

.b-default-table TBODY TR._expandable TD, .b-default-table TBODY TR._selected TD {
    background: #fff
}

.b-default-table TBODY TR._expandable TD:first-child, .b-default-table TBODY TR._expandable TD:last-child, .b-default-table TBODY TR._selected TD:first-child, .b-default-table TBODY TR._selected TD:last-child {
    position: relative
}

.b-default-table TBODY TR._expandable TD:first-child:before, .b-default-table TBODY TR._expandable TD:last-child:after, .b-default-table TBODY TR._selected TD:first-child:before, .b-default-table TBODY TR._selected TD:last-child:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    background: #fff
}

.b-default-table TBODY TR._expandable TD:first-child:before, .b-default-table TBODY TR._selected TD:first-child:before {
    left: -20px
}

.b-default-table TBODY TR._expandable TD:last-child:after, .b-default-table TBODY TR._selected TD:last-child:after {
    right: -20px
}

.b-default-table TBODY TR._selected TD:first-child:before {
    border-top-left-radius: 3px
}

.b-default-table TBODY TR._selected TD:last-child:after {
    border-top-right-radius: 3px
}

.b-default-table TBODY TR._expandable {
    border-bottom: 0
}

.b-default-table TBODY TR._expandable TD {
    padding: 20px 0
}

.b-default-table TBODY TR._expandable TD:first-child:before {
    border-bottom-left-radius: 3px
}

.b-default-table TBODY TR._expandable TD:last-child:after {
    border-bottom-right-radius: 3px
}

.b-default-table TBODY .columns {
    width: 940px
}

.b-default-table TBODY .columns LI {
    float: left;
    width: 220px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .025em
}

.b-default-table TBODY .columns LI:first-child, .b-default-table TBODY .columns LI:nth-child(4n+1) {
    margin-left: 0
}

.b-default-table TBODY .columns LI P .rouble {
    margin-top: 3px;
    line-height: 14px
}

.b-default-table TBODY .buttongroups {
    font-size: 0;
    letter-spacing: 0
}

.b-default-table TBODY .buttongroups > ._left {
    float: left
}

.b-default-table TBODY .buttongroups > ._left .button {
    margin-right: 20px
}

.b-default-table TBODY .buttongroups > ._right {
    float: right
}

.b-default-table TBODY .buttongroups > ._right .button {
    margin-left: 20px
}

.b-default-table TD, .b-default-table TH {
    padding: 10px 0;
    text-align: left
}

.b-default-table .ico {
    width: 8px;
    height: 5px;
    color: #999
}

.b-default .button {
    width: 180px;
    height: 40px;
    box-sizing: border-box;
    margin: 40px 0 0;
    padding: 10px 0;
    background: #9c3;
    box-shadow: 0 0 0 transparent;
    border: none;
    border-radius: 3px;
    outline: 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.b-default .button:hover {
    background: #89b72e;
    box-shadow: 0 3px 7px rgba(51, 51, 51, .1)
}

.b-default .button._big {
    height: 50px;
    padding: 15px 0;
    font-size: 17px
}

.b-default .button._danger {
    background: #de4141
}

.b-default .button._danger:hover {
    background: #c33
}

.b-filter {
    position: relative;
    margin: 0 20px;
    padding: 20px 0;
    min-width: 570px
}

.b-filter .b-searchform-dropdown {
    z-index: 3
}

.b-filter._closed {
    min-width: 560px
}

.b-filter._closed .b-filter-row, .b-filter._closed .xclose {
    display: none
}

.b-filter-con {
    background: #fafaf7;
    border-radius: 3px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2)
}

.b-filter-wrap {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-filter._visible .b-filter-wrap {
    overflow: visible
}

.b-filter-main._rendered {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-filter-head {
    position: relative;
    height: 20px;
    padding: 20px;
    background: #fff
}

.b-filter-head .h__date, .b-filter-head .h__guests {
    display: block;
    float: left;
    margin-top: 3px;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.b-filter-head .h__guests {
    margin-left: 20px
}

.b-filter-head .logo {
    position: absolute;
    top: 20px;
    left: 20px;
    margin-top: -7px
}

.b-filter-head .logo > IMG {
    max-width: 100%;
    vertical-align: middle
}

.b-filter-head .toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.b-filter-location-field, .b-filter-location-field > INPUT {
    outline: 0;
    font-weight: 700;
    line-height: 20px;
    font-size: 17px
}

.b-filter-agent-field, .b-filter-agent-field > INPUT {
    outline: 0;
    font-weight: 700;
    line-height: 20px;
    font-size: 17px
}

.b-filter-head .toggle:hover {
    color: #9c3
}

.b-filter-head .toggle SPAN {
    display: inline-block;
    vertical-align: top
}

.b-filter-head .toggle .ico {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 7px;
    width: 12px;
    height: 7px
}

.b-filter-head .toggle .ico._up {
    display: none
}

.b-filter._opened .b-filter-head .toggle .ico._up {
    display: inline-block
}

.b-filter._opened .b-filter-head .toggle .ico._down {
    display: none
}

.b-filter-head .xclose {
    float: right;
    margin-top: 3px;
    width: 15px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggc3Ryb2tlPSIjQ0ZDRUNDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0uNS41bDE0IDE0TTE0LjUuNWwtMTQgMTQiLz48L3N2Zz4=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-filter-head .arrow-top {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 15px;
    margin-top: 3px;
    width: 15px;
    color: #9c3;
    cursor: pointer
}

.b-filter-head .arrow-top .ico {
    width: 100%;
    height: 100%
}

.b-filter-head .arrow-top .ico._down {
    display: block
}

.b-filter-head .arrow-top .ico._up, .b-filter._expanded .b-filter-head .arrow-top .ico._down {
    display: none
}

.b-filter._expanded .b-filter-head .arrow-top .ico._up {
    display: block
}

.b-filter-head:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-filter-head .b-searchform-dropdown {
    min-width: 50%
}

.b-filter-head .b-filter-location {
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
}
.b-filter-agentdropdown {
    position: relative;
}

.b-filter-agentdropdown .b-filter-field._filled {
    cursor: pointer;
}

.b-filter-location-field,
.b-filter-agent-field {
    position: relative;
    width: 100%;
    height: 20px;
    color: #333;
    white-space: nowrap;
    cursor: pointer
}
.b-filter-agent-field {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid rgba(235, 235, 223, 0.75);
}

.b-filter-location-field > INPUT,
.b-filter-agent-field > INPUT {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: 0 0;
    letter-spacing: .015em;
    color: #000
}

.b-filter-agent-field > INPUT {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: 0 0;
    letter-spacing: .015em;
    padding: 9px 5px 9px 10px;
    font-size: 14px;
    font-weight: normal;
}

.b-backtolist-con, .b-filter-dropdown, .b-filter-dropdown .con {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2)
}

.b-filter-location-field .placeholder,
.b-filter-agent-field .placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #999
}

.b-filter-location-field .val,
.b-filter-agent-field .val {
    display: none;
    position: relative;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
    width: 90%;
}

.b-filter-agent-field .val {
    font-size: 14px;
    font-weight: normal;
    display: inline;
}

.b-filter-location-field .val:after,
.b-filter-agent-field .val:after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 40px;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 100%)
}

.b-filter-row._top .b-filter-location-field .val:after,
.b-filter-row._top .b-filter-agent-field .val:after {
    display: none
}

.b-filter-location-field .clr,
.b-filter-agent-field .clr {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggc3Ryb2tlPSIjQ0ZDRUNDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0uNS41bDE0IDE0TTE0LjUuNWwtMTQgMTQiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 50% 50%;
    cursor: pointer
}

.b-filter-location-field .hiddens,
.b-filter-agent-field .hiddens {
    width: 0;
    height: 0;
    overflow: hidden
}

.b-filter-location-field._filled .placeholder,
.b-filter-agent-field._filled .placeholder {
    display: none
}

.b-filter-location-field._filled .clr, .b-filter-location-field._filled .val,
.b-filter-agent-field._filled .clr, .b-filter-agent-field._filled .val {
    display: block
}

.b-filter-location-field._focused > INPUT,
.b-filter-agent-field._focused > INPUT {
    width: 100%
}

.b-filter-location-field._filled._focused .val, .b-filter-location-field._focused .placeholder, .b-filter-location-field._focused .val,
.b-filter-agent-field._filled._focused .val, .b-filter-agent-field._focused .placeholder, .b-filter-agent-field._focused .val {
    display: none
}

.b-filter-row {
    min-height: 40px;
    padding: 20px;
    border-bottom: 1px solid #ebebdf
}

.b-filter-row._top {
    position: relative;
    min-height: 20px
}

.b-filter-row:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-filter-title {
    float: left;
    width: 30%;
    height: 20px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0
}

.b-filter-content {
    float: left;
    width: 70%
}

.b-filter-content._top {
    margin-top: -10px;
    width: 30% !important;
    padding-right: 35px;
    box-sizing: border-box
}
.b-filter-content._top li {
    width: 100% !important;
}

.b-filter-content > .cols {
    margin: 0 -10px
}

.b-filter-content > .cols > LI {
    float: left;
    width: 50%
}

.b-filter-comp {
    position: relative;
    margin: 0 10px;
    cursor: pointer;
    margin-bottom: 5px;
}

li .b-filter-comp.paxes:not(:first-child){
    /*display: none;*/
}

.b-filter-field {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(235, 235, 223, .75)
}

.b-header-cart, .b-header-user {
    border-left: 1px solid #ebebdf
}

.b-filter-field .placeholder, .b-filter-field .val {
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.b-filter-field .placeholder {
    color: #999
}

.b-filter-field .val {
    display: none;
    color: #333
}

.b-filter-field .val:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 100%)
}

.b-filter-field .ico {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    color: #333;
    opacity: .4
}

.b-filter-field .hiddens {
    width: 0;
    height: 0;
    overflow: hidden
}

.b-filter-field._filled .placeholder {
    display: none
}

.b-filter-field._filled .val {
    display: block
}

.b-filter-dropdown {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .3s, max-height 0s .3s
}

.b-filter-dropdown._opened {
    opacity: 1;
    max-height: 305px;
    transition: opacity .3s, max-height 0s 0s
}

.b-filter-dropdown:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-filter-dropdown .con {
    float: left;
    min-width: 100%;
    padding: 10px 0;
    background: #fff;
    border-radius: 3px
}

.b-filter-range {
    position: relative;
    width: 100%;
    padding-top: 27px
}

.b-filter-range .slider {
    position: relative;
    width: 100%;
    height: 3px;
    background: rgba(235, 235, 223, .75);
    border-radius: 2px
}

.b-filter-range .slider .ui-slider-range {
    position: absolute;
    top: -1px;
    height: 5px;
    background: #9c3
}

.b-filter-checklist LI > DIV:after, .b-filter-range .slider .ui-slider-handle:after {
    content: '';
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-filter-range .slider .ui-slider-handle {
    position: absolute;
    top: -5px;
    margin-left: -7px;
    width: 14px;
    height: 13px;
    outline: 0;
    user-select: none
}

.b-filter-checklist LI, .b-filter-range .slider .ui-slider-handle {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.b-filter-range .slider .ui-slider-handle:after {
    position: absolute;
    top: -6px;
    left: -3px;
    width: 22px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjIgMjQiPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz48L2ZpbHRlcj48cmVjdCBpZD0iciIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idHJhbnNwYXJlbnQiIC8+PHBhdGggaWQ9Im0iIGQ9Ik03IDFsLTYgM3YxMWgxMnYtMTF6IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZyBpZD0iZzEiPjx1c2UgeGxpbms6aHJlZj0iI3IiIC8+PHVzZSB4PSIzIiB5PSIzIiB4bGluazpocmVmPSIjbSIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDAwIiAvPjwvZz48ZyBpZD0iZzIiPjx1c2UgeGxpbms6aHJlZj0iI3IiIC8+PHVzZSB4PSIzIiB5PSIzIiB4bGluazpocmVmPSIjbSIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjZmZmIiAvPjwvZz48L2RlZnM+PHVzZSB4PSIxIiB5PSIxIiB4bGluazpocmVmPSIjZzEiIGZpbHRlcj0idXJsKCNiKSIgb3BhY2l0eT0iMC4yIiAvPjx1c2UgeGxpbms6aHJlZj0iI2cyIiAvPjwvc3ZnPg==)
}

.b-filter-range .slider .hiddens {
    width: 0;
    height: 0;
    overflow: hidden
}

.b-filter-range .label {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 70px;
    height: 14px;
    margin-left: -35px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    letter-spacing: 0
}

.b-filter-range .label SPAN {
    display: inline-block;
    vertical-align: top
}

.b-filter-range .label SPAN + SPAN {
    margin-left: 5px
}

.b-filter-rate {
    width: 100%;
    height: 30px;
    margin-top: 5px
}

.b-filter-rate UL {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -20px
}

.b-filter-rate LI {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding: 9px 0 10px;
    cursor: pointer
}

.b-filter-rate LI .b-rating:after {
    top: -18px
}

.b-filter-rate LI._selected .b-rating:after {
    top: 0
}

.b-filter-checklist UL {
    margin-right: -20px
}

.b-filter-checklist UL:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-filter-checklist LI {
    float: left;
    margin-top: 10px;
    width: 50%;
    color: #999;
    user-select: none
}

.b-filter-checklist LI > DIV {
    position: relative;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px
}

.b-filter-checklist LI > DIV:after {
    display: none;
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0uMDY0IDQuODM5bDEuNzc2IDIuOTRjLjA4Ny4xNDQuMjUuMjI5LjQyMi4yMjEuMTcyLS4wMTEuMzIzLS4xMTIuMzk0LS4yNjguMDE3LS4wMzggMS43ODMtMy44NzIgNS4xOTYtNi45NS4xODYtLjE2Ny4xOTgtLjQ1My4wMjctLjYzNi0uMDg3LS4wOTItLjIxMS0uMTQ2LS4zMzktLjE0Ni0uMTE2IDAtLjIyNi4wNDItLjMxMS4xMTktMy4wNjkgMi43NjctNC42MTggNS4yNTUtNS4wMDcgNS45NjlsLTEuMzYzLTEuNzAzYy0uMDg2LS4xNDMtLjIzOC0uMjI3LS40LS4yMjctLjA4MiAwLS4xNjMuMDIxLS4yMzMuMDYzLS4yMTkuMTI3LS4yOTEuNDA0LS4xNjIuNjE4Ii8+PC9zdmc+)
}

.b-filter-checklist LI._selected, .b-filter-checklist LI:hover {
    color: #333
}

.b-filter-checklist LI._selected > DIV:after {
    display: block
}

.b-filter-checklist LI._selected:hover {
    color: #999
}

.b-filter-expand {
    padding: 10px 20px;
    color: #9c3;
    cursor: pointer;
    user-select: none
}

.b-filter-expand, .b-guests-item .count {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.b-filter-expand:hover {
    color: #89b72e
}

.b-filter-expand:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-filter-expand .title {
    float: left;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.b-filter-expand .title ._on {
    display: inline
}

.b-filter-expand .title ._off, .b-filter._expanded .b-filter-expand .title ._on {
    display: none
}

.b-filter._expanded .b-filter-expand .title ._off {
    display: inline
}

.b-filter-expand .arrow {
    float: right;
    margin-top: 7px;
    width: 12px;
    height: 7px
}

.b-filter-expand .arrow .ico {
    width: 100%;
    height: 100%
}

.b-filter-expand .arrow .ico._down {
    display: block
}

.b-filter-expand .arrow .ico._up, .b-filter._expanded .b-filter-expand .arrow .ico._down {
    display: none
}

.b-filter._expanded .b-filter-expand .arrow .ico._up {
    display: block
}

@media all and (min-width: 1600px) {
    .b-filter-checklist LI {
        width: 33.3%
    }
}

.b-footer {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 20px 0;
    background: #fff
}

.b-footer .social A._fb, .b-footer .social A._tw, .b-footer .social A._vk {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-footnav + .b-footer {
    margin-top: 1px
}

.b-footer:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-footer .col {
    float: left;
    width: 40%;
    font-size: 0
}

.b-footer .col._r {
    float: right;
    width: 60%;
    text-align: right
}

.b-footer .col._r P {
    padding-right: 75px
}

.b-footer .col._r P SPAN {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    margin-right: -15px;
    text-align: right
}

.b-footer .col._r P A {
    position: relative;
    display: block
}

.b-footer .col._r P A IMG {
    position: absolute;
    bottom: 5px;
    right: -75px
}

.b-footnav, .b-guests-item {
    height: 20px;
    position: relative
}

.b-footer P {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.b-footer .social {
    height: 20px;
    font-size: 0
}

.b-footer .social LI {
    display: inline-block;
    vertical-align: top;
    height: 14px;
    margin: 3px 10px 0 0
}

.b-footer .social A {
    display: block;
    height: 14px
}

.b-footer .social A._vk {
    width: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxNCI+PHBhdGggZmlsbD0iIzljMyIgZD0iTTcuMDA0IDYuODQxdi0uMDM5YzEuNDU3LS41NCAyLjEyNy0xLjYyIDIuMTI3LTIuNzc3IDAtMS4xNzgtLjY1LTIuMDY1LTEuNTUyLTIuNTQ3LS45MzgtLjU2LTIuMDMtLjczMy0zLjgxMy0uNzMzLTEuNDUxLS4wMDEtMi45OTcuMTE0LTMuNzY2LjI2N3YxMi43NzVjLjY1Mi4wOTcgMS43MjEuMTkyIDMuMTUzLjE5MiAyLjU2NyAwIDQuMTM5LS40MjUgNS4wNzctMS4xNzcuODA1LS42NTYgMS4zNDItMS41ODIgMS4zNDItMi43NiAwLTEuNjc3LTEuMDkyLTIuNzk2LTIuNTY4LTMuMjAxem0tNC4xMTktMy44NzhjLjI0OS0uMDM5LjYxMy0uMDc3IDEuMjQ2LS4wNzcgMS4zMjIgMCAyLjA2OC41MjEgMi4wNjggMS41MDUgMCAuOTY1LS44MjMgMS42MDItMi4zNTYgMS42MDJoLS45NTh2LTMuMDN6bTEuMTMxIDguODM2Yy0uNDk4IDAtLjg0MyAwLTEuMTMtLjAzOHYtMy42NjZoLjk5N2MxLjQ1NiAwIDIuNjI0LjUyMSAyLjYyNCAxLjgzMy0uMDAxIDEuMzctMS4xNjkgMS44NzEtMi40OTEgMS44NzF6Ii8+PC9zdmc+)
}

.b-footer .social A._fb {
    width: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48cGF0aCBmaWxsPSIjOWMzIiBkPSJNNy41NjggNy41MjF2LTIuNjc2aC0yLjYyN3YtMS4zNzFjMC0uNDYyLjI3Ny0uODA4LjUyNS0uODA4aDIuMTAydi0yLjY2NmgtMi4xMDFjLTEuNzM3IDAtMy4xNSAxLjU2OS0zLjE1IDMuNDk5djEuMzQ2aC0yLjEwM3YyLjY3NmgyLjEwM3Y2LjQ3OWgyLjYyNXYtNi40NzloMi42MjZ6Ii8+PC9zdmc+)
}

.b-footer .social A._tw {
    width: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PHBhdGggZmlsbD0iIzljMyIgZD0iTTE0LjU5MSAxLjY5MWMtLjU4NC4zNDItMS4yMzIuNTktMS45MjEuNzIyLS41NTEtLjU3Ny0xLjMzOC0uOTM4LTIuMjA4LS45MzgtMS42NzEgMC0zLjAyNCAxLjMzMy0zLjAyNCAyLjk3NiAwIC4yMzMuMDI1LjQ2Mi4wNzguNjc5LTIuNTE1LS4xMjUtNC43NDUtMS4zMS02LjIzNi0zLjExLS4yNi40MzktLjQxLjk1LS40MSAxLjQ5NSAwIDEuMDMyLjUzNCAxLjk0NCAxLjM0NSAyLjQ3OS0uNDk1LS4wMTUtLjk2Mi0uMTQ5LTEuMzctLjM3MnYuMDM3YzAgMS40NDMgMS4wNDMgMi42NDYgMi40MjcgMi45Mi0uMjUzLjA2Ny0uNTIxLjEwNS0uNzk3LjEwNS0uMTkzIDAtLjM4My0uMDE5LS41NjgtLjA1NC4zODUgMS4xODMgMS41MDEgMi4wNDQgMi44MjcgMi4wNjctMS4wMzYuNzk5LTIuMzQgMS4yNzUtMy43NTcgMS4yNzUtLjI0NCAwLS40ODYtLjAxNy0uNzIyLS4wNDIgMS4zMzkuODQ1IDIuOTMgMS4zMzcgNC42MzggMS4zMzcgNS41NjMgMCA4LjYwNi00LjUzNiA4LjYwNi04LjQ3bC0uMDEtLjM4NWMuNTkyLS40MiAxLjEwNC0uOTQzIDEuNTA5LTEuNTQ0LS41NDMuMjM4LTEuMTI2LjM5Ny0xLjczNi40NjkuNjIzLS4zNjcgMS4xMDItLjk1IDEuMzI5LTEuNjQ2eiIvPjwvc3ZnPg==)
}

.b-footnav {
    width: 100%;
    padding: 10px 0;
    background: #fff
}

.b-footnav:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-footnav P A, .b-footnav P B {
    vertical-align: top;
    display: inline-block
}

.b-footnav .col {
    float: left;
    width: 75%;
    font-size: 0
}

.b-footnav .col._r {
    float: right;
    width: 25%;
    text-align: right
}

.b-footnav P {
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.b-footnav P B {
    font-weight: 700
}

.b-footnav P A {
    margin-left: 20px;
    color: #999
}

.b-footnav P A:hover {
    color: #89b72e
}

.b-guests {
    /*min-width: 250px;*/
    min-width: 280px;
    margin: -10px 0
}

.b-guests-item {
    padding: 10px 20px 10px 20px;
    /*border-top: 1px solid rgba(0, 0, 0, .06)*/
}

.b-guests-item:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-guests-item:first-child {
    border-top: none
}

.b-guests-item .label {
    float: left;
    width: 80px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #333;
    font-weight: normal;
    margin-right: 15px;
    text-align: left;
}

.b-guests-item .count {
    position: relative;
    /*float: right;*/
    float: left;
    max-width: 120px;
    padding: 3px 20px;
    white-space: nowrap;
    user-select: none;
    width: 100px;
}

.b-guests-item .count .dec, .b-guests-item .count .inc {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.b-guests-item .count .dec:after, .b-guests-item .count .dec:before, .b-guests-item .count .inc:after, .b-guests-item .count .inc:before {
    content: '';
    position: absolute;
    /*background: ##9c3;*/
    background: white;
}

.b-guests-item .count .dec:before, .b-guests-item .count .inc:before {
    top: 9px;
    left: 6px;
    width: 8px;
    height: 2px
}

.b-guests-item .count .dec:hover:after, .b-guests-item .count .dec:hover:before, .b-guests-item .count .inc:hover:after, .b-guests-item .count .inc:hover:before {
    /*background: #89b72e*/
}

.b-guests-item .count .dec._disabled, .b-guests-item .count .inc._disabled {
    cursor: default;
    /*opacity: .25*/
}

.b-guests-item .count .dec {
    top: 3px;
    left: 0;
    background: #9c3;
    border-radius: 10px;
}

.b-guests-item .count .inc {
    top: 3px;
    right: 0;
    background: #9c3;
    border-radius: 10px;
}

.b-guests-item .count .inc:after {
    top: 6px;
    left: 9px;
    width: 2px;
    height: 8px
}

.b-guests-item .count .val {
    /*width: 20px;*/
    font-size: 17px;
    line-height: 20px;
    /*font-weight: 700;*/
    letter-spacing: 0;
    color: #333;
    text-align: center
}

.b-guests-item .count[data-nouns] .val {
    width: 60px;
    white-space: nowrap;
    text-align: center;
}

.b-guests-item .remove-child {
    position: absolute;
    top: 23px;
    right: 15px;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEX////o6Ojw8PDp6emfn5+kpKSjo6OZmZnx8fHv7++enp4ytGAlAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFxJREFUCNdjYFRgYGBgMmAQCQLSas4MqqUKDEzpEQxM4UEM00obGIACmkAuUE14GIgLFCgHcYGKy0FagIpDS0FmTCttAmph4AQqBpkB0gsyQwSkWHUhAzNIL5MAAO/dEuWevlIyAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.b-guests-item .remove-child:hover {
    cursor: pointer
}

.b-guests-add {
    height: 20px;
    padding: 10px 10px 10px 27px;
    /*border-top: 1px solid rgba(0, 0, 0, .06);*/
    /*text-align: center*/
}

.b-guests-add > DIV {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #9c3
}

.b-guests-add > DIV:hover {
    color: #89b72e
}

.b-guests-add > DIV > SPAN {
    /*display: none*/
}

.b-guests-add._extended > DIV > SPAN {
    display: inline
}

.b-guests-add._disabled {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.b-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 70px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}
.header-wrapper {
    z-index: 9000;
    width: 100%;
    display: inline-block;
    height: 68px;
    /*box-shadow: 0 5px 20px rgba(0, 0, 0, .1)*/
}
.b-header2 {
    /*position: fixed;*/
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

.b-header:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-header-nav {
    position: relative;
    float: left;
    width: 100px;
    height: 70px
}

.b-header-nav .toggle {
    position: absolute;
    top: 18px;
    left: 30px;
    width: 40px;
    height: 35px;
    cursor: pointer
}

.b-header-nav .toggle > I {
    position: absolute;
    top: 16px;
    left: 10px;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #999;
    transition: -webkit-transform .5s 0s ease-in-out, top .5s .5s ease-in-out, opacity 0s .5s linear;
    transition: transform .5s 0s ease-in-out, top .5s .5s ease-in-out, opacity 0s .5s linear
}

.b-header-nav .toggle > I:first-child {
    top: 10px
}

.b-header-nav .toggle > I:last-child {
    top: 22px
}

.b-header-nav .toggle._active > I {
    opacity: 0;
    transition: -webkit-transform .5s .5s ease-in-out, top .5s 0s ease-in-out, opacity 0s .5s linear;
    transition: transform .5s .5s ease-in-out, top .5s 0s ease-in-out, opacity 0s .5s linear
}

.b-header-nav .toggle._active > I:first-child {
    opacity: 1;
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b-header-nav .toggle._active > I:last-child {
    opacity: 1;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-header-main {
    float: left;
    /*width: calc(100% - 735px);*/
    height: 70px
}

.b-header-main2 {
    padding-left: 40px;
    float: left;
    width: 180px;
    height: 70px
}

.b-header-main .logo,
.b-header-main2 .logo {
    float: left;
    margin-top: 15px
}

.b-header-contact,
.b-header-contact2 {
    float: right;
    margin: 31px 25px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.b-header-contact B,
.b-header-contact2 B {
    font-size: 14px;
    font-weight: 700
}

.b-header-contact A,
.b-header-contact2 A {
    margin-left: 20px;
    color: inherit
}

.b-header-contact A:hover,
.b-header-contact2 A:hover {
    color: #89b72e
}

.b-header-cart {
    float: right;
    width: 180px;
    height: 70px
}

.b-header-cart .in {
    margin: 18px 0 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.b-header-cart .in H6 {
    font-weight: 700
}

.b-header-cart .in H6 A {
    display: inline-block;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzljMyIgZD0iTTIuNzY2IDMuMTJsLTEuMjEtMy4xMmgtMS41NTZsMy42MyA5LjM2aDguODE0bDEuNTU2LTYuMjRoLTExLjIzNHptMy4xODcgNy4yODZjLS43MTYgMC0xLjI5Ny41ODEtMS4yOTcgMS4yOTdzLjU4MSAxLjI5NyAxLjI5NyAxLjI5NyAxLjI5Ny0uNTgxIDEuMjk3LTEuMjk3LS41ODEtMS4yOTctMS4yOTctMS4yOTd6bTQuMTU2IDBjLS43MTcgMC0xLjI5Ny41ODEtMS4yOTcgMS4yOTdzLjU4MSAxLjI5NyAxLjI5NyAxLjI5NyAxLjI5Ny0uNTgxIDEuMjk3LTEuMjk3LS41ODEtMS4yOTctMS4yOTctMS4yOTd6Ii8+PC9zdmc+);
    background-size: 14px 13px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    color: inherit
}

.b-header-cart .in H6 A:hover {
    color: #89b72e
}

.b-header-cart .in P {
    margin-top: 4px
}

.b-header-user {
    float: right;
    width: 200px;
    height: 70px
}

.b-header-user .logo {
    float: left;
    margin: 20px 0 0 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: #ebebdf;
    text-align: center
}

.b-header-user .logo IMG {
    max-width: 100%;
    vertical-align: middle
}

.b-header-user .desc {
    float: left;
    margin: 18px 0 0 10px;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.b-header-user .desc H6 {
    font-weight: 700
}

.b-header-user .desc H6 A {
    color: inherit
}

.b-header-user .desc H6 A:hover {
    color: #89b72e
}

.b-header-user .desc P {
    margin-top: 4px
}

.b-header-user .desc P A {
    color: #999
}

.b-header-user .desc P A:hover {
    color: #89b72e
}

.b-hotel-gallery {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 0;
    background: rgba(51, 51, 51, .75);
    overflow: hidden;
    opacity: 0;
    transition: height 0s .6s, opacity .6s
}

.b-hotel-gallery._active {
    height: 100%;
    overflow: auto;
    opacity: 1;
    transition: height 0s 0s, opacity .6s
}

.b-hotel-gallery .con {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    background: #fafaf7;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-hotel-gallery UL {
    position: relative;
    width: 500px;
    max-width: 1000px;
    padding-top: 100%;
    transition: all .5s ease-in-out
}

.b-hotel-gallery LI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s 0s;
    opacity: 0
}

.b-hotel-gallery LI._active {
    z-index: 3;
    transition: opacity .3s .3s;
    opacity: 1;
    cursor: pointer
}

.b-hotel-gallery IMG {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3
}

.b-hotel-gallery IMG._loaded {
    opacity: 1
}

.b-hotel-gallery .arrow {
    position: absolute;
    top: 50%;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    color: #999;
    cursor: default
}

.b-hotel-gallery .arrow._active {
    color: #9c3;
    cursor: pointer
}

.b-hotel-gallery .arrow .ico {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 19px;
    height: 32px;
    opacity: .75;
    transition: opacity .3s
}

.b-hotel-gallery .arrow._left {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, .25) 0, transparent 100%)
}

.b-hotel-gallery .arrow._left .ico {
    left: 60px
}

.b-hotel-gallery .arrow._right {
    right: 0;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .25) 100%)
}

.b-hotel-gallery .arrow._right .ico {
    right: 60px
}

.b-hotel-gallery .arrow._active:hover .ico {
    opacity: 1
}

.b-hotel {
    position: relative;
    width: 780px
}

.b-hotel._disabled:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(250, 250, 247, .75)
}

.b-hotel-head {
    position: relative
}

.b-hotel-info {
    width: 500px;
    padding: 20px 240px 20px 40px;
    background: #fff
}

.b-hotel-info._fixed {
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0
}

.b-hotel-info._fixed:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0, transparent 100%)
}

.b-hotel-info:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-hotel-info .title {
    float: left;
    margin-right: 20px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .015em;
    font-weight: 700;
    color: #333
}

.b-hotel-info .b-rating {
    float: left;
    margin: 11px 0 10px
}

.b-hotel-info .address {
    clear: left;
    padding-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.b-hotel-info .button {
    position: absolute;
    top: 0;
    right: 40px;
    width: 180px;
    height: 100%;
    background: #9c3;
    cursor: pointer
}

.b-hotel-info .button .price {
    position: absolute;
    top: 50%;
    left: 0;
    width: 180px;
    height: 50px;
    margin-top: -25px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.b-hotel-info .button .price B {
    font-size: 28px;
    font-weight: 700
}

.b-hotel-info .button .price SMALL {
    display: block;
    font-size: 14px;
    line-height: 22px;
    opacity: .5
}

.b-hotel-info .button:hover .price > SMALL {
    opacity: 1
}

.b-hotel-info .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #89b72e
}

.b-hotel-info .arrow .ico {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 14px;
    width: 8px;
    height: 13px;
    color: #fff
}

.b-hotel-image {
    position: relative;
    width: 100%;
    height: 380px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer
}

.b-hotel-image .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 99px;
    height: 100%;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .25) 100%);
    color: #fff
}

.b-hotel-image .arrow .ico {
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: -16px;
    width: 19px;
    height: 32px;
    opacity: .75;
    transition: opacity .3s
}

.b-hotel-image .arrow:hover .ico {
    opacity: 1
}

.b-hotel-text {
    margin-top: 20px;
    padding: 20px 40px;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: .015em;
    color: #333
}

.b-hotel-text .wrap {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-hotel-text .toggle {
    display: inline-block;
    font-size: 14px;
    color: #9c3;
    cursor: pointer
}

.b-hotel-text .toggle:hover {
    color: #999
}

.b-hotel-text .toggle SPAN:after {
    display: inline-block;
    margin-left: 5px
}

.b-hotel-text .toggle SPAN.off, .b-hotel-text._expanded .toggle SPAN.on {
    display: none
}

.b-hotel-text .toggle SPAN.on:after {
    content: '+'
}

.b-hotel-text .toggle SPAN.off:after {
    content: '-'
}

.b-hotel-text._expanded .toggle SPAN.off {
    display: inline
}

.b-hotel-text._full .wrap {
    height: auto;
    overflow: visible
}

.b-hotel-text._full .toggle {
    display: none
}

.b-hotel-services {
    position: relative;
    margin: 0 40px;
    padding: 10px 0 20px
}

.b-hotel-text + .b-hotel-services {
    margin-top: -10px;
    padding-top: 0
}

.b-hotel-services UL {
    margin-right: -20px;
    width: 720px
}

.b-hotel-services UL:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-hotel-services LI {
    float: left;
    margin-top: 10px;
    width: 360px;
    min-height: 20px;
    color: #333
}

.b-layout, .b-layout MAIN .b-hotel, .b-layout MAIN .b-list, .b-main {
    /*min-height: 100%;*/
    /*height: 100% !important;*/
}

.b-hotel-services LI > DIV {
    position: relative;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px
}

.b-hotel-services LI > DIV:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0uMDY0IDQuODM5bDEuNzc2IDIuOTRjLjA4Ny4xNDQuMjUuMjI5LjQyMi4yMjEuMTcyLS4wMTEuMzIzLS4xMTIuMzk0LS4yNjguMDE3LS4wMzggMS43ODMtMy44NzIgNS4xOTYtNi45NS4xODYtLjE2Ny4xOTgtLjQ1My4wMjctLjYzNi0uMDg3LS4wOTItLjIxMS0uMTQ2LS4zMzktLjE0Ni0uMTE2IDAtLjIyNi4wNDItLjMxMS4xMTktMy4wNjkgMi43NjctNC42MTggNS4yNTUtNS4wMDcgNS45NjlsLTEuMzYzLTEuNzAzYy0uMDg2LS4xNDMtLjIzOC0uMjI3LS40LS4yMjctLjA4MiAwLS4xNjMuMDIxLS4yMzMuMDYzLS4yMTkuMTI3LS4yOTEuNDA0LS4xNjIuNjE4Ii8+PC9zdmc+);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-hotel-services .wrap {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-hotel-services .toggle {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 220px;
    padding-left: 20px;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    color: #9c3;
    cursor: pointer
}

.b-hotel-services .toggle:hover {
    color: #999
}

.b-list-head B, .b-list-item .title {
    font-weight: 700;
    font-size: 17px;
    color: #333
}

.b-hotel-services .toggle SPAN:after {
    display: inline-block;
    margin-left: 5px
}

.b-hotel-services .toggle SPAN.off, .b-hotel-services._expanded .toggle SPAN.on {
    display: none
}

.b-hotel-services .toggle SPAN.on:after {
    content: '+'
}

.b-hotel-services .toggle SPAN.off:after {
    content: '-'
}

.b-layout MAIN:after, .b-list-item .title:after, .b-list-item:after, .b-list._loading:after {
    content: ''
}

.b-hotel-services._expanded .toggle SPAN.off {
    display: inline
}

.b-hotel-services._full .wrap {
    height: auto;
    overflow: visible
}

.b-hotel-services._full .toggle {
    display: none
}

.b-hotel .b-rooms {
    margin: 20px 0 0
}

.b-layout {
    position: relative;
    width: 100%;
    min-width: 1340px
}

.b-layout ASIDE {
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 600px;
    /*min-width: 740px;*/
    min-width: calc(100% - 600px);
    background: #fafaf7;
    overflow: auto
}

.b-block .video-container, .b-list-item .image, .b-list-item .title, .b-list-item:after, .b-list-sort > .list, .b-main-header:after, .b-map-object, .b-nav, .b-stickyheader:after {
    overflow: hidden
}

.b-layout ASIDE > .wrap {
    position: relative;
    width: 100%;
    min-height: 100%
}

.b-layout._shifted ASIDE {
    right: 780px;
    min-width: 560px
}

.b-layout MAIN {
    position: relative;
    float: right;
    min-width: 600px;
    height: 100%;
    background: #fff
}
/*.b-layout MAIN {*/
    /*position: fixed;*/
    /*top: 0px;*/
    /*right: 0px;*/
    /*min-width: 600px;*/
    /*height: 100%;*/
    /*background: #fff;*/
/*}*/

.b-layout MAIN:after {
    position: absolute;
    top: 0;
    left: -5px;
    width: 5px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%)
}

.b-layout MAIN .b-hotel:after, .b-layout MAIN .b-list:after {
    content: '';
    display: block;
    width: 100%;
    height: 80px
}

.b-layout MAIN .b-hotel-head, .b-layout MAIN .b-list-head {
    margin-top: 70px
}

.b-layout MAIN .b-hotel-info._fixed {
    top: 70px
}

.b-layout MAIN .b-footer {
    position: absolute;
    z-index: 5;
    margin-top: -81px;
    width: 100%;
    border-top: 1px solid #ebebdf
}

.b-layout MAIN .b-footer .b-wrap {
    max-width: 460px
}

.b-layout MAIN .b-footer .copyright > SPAN {
    display: none
}

.b-layout._shifted MAIN .b-footer {
    width: 780px
}

.b-layout._shifted MAIN .b-footer .b-wrap {
    max-width: 700px
}

.b-layout._shifted MAIN .b-footer .copyright > SPAN {
    display: inline
}

.b-layout._shifted MAIN .b-hotel-info._fixed {
    transition: right .3s
}

.b-list {
    position: relative;
    width: 600px;
}

.b-list._loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5)
}

.b-list-head {
    position: relative;
    height: 20px;
    padding: 20px
}

.b-list-head B {
    line-height: 20px;
    letter-spacing: 0
}

.b-list-main LI.item {
    padding-bottom: 15px
}

.b-list-main LI.item._active, .b-list-main LI.item._active .b-list-item {
    background: #f6f6f1
}

.b-list-item {
    position: relative;
    width: 380px;
    min-height: 140px;
    padding: 20px 40px 5px 180px;
    border-top: 1px solid #ebebdf;
    background: #fff;
    letter-spacing: 0
}

.b-list-item._city {
    width: 520px;
    padding-left: 40px;
    min-height: 25px
}

.b-list-item:after {
    display: block;
    clear: both
}

.b-list-item .image {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 140px;
    height: 140px
}

.b-list-item .image > IMG {
    width: 100%;
    height: auto
}

.b-list-item .title {
    position: relative;
    float: left;
    max-width: 280px;
    /*height: 25px;*/
    /*line-height: 25px;*/
    /*white-space: nowrap*/
}

.b-list-item .title:after {
    position: absolute;
    top: 0;
    left: 255px;
    width: 25px;
    height: 25px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.b-list-item .title._wide {
    max-width: 325px
}

.b-list-item .title._wide:after {
    left: 300px
}

.b-list-item .b-rating {
    float: right;
    margin-top: 7px;
    margin-left: 20px
}

.b-list-item .address, .b-list-item .count {
    clear: both;
    font-size: 14px;
    line-height: 20px;
    color: #b2b2b2
}

.b-list-item .services {
    margin-top: 20px;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .025em
}

.b-list-item .services > LI {
    margin-top: 5px;
    display: inline-block;
    width: 150px
}

.b-list-item .all-services {
    clear: both;
    bottom: 47px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    color: #89b72e;
    margin-top: -20px;
    float: left
}

.b-list-item .price {
    height: 25px;
    float: right;
    clear: both;
    font-size: 17px;
    line-height: 25px;
    color: #89b72e;
    white-space: nowrap
}

.b-list-item .price B {
    font-weight: 700
}

.b-list-item .price .rouble {
    margin-top: 4px;
    line-height: 17px
}

.b-list-item._city .price {
    clear: none
}

.b-list-item .feature {
    clear: both;
    right: 40px;
    bottom: 47px;
    height: 15px;
    float: right;
    font-size: 12px;
    line-height: 15px;
    color: #89b72e
}

.b-list-sort {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 40px
}

.b-list-sort > .toggle {
    color: #9c3;
    text-align: right;
    cursor: pointer
}

.b-list-sort > .toggle:hover {
    color: #89b72e
}

.b-list-sort > .toggle > SPAN {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .01em
}

.b-list-sort > .toggle > .ico {
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 0 5px;
    width: 8px;
    height: 5px
}

#bgvideo, .b-list-item-all-services ul, .b-main, .b-stickypos {
    width: 100%
}

.b-list-sort > .list {
    position: absolute;
    top: -10px;
    right: -20px;
    max-width: 0;
    background: #fff;
    box-shadow: 0 5px 30px rgba(51, 51, 51, .2);
    border-radius: 3px;
    opacity: 0;
    transition: max-width 0s .3s, opacity .3s
}

.b-list-sort > .list > LI {
    padding: 10px 20px;
    white-space: nowrap;
    border-top: 1px solid #ebebdf;
    font-size: 14px;
    line-height: 20px;
    color: #9c3;
    cursor: pointer
}

.b-list-sort > .list > LI > SPAN {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-list-sort > .list > LI:first-child {
    border: none
}

.b-list-sort > .list > LI:hover {
    color: #89b72e
}

.b-list-sort > .list > LI._active {
    color: #333
}

.b-list-sort._opened > .list {
    max-width: 280px;
    opacity: 1;
    transition: max-width 0s 0s, opacity .3s
}

.b-main-header .logo > IMG, .b-stickyheader .logo > IMG {
    max-width: 500px
}

.b-list-item-all-services {
    padding: 0 20px 5px;
    font-size: 12px
}

.b-list-item-all-services ul li {
    color: #333;
    display: inline-block;
    font: inherit;
    padding: 5px 10px
}

.b-block-title, .b-main-center .text, .b-offers-item .text, .b-offers-item .title {
    font-family: Helvetica, Arial, sans-serif
}

#bgvideo {
    position: relative
}

.b-block {
    padding: 80px 0;
    background: #fff
}

.b-block-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #333;
    text-align: center
}

.b-block .video-container .video-container-cover {
    position: relative;
    height: 100%;
    background-image: url(/files/main/still.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-stickypos {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px
}

.b-stickyheader {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    height: 20px;
    padding: 30px 0 20px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out
}

.b-stickyheader .menu-item__offers::before, .b-stickyheader .menu-item__offers:hover::before {
    background-repeat: no-repeat;
    content: '';
    background-size: 100% 100%
}

.b-stickyheader .menu-item__offers {
    color: inherit;
    position: relative
}

.b-stickyheader .menu-item__offers::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAMAUExURf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////zMzM4KCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///2H50RMAAAABdFJOUwBA5thmAAAAeElEQVR42oSSyQEAIQgDaX0634eiHMHlZ0YNQc1kAYC94ICXPlCXC+VWp5BxosEHIPue6xaZ4WIMfdawZ7GPaahoyOdRUv8xhjfdPT2RXQ05a5GTrGpKt5UTL121/TGRuCy9dneijUbjKT0z3PrfDzd7YLMHrso3AEkkh46BRtAJAAAAAElFTkSuQmCC);
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    top: -7px;
    left: -42px
}

.b-stickyheader .menu-item__offers:hover::before {
    color: #9c3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABiVBMVEWZzDP///+ZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDP///+B+k2GAAAAgXRSTlMAADSY2dqDCx+s98vPCoH6cgw1iTZ0dXN3iyrK31DIENy4IRgbGhY/4hIC9qG3LuBrF4fFjwa569PnCfVRsOilqTyoE0jV9CuWbZtf7BX8sWgw7eYBcdCmMb3dHHZ5tTddpJ+ckoKEmqCQsj7v7vLjIsFABEIlzVLlDVrxJEFKq8lP3wmeAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAXFJREFUKM910edXwkAMAPAEUVFQcOIGlCFqVcQ6q6LixL0H7q24B27Nf24HV9o+zJe7934vuVwCYAiUw5Rlzs7JRcikljzKt1rJVpBRC+2OIsRiKtFTaVm50+msqKySy1fX6LCWUlHnkrTOrUdPfYPX5/MHqDGI2NTcokOO9dxKbRZsJ5MRIdQRLiwQuZOnLjSipZt6qDeEfQF3v0tVQUEYGByKDI+MYnRsfALRgNA86aeeqeleohgyVRHCMzhro7n5mH2BaRphkZZaBpd9uEKrKU2haW1dHOzG5lZkG9FPDkVZZpzIy3aEQdqRNV02LqgbxF3ak3SfDiSJHh4dn5yenV8EZeSoVjrgkq7kvESi22a+vrm90yCC654eJH58hKdn4EGL4rv8i8KQpNc3+V2OBGSq8jt9+CVNo/xfxk+fUs8aVGalFhdDi6k5i/yl3DxaZDtirEd1vwpzlMRMKvH3DyUhswL/SyTAfwr8+jsY9A8/2Vrg52G76wAAAABJRU5ErkJggg==)
}

.b-stickypos._invp + .b-stickyheader {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.b-stickyheader:after {
    content: '';
    display: block;
    clear: both
}

.b-stickyheader .col {
    float: left;
    width: 40%;
    font-size: 0
}

.b-stickyheader .col._r {
    width: 60%;
    float: right;
    text-align: right
}

.b-stickyheader .logo {
    float: left;
    margin: -20px 0 0 40px
}

.b-stickyheader P {
    height: 20px;
    margin: 0 40px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #333
}

.b-stickyheader P A {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    color: inherit
}

.b-stickyheader P A:hover {
    color: #9c3
}

.b-main {
    position: relative;
    z-index: 9;
    padding: 0;
    background: #000
}

.b-main-bg, .b-main-header {
    position: absolute;
    left: 0;
    width: 100%
}

.b-main-bg {
    top: 0;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: .5
}

.b-main-header .menu-item__offers::before, .b-main-header .menu-item__offers:hover::before {
    content: '';
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-main-push {
    width: 100%;
    height: 700px
}

.b-main-header {
    top: 45px;
    height: 20px
}

.b-main-header .menu-item__offers::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABg1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9lVGeKAAAAgHRSTlMANJjZ2oMLH6z3y88KgfpyDDWJNnR1c3eLKsrfUMgQ3LghGBsaFj/iEgL2obcu4GsXh8WPBrnr0+cJ9VGw6KWpPKgTSNX0K5Ztm1/sFfyxaDDt5gFx0KYxvd0cdnm1N12kn5ySgoSaoJCyPu/u8uMiwUAEQiXNUuUNWvEkQUqryZ7mhwYAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABS0lEQVQoz3XQ9z9CURQA8JMQDZlZLeolFZJUJCEze2VkbzKLyDx/uvder3G7t/PLued+P+fcAcAMWYW8sqqabYoarFUqUaVmqqZOWw/QgI3kdlNzi06na21rF6uOTgL1KIXBKJQGE4nmrm6L1crZsMcO0OtwEujKLfuwXwEDKKPQPejRqHke8uIwhQof+jHghhGbadSYx6A0diw0Hp6YnILI9MwsheCY49A/vxBAjNIInkVYUuHySrRulUZYw3VnaMMKm7hFomw7xn/szu5eeB+AQy3ZGUe05M+y40HJ2Hiw8MBDPBLSMZ4IKXJ6dn5xeXV9YxfRhXox3+Kd2JdI+FTy+4fHp2IE4zO+CDmZhNQreIlOPrxvWYY0vn9IWHSBHGfwk6OwwKkvBhYNZ6HI39mVmcYCMzHHLkwDlOGf33LI8x+yx0ocy5Ru/QP341jSDMiwiwAAAABJRU5ErkJggg==);
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    top: -7px;
    left: -42px
}

.b-main-center, .b-main-footer {
    color: #fff;
    position: absolute;
    left: 0
}

.b-main-header .menu-item__offers {
    color: inherit;
    position: relative
}

.b-main-header .menu-item__offers:hover {
    color: #9c3
}

.b-main-header .menu-item__offers:hover::before {
    color: #9c3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABiVBMVEWZzDP///+ZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDOZzDP///+B+k2GAAAAgXRSTlMAADSY2dqDCx+s98vPCoH6cgw1iTZ0dXN3iyrK31DIENy4IRgbGhY/4hIC9qG3LuBrF4fFjwa569PnCfVRsOilqTyoE0jV9CuWbZtf7BX8sWgw7eYBcdCmMb3dHHZ5tTddpJ+ckoKEmqCQsj7v7vLjIsFABEIlzVLlDVrxJEFKq8lP3wmeAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAXFJREFUKM910edXwkAMAPAEUVFQcOIGlCFqVcQ6q6LixL0H7q24B27Nf24HV9o+zJe7934vuVwCYAiUw5Rlzs7JRcikljzKt1rJVpBRC+2OIsRiKtFTaVm50+msqKySy1fX6LCWUlHnkrTOrUdPfYPX5/MHqDGI2NTcokOO9dxKbRZsJ5MRIdQRLiwQuZOnLjSipZt6qDeEfQF3v0tVQUEYGByKDI+MYnRsfALRgNA86aeeqeleohgyVRHCMzhro7n5mH2BaRphkZZaBpd9uEKrKU2haW1dHOzG5lZkG9FPDkVZZpzIy3aEQdqRNV02LqgbxF3ak3SfDiSJHh4dn5yenV8EZeSoVjrgkq7kvESi22a+vrm90yCC654eJH58hKdn4EGL4rv8i8KQpNc3+V2OBGSq8jt9+CVNo/xfxk+fUs8aVGalFhdDi6k5i/yl3DxaZDtirEd1vwpzlMRMKvH3DyUhswL/SyTAfwr8+jsY9A8/2Vrg52G76wAAAABJRU5ErkJggg==)
}

.b-main-header:after {
    content: '';
    display: block;
    clear: both
}

.b-main-header .col {
    float: left;
    width: 40%;
    font-size: 0
}

.b-main-header .col._r {
    width: 60%;
    float: right;
    text-align: right
}

.b-main-header .logo {
    float: left;
    margin: -20px 0 0 40px
}

.b-main-header P {
    height: 20px;
    margin: 0 40px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

.b-main-header P A {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    color: inherit
}

.b-main-header P A:hover {
    color: #9c3
}

.b-main-footer {
    bottom: 0;
    display: block;
    width: 100%;
    height: 20px;
    padding: 20px 0;
    background: #9c3;
    cursor: pointer
}

.b-main-footer .arrow {
    display: block;
    margin: 4px auto;
    width: 20px;
    height: 12px;
    color: #fff
}

.b-main-footer:hover {
    background: #89b72e
}

.b-main-center {
    top: 190px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    transition: -webkit-transform .5s ease-out, opacity .5s ease-out;
    transition: transform .5s ease-out, opacity .5s ease-out
}

.b-main._invp .b-main-center {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.b-main-center .text H1 {
    font-size: 80px;
    line-height: 90px;
    font-weight: 700
}

.b-main-center .text P {
    padding: 10px 0;
    font-size: 20px;
    line-height: 30px
}

.b-main-center .btn {
    display: inline-block;
    vertical-align: top;
    margin: 40px 10px;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    padding: 8px 0;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: inherit;
    cursor: pointer
}

.b-map, .b-map-object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-main-center .btn:hover {
    color: #9c3
}

.b-map {
    background: #fafaf7;
}

.b-map-placemark > DIV, .b-map-placemark_hover > DIV {
    left: -25px;
    top: -50px;
    width: 60px;
    height: 67px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff
}

.b-map-placemark {
    position: relative;
    font-size: 14px;
    letter-spacing: 0
}

.b-map-placemark > DIV {
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjciPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjYiLz48L2ZpbHRlcj48cmVjdCBpZD0iciIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idHJhbnNwYXJlbnQiIC8+PHBhdGggaWQ9Im0iIGQ9Ik0xNyAxLjVsLTE1LjUgMTQuNXYyMy41aDMxdi0yMy41eiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGcgaWQ9ImcxIj48dXNlIHhsaW5rOmhyZWY9IiNyIiAvPjx1c2UgeD0iOCIgeT0iOCIgeGxpbms6aHJlZj0iI20iIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgLz48L2c+PGcgaWQ9ImcyIj48dXNlIHhsaW5rOmhyZWY9IiNyIiAvPjx1c2UgeD0iOCIgeT0iOCIgeGxpbms6aHJlZj0iI20iIGZpbGw9IiM5YzMiIHN0cm9rZT0iI2ZmZiIgLz48L2c+PC9kZWZzPjx1c2UgeD0iMyIgeT0iMyIgeGxpbms6aHJlZj0iI2cxIiBmaWx0ZXI9InVybCgjYikiIG9wYWNpdHk9IjAuMyIgLz48dXNlIHhsaW5rOmhyZWY9IiNnMiIgLz48L3N2Zz4=)
}

.b-map-placemark_hover {
    position: relative;
    font-size: 14px;
    letter-spacing: 0
}

.b-map-placemark_hover > DIV {
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjciPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjYiLz48L2ZpbHRlcj48cmVjdCBpZD0iciIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idHJhbnNwYXJlbnQiIC8+PHBhdGggaWQ9Im0iIGQ9Ik0xNyAxLjVsLTE1LjUgMTQuNXYyMy41aDMxdi0yMy41eiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGcgaWQ9ImcxIj48dXNlIHhsaW5rOmhyZWY9IiNyIiAvPjx1c2UgeD0iOCIgeT0iOCIgeGxpbms6aHJlZj0iI20iIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgLz48L2c+PGcgaWQ9ImcyIj48dXNlIHhsaW5rOmhyZWY9IiNyIiAvPjx1c2UgeD0iOCIgeT0iOCIgeGxpbms6aHJlZj0iI20iIGZpbGw9IiNmNjYiIHN0cm9rZT0iI2ZmZiIgLz48L2c+PC9kZWZzPjx1c2UgeD0iMyIgeT0iMyIgeGxpbms6aHJlZj0iI2cxIiBmaWx0ZXI9InVybCgjYikiIG9wYWNpdHk9IjAuMyIgLz48dXNlIHhsaW5rOmhyZWY9IiNnMiIgLz48L3N2Zz4=)
}

.b-backtolist {
    margin: 0 20px;
    min-width: 100px;
    width: 95px;
    position: relative;
    height: 30px
}

.b-backtolist-con {
    background: #fafaf7;
    border-radius: 3px;
    font-size: 12px;
    padding: 8px 0 8px 8px
}

.b-backtolist .arrow {
    font-size: 14px;
    position: absolute;
    width: 90px
}

.b-backtolist .arrow .ico {
    height: 13px;
    width: 10px
}

.b-backtolist .text {
    padding-left: 20px
}

.b-nav {
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fafaf7;
    color: #333;
    opacity: 0;
    transition: height 0s .6s, opacity .6s
}

.b-nav-wrapper {
    top: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll
}

.b-nav._active {
    height: 100%;
    opacity: 1;
    transition: height 0s 0s, opacity .6s
}

.b-order, .b-popup {
    z-index: 1000;
    transition: height 0s .6s, opacity .6s
}

.b-nav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #fff
}

.b-nav-main {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.b-nav .lvl1 {
    position: relative;
    padding-top: 25px;
    width: 280px
}

.b-nav .lvl1 > LI, .b-nav .lvl2 > LI {
    padding: 5px 0;
    min-height: 20px;
    line-height: 20px;
    font-weight: 700
}

.b-nav .lvl1 > LI {
    margin: 15px 0 0 40px;
    font-size: 17px
}

.b-nav .lvl1 > LI > SPAN {
    cursor: default
}

.b-nav .lvl2 {
    margin-top: 5px
}

.b-nav .lvl2 > LI {
    font-size: 14px
}

.b-nav .lvl2 > LI > SPAN {
    color: #999;
    cursor: pointer
}

.b-nav .lvl2 > LI > SPAN:hover {
    color: #89b72e
}

.b-nav .lvl2 > LI._active > SPAN, .b-nav .lvl2 > LI._active > SPAN:hover, .b-nav .lvl4 > LI._active > A, .b-nav .lvl4 > LI._active > A:hover, .b-nav .lvl4 > LI._active > SPAN, .b-nav .lvl4 > LI._active > SPAN:hover {
    color: #9c3
}

.b-nav .lvl2 > LI._active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCI+PHBvbHlsaW5lIGZpbGw9IiNGQUZBRjciIHBvaW50cz0iMCwxNSAxNSwwIDE1LDMwIi8+PC9zdmc+Cg==);
    background-size: 15px 30px;
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.b-nav .lvl2 > LI._active > .lvl3 {
    display: block
}

.b-nav .lvl3 {
    display: none;
    position: absolute;
    top: 0;
    left: 320px;
    width: 300px;
    height: 100%
}

.b-nav .lvl3 > UL {
    float: left;
    width: 280px;
    padding-top: 25px
}

.b-nav .lvl3 > UL > LI, .b-nav .lvl4 > LI {
    font-weight: 700;
    padding: 5px 0;
    min-height: 20px;
    line-height: 20px
}

.b-nav .lvl3 > UL > LI {
    margin: 15px 0 0 40px;
    width: 240px;
    font-size: 17px
}

.b-nav .lvl3 .xclose, .b-nav .lvl4 > LI._active:after {
    float: right;
    width: 15px;
    background-repeat: no-repeat
}

.b-nav .lvl3 > UL > SPAN {
    cursor: default
}

.b-nav .lvl3 .xclose {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggc3Ryb2tlLXdpZHRoPSIyIiBpZD0ic3ZnXzEiIGQ9Im0wLjUsMC41bDE0LDE0bTAsLTE0bC0xNCwxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiM5OTk5OTkiLz48L3N2Zz4=);
    background-size: 100% 100%;
    height: 15px;
    margin-top: 3px;
    position: absolute;
    right: 40px;
    top: 40px
}

.b-nav .lvl4 {
    margin-top: 5px
}

.b-nav .lvl4 > LI {
    font-size: 14px
}

.b-nav .lvl4 > LI._active {
    background-size: 15px 30px;
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.b-nav .lvl4 > LI._active > .lvl3 {
    display: block
}

.b-nav .lvl4 > LI._active:after {
    content: '';
    height: 30px;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCI+PHBvbHlsaW5lIGZpbGw9IiNGQUZBRjciIHBvaW50cz0iMCwxNSAxNSwwIDE1LDMwIi8+PGxpbmUgeDE9IjAiIHkxPSIxNSIgeDI9IjE1IiB5Mj0iMCIgc3R5bGU9InN0cm9rZTojZWJlYmRmO3N0cm9rZS13aWR0aDoxIi8+PGxpbmUgeDE9IjAiIHkxPSIxNSIgeDI9IjE1IiB5Mj0iMzAiIHN0eWxlPSJzdHJva2U6I2ViZWJkZjtzdHJva2Utd2lkdGg6MSIvPjwvc3ZnPgo=);
    background-size: 100% 100%;
    margin-top: -5px
}

.b-nav .lvl4 > LI > SPAN {
    color: #999;
    cursor: pointer
}

.b-nav .lvl4 > LI > SPAN:hover {
    color: #89b72e
}

.b-nav .lvl4 > LI > A, .b-nav .lvl4 > LI > A:hover {
    color: #999
}

.b-nav .nested1 {
    left: 279px;
    top: 0;
    border-left: 1px solid #ebebdf;
    height: 100%
}

.b-offers .b-block-title {
    padding-left: 320px;
    text-align: left
}

.b-offers-item {
    width: 940px;
    margin-top: 40px
}

.b-offers-item:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-offers-item .title {
    float: left;
    width: 300px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #9c3
}

.b-offers-item .text {
    margin-left: 320px;
    font-size: 17px;
    line-height: 25px;
    color: #333
}

.b-offers-item .text UL {
    margin-top: 15px
}

.b-offers-item .text .links {
    margin-left: -20px;
    width: 640px;
    font-size: 14px
}

.b-offers-item .text .links:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-offers-item .text .links LI {
    float: left;
    width: 300px;
    padding-left: 20px
}

.b-order {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(51, 51, 51, .75);
    overflow: hidden;
    opacity: 0
}

.b-order .xclose:after, .b-order .xclose:hover:after {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-order._active {
    height: 100%;
    overflow: auto;
    opacity: 1;
    transition: height 0s 0s, opacity .6s
}

.b-order .xclose {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 20px;
    cursor: pointer
}

.b-order .xclose:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTS43NzggMTMuMjIybDYuMjIxLTYuMjIyLTYuMjIxLTYuMjIyTTEzLjIyMiAxMy4yMjJsLTYuMjIxLTYuMjIyIDYuMjIxLTYuMjIyIi8+PC9zdmc+)
}

.b-order .xclose:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBzdHJva2U9IiM5YzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTS43NzggMTMuMjIybDYuMjIxLTYuMjIyLTYuMjIxLTYuMjIyTTEzLjIyMiAxMy4yMjJsLTYuMjIxLTYuMjIyIDYuMjIxLTYuMjIyIi8+PC9zdmc+)
}

.b-order-popup {
    position: relative;
    width: 780px;
    min-height: 220px;
    margin: 20px auto;
    background: #fafaf7;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.b-order-popup:before {
    content: '';
    position: absolute;
    top: 0;
    left: 280px;
    width: 1px;
    height: 100%;
    background: #ebebdf
}

.b-order-popup H3 {
    font-size: 17px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    letter-spacing: .015em
}

.b-order-popup A {
    color: #9c3
}

.b-order-popup A:hover {
    color: #89b72e
}

.b-order-con {
    width: 780px;
    min-height: 220px
}

.b-order-head {
    padding: 40px 40px 0;
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.b-order-head:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-order-head .roominfo {
    float: left;
    width: 220px;
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.b-order-head .roominfo EM {
    color: #999
}

.b-order-head .roominfo P + H3 {
    margin-top: 20px
}

.b-order-head .hotelinfo {
    float: right;
    width: 420px;
    margin-bottom: 30px;
}

.b-order-head .title {
    float: left;
    margin-right: 20px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .015em;
    font-weight: 700;
    color: #333
}

.b-order-head .b-rating {
    float: left;
    margin: 11px 0 10px
}

.b-order-head .address {
    clear: left;
    padding-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.b-order-head .totalprice {
    margin-top: 20px;
    color: #9c3;
    font-size: 14px;
    line-height: 20px
}

.b-order-head .totalprice .price {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: .025em;
    color: #333
}

.b-order-head .fees {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px
}

.b-order-head .fees .toggle {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #f66
}

.b-order-head .fees .toggle > SPAN {
    vertical-align: top
}

.b-order-head .fees .toggle > SPAN.on {
    display: none
}

.b-order-head .fees .toggle > SPAN.off {
    display: inline-block
}

.b-order-head .fees .toggle > .ico {
    display: none;
    vertical-align: top;
    margin: 8px 0 0 5px;
    width: 8px;
    height: 5px
}

.b-order-head .fees._active .wrap {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-order-head .fees._active .toggle > SPAN.on {
    display: inline-block
}

.b-order-head .fees._active .toggle > SPAN.off {
    display: none
}

.b-order-head .fees._active .toggle > .ico {
    display: inline-block
}

.b-order-head .fees._expanded .toggle > SPAN.on {
    display: none
}

.b-order-head .fees._expanded .toggle > SPAN.off {
    display: inline-block
}

.b-order-head .fees._expanded .toggle > .ico {
    display: none
}

.b-order-form {
    padding: 20px 0
}

.b-order-form-group {
    padding: 0 40px 20px
}

.b-order-form-group:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-order-form-group H3 {
    float: left;
    width: 220px;
    margin-top: 16px
}

.b-order-form-group FIELDSET {
    float: right;
    width: 420px
}

.b-order-form-item {
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    background: #fff
}

.b-order-form-item .field {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 11px 15px;
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: none;
    outline: 0;
    font-size: 14px;
    letter-spacing: .01em;
    color: #333
}

.b-order-form-item select[required] {
    color: rgba(51, 51, 51, .5)
}

.b-order-form-item select[required] option, .b-order-form-item._filled select[required] {
    color: #333
}

.b-order-form-item._select .ico {
    position: absolute;
    top: 17px;
    right: 10px;
    width: 10px;
    height: 6px;
    color: #333
}

.b-order-form-item._select SELECT {
    cursor: pointer;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''
}

.b-order-form-item._select SELECT::-ms-expand {
    display: none
}

.b-order-form-item._checkbox {
    height: auto;
    min-height: 17px;
    background: 0 0
}

.b-order-form-item._checkbox:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-order-form-item._checkbox LABEL {
    position: relative;
    float: left;
    cursor: pointer
}

.b-order-form-item._checkbox LABEL:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06)
}

.b-order-form-item._checkbox .field {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    padding: 0;
    opacity: 0
}

.b-order-form-item._checkbox .field:checked + SPAN {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik0uMDY0IDQuODM5bDEuNzc2IDIuOTRjLjA4Ny4xNDQuMjUuMjI5LjQyMi4yMjEuMTcyLS4wMTEuMzIzLS4xMTIuMzk0LS4yNjguMDE3LS4wMzggMS43ODMtMy44NzIgNS4xOTYtNi45NS4xODYtLjE2Ny4xOTgtLjQ1My4wMjctLjYzNi0uMDg3LS4wOTItLjIxMS0uMTQ2LS4zMzktLjE0Ni0uMTE2IDAtLjIyNi4wNDItLjMxMS4xMTktMy4wNjkgMi43NjctNC42MTggNS4yNTUtNS4wMDcgNS45NjlsLTEuMzYzLTEuNzAzYy0uMDg2LS4xNDMtLjIzOC0uMjI3LS40LS4yMjctLjA4MiAwLS4xNjMuMDIxLS4yMzMuMDYzLS4yMTkuMTI3LS4yOTEuNDA0LS4xNjIuNjE4Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: 4px 4px
}

.b-order-form-item._checkbox SPAN {
    position: relative;
    float: left;
    padding-left: 25px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .01em;
    color: #333
}

.b-order-form-item._error .field {
    border-color: #f99
}

.b-order-form .text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .015em;
    color: #999
}

.b-order-form .text .wrap {
    height: 0;
    overflow: hidden;
    transition: height .3s
}

.b-order-form .text .toggle {
    display: inline-block;
    font-size: 14px;
    color: #9c3;
    cursor: pointer
}

.b-order-form .text .toggle:hover {
    color: #89b72e
}

.b-order-form .text .toggle SPAN:after {
    display: inline-block;
    margin-left: 5px
}

.b-order-form .button, .b-order-form .error {
    margin: 40px 0 0;
    font-size: 14px;
    line-height: 20px
}

.b-order-form .text .toggle SPAN.off, .b-order-form .text._expanded .toggle SPAN.on {
    display: none
}

.b-order-form .text .toggle SPAN.on:after {
    content: '+'
}

.b-order-form .text .toggle SPAN.off:after {
    content: '-'
}

.b-popup .xclose:after, .b-popup-form-captcha:after, .b-rating:after, .b-rooms-form-dropdown:after, .b-rooms-form-field .val:after, .b-rooms-form:after, .b-rooms-item .list .fees__block::after, .b-rooms-item .list LI:after, .b-rooms-list._loading:after, .b-rooms-popup .photos:after, .b-rooms-popup .xclose:after, .b-searchform-dropdown:after, .b-searchform-dropdown:before, .b-searchform-field .val:after, .b-searchform:after {
    content: ''
}

.b-order-form .text._expanded .toggle SPAN.off {
    display: inline
}

.b-order-form .text._full .wrap {
    height: auto;
    overflow: visible
}

.b-order-form .text._full .toggle {
    display: none
}

.b-order-form .error {
    display: none;
    letter-spacing: .015em;
    color: #f66
}

.b-order-form .error._active {
    display: block
}

.b-order-form .button {
    width: 220px;
    height: 40px;
    box-sizing: border-box;
    padding: 10px 0;
    background: #9c3;
    box-shadow: 0 0 0 transparent;
    border: none;
    border-radius: 3px;
    outline: 0;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.b-order-form .button:hover {
    background: #89b72e;
    box-shadow: 0 3px 7px rgba(51, 51, 51, .1)
}

.b-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(51, 51, 51, .75);
    overflow: hidden;
    opacity: 0
}

.b-popup .xclose:after, .b-popup .xclose:hover:after {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-popup._active {
    height: 100%;
    overflow: auto;
    opacity: 1;
    transition: height 0s 0s, opacity .6s
}

.b-popup .xclose {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 20px;
    cursor: pointer
}

.b-popup .xclose:after {
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTS43NzggMTMuMjIybDYuMjIxLTYuMjIyLTYuMjIxLTYuMjIyTTEzLjIyMiAxMy4yMjJsLTYuMjIxLTYuMjIyIDYuMjIxLTYuMjIyIi8+PC9zdmc+)
}

.b-popup .xclose:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBzdHJva2U9IiM5YzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTS43NzggMTMuMjIybDYuMjIxLTYuMjIyLTYuMjIxLTYuMjIyTTEzLjIyMiAxMy4yMjJsLTYuMjIxLTYuMjIyIDYuMjIxLTYuMjIyIi8+PC9zdmc+)
}

.b-popup-con {
    position: relative;
    width: 660px;
    margin: 80px auto;
    background: #fafaf7;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.b-popup-con._tiny {
    width: 492px
}

.b-popup-main {
    padding: 40px
}

.b-popup-main H3 {
    margin-top: -10px;
    font-size: 28px;
    line-height: 40px;
    color: #333;
    font-weight: 700;
    letter-spacing: .015em
}

.b-popup-form FIELDSET {
    font-size: 0;
    letter-spacing: 0
}

.b-popup-form-col {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    margin-left: 20px
}

.b-popup-form-col:nth-child(odd) {
    margin-left: 0
}

.b-popup-form-item {
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    background: #fff
}

.b-popup-form-item .field {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 11px 15px;
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: none;
    outline: 0;
    font-size: 14px;
    letter-spacing: .01em;
    color: #333
}

.b-popup-form-item._error .field {
    border-color: #f99
}

.b-popup-form-item._error + .fielderror {
    display: block
}

.b-popup-form-captcha:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-popup-form-captcha LABEL {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.b-popup-form-captcha > .image {
    float: left;
    width: 200px;
    height: 40px;
    margin-top: 15px;
    background: #fff;
    text-align: center
}

.b-popup-form-captcha > .image > IMG {
    max-width: 100%;
    max-height: 100%
}

.b-popup-form-captcha .b-popup-form-item {
    float: right;
    width: 200px;
    margin-top: 15px
}

.b-popup-form .label {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px
}

.b-popup-form .label + .b-popup-form-item {
    margin-top: 5px
}

.b-popup-form .helper {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: right
}

.b-popup-form .button, .b-rooms-form-button {
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center
}

.b-popup-form .helper > A {
    color: rgba(51, 51, 51, .5)
}

.b-popup-form .helper > A:hover {
    color: #9c3
}

.b-popup-form .fielderror {
    display: none;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #f66
}

.b-popup-form .button, .b-popup-form .error {
    /*margin: 25px 0 0;*/
    font-size: 14px;
    line-height: 20px
}

.b-popup-form .error {
    display: none;
    letter-spacing: .015em;
    color: #f66
}

.b-popup-form .error._active {
    display: block
}

.b-popup-form .button {
    width: 100%;
    height: 40px;
    padding: 10px 0;
    background: #9c3;
    box-shadow: 0 0 0 transparent;
    border: none;
    border-radius: 3px;
    outline: 0;
    letter-spacing: 0;
    color: #fff
}

.b-popup-form .button:hover {
    background: #89b72e;
    box-shadow: 0 3px 7px rgba(51, 51, 51, .1)
}

.b-rooms-form-dropdown, .b-rooms-form-dropdown .con {
    min-width: 100%;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2)
}

.b-rating {
    position: relative;
    width: 0;
    height: 11px;
    overflow: hidden
}

.b-rating:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 29px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODMgMjkiPjxkZWZzPjxwYXRoIGlkPSJzIiBkPSJNMi4xNTkgMTAuOTg5bDMuNDk0LTIuNDg0IDMuNDkzIDIuNDg0LTEuMjMyLTQuMTY0IDMuMzkyLTIuNjI5LTQuMjU2LS4wODgtMS4zOTctNC4xMDhoLS4wMDFsLTEuMzk3IDQuMTA4LTQuMjU1LjA4OCAzLjM5MiAyLjYyOXoiLz48L2RlZnM+PGcgZmlsbD0iI0ZGQ0IwMCI+PHVzZSB4PSIwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjE4IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjM2IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjcyIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48L2c+PGcgZmlsbD0iI0NGQ0VDQyI+PHVzZSB4PSIwIiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSIxOCIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjx1c2UgeD0iMzYiIHk9IjE4IiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSI3MiIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-rating.x1 {
    width: 11px
}

.b-rating.x2 {
    width: 29px
}

.b-rating.x3 {
    width: 47px
}

.b-rating.x4 {
    width: 65px
}

.b-rating.x5 {
    width: 83px
}

.b-rooms {
    width: 780px
}

.b-rooms-title {
    margin: 0 40px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    color: #333
}

.b-rooms-form {
    margin: 30px 40px
}

.b-room-title + .b-rooms-form {
    margin-top: 15px
}

.b-rooms-form:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-rooms-form-item {
    position: relative;
    float: left;
    width: 230px;
    height: 50px
}

.b-rooms-form-button {
    float: left;
    width: 220px;
    height: 50px;
    padding: 15px 0;
    border: 1px solid #9c3;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #9c3
}

.b-rooms-form-button:hover {
    background: #89b72e;
    border-color: #89b72e;
    color: #fff
}

.b-rooms-form-field {
    display: block;
    width: 100%;
    height: 50px;
    padding: 15px 5px 15px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(235, 235, 223, .75);
    border-right: none;
    cursor: pointer
}

.b-rooms-form-field:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.b-rooms-form-field-last {
    border-right: 1px solid rgba(235, 235, 223, .75);
}

.b-rooms-form-field .placeholder, .b-rooms-form-field .val {
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.b-rooms-form-field .placeholder {
    color: #999
}

.b-rooms-form-field .val {
    display: none;
    color: #333;
    font-weight: 700
}

.b-rooms-form-field .val:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 100%)
}

.b-rooms-form-field .val > SPAN {
    color: #999
}

.b-rooms-form-field .ico {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    color: #333;
    opacity: .4
}

.b-rooms-form-field .ico2 {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    color: #333;
    opacity: .4
}

.b-rooms-form-field .hiddens {
    width: 0;
    height: 0;
    overflow: hidden
}

.b-rooms-form-field._filled .placeholder {
    display: none
}

.b-rooms-form-field._filled .val {
    display: block
}

.b-rooms-form-dropdown {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .3s, max-height 0s .3s
}

.b-rooms-form-dropdown._opened {
    opacity: 1;
    max-height: 305px;
    transition: opacity .3s, max-height 0s 0s
}

.b-rooms-form-dropdown:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-rooms-form-dropdown .con {
    float: left;
    padding: 10px 0;
    background: #fff;
    border-radius: 3px
}

.b-rooms-list {
    min-height: 280px
}

.b-rooms-list._loading {
    height: 280px;
    overflow: hidden
}

.b-rooms-list._loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5)
}

.b-rooms-item {
    position: relative;
    min-height: 160px;
    padding: 20px 40px 35px;
    background: #fafaf7;
    border-bottom: 1px solid #ebebdf
}

.b-rooms-item:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden
}

.b-rooms-item .title {
    width: 350px;
    min-height: 20px;
    padding: 5px 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #000
}

.b-rooms-item .list LI, .b-rooms-item .toggle {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px
}

.b-rooms-item .photo {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 220px;
    height: 160px;
    overflow: hidden;
    background: #ebebdf
}

.b-rooms-item .photo IMG {
    width: 100%
}

.b-rooms-item .toggle {
    position: absolute;
    top: 25px;
    right: 290px;
    height: 20px;
    padding-right: 20px;
    white-space: nowrap;
    color: #9c3
}

.b-rooms-item .toggle > .ico {
    position: absolute;
    top: 8px;
    right: 4px;
    display: block;
    width: 7px;
    height: 4px
}

.b-rooms-item .toggle:hover {
    color: #999
}

.b-rooms-item .list {
    width: 450px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.b-rooms-item .list LI {
    position: relative;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    letter-spacing: 0;
    color: #999
}

.b-rooms-item .list LI:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-rooms-item .list LI:hover {
    color: #89b72e
}

.b-rooms-item .list LI._selected {
    color: #333
}

.b-rooms-item .list .name {
    float: left;
    width: 330px
}

.b-rooms-item .list .price {
    float: right;
    width: 100px;
    font-weight: 700;
    text-align: right
}

.b-rooms-item .list .price .rouble {
    margin-top: 3px;
    line-height: 14px
}

.b-rooms-item .list .fees {
    position: absolute;
    right: 0;
    top: 13px;
    width: 9px;
    height: 12px;
    padding: 0 0 0 3px;
    border: 1px solid;
    border-radius: 7px;
    color: #f66;
    font-size: 11px;
    line-height: 12px;
    font-weight: 700
}

.b-searchform-item._loc, .b-searchform-logo {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.b-rooms-item .list .fees__block {
    z-index: 99;
    position: absolute;
    bottom: 20px;
    right: -26px;
    width: 300px;
    padding: 26px 21px;
    background-color: #fff;
    /*color: #333;*/
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    display: none;
    border-radius: 3px 3px 0px 3px;;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    transition: all .2s linear
}

.b-rooms-item .list .fees__block.show-up {
    display: block
}

.b-rooms-item .list .fees__block::after {
    display: block;
    position: absolute;
    bottom: -12px;
    right: 20px;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff
}

.b-rooms-item .button {
    width: 220px;
    height: 20px;
    margin-top: 20px;
    padding: 10px 0;
    background: #9c3;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.b-rooms-item .button:hover {
    background: #89b72e;
    box-shadow: 0 3px 7px rgba(51, 51, 51, .1)
}

.b-rooms-popup {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 20px;
    width: 0;
    opacity: 0;
    min-height: 54px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    transition: width 0s .3s, opacity .3s
}

.b-rooms-popup .con {
    padding: 10px;
    width: 720px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0s .3s
}

.b-rooms-popup._active {
    width: 740px;
    opacity: 1;
    transition: width 0s 0s, opacity .3s
}

.b-rooms-popup._active .con {
    max-height: 3000px;
    transition: max-height 0s 0s
}

.b-rooms-popup .title {
    margin: 10px;
    padding: 5px 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #000
}

.b-rooms-popup .photos {
    margin: 10px 0 20px
}

.b-rooms-popup .photos:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-rooms-popup .photos LI {
    float: left;
    margin: 0 10px;
    width: 220px;
    height: 160px;
    overflow: hidden
}

.b-rooms-popup .photos IMG {
    width: 100%
}

.b-rooms-popup .b-hotel-text {
    margin: 10px;
    padding: 0
}

.b-rooms-popup .b-hotel-services {
    margin: 0 10px;
    padding: 0 0 20px
}

.b-rooms-popup .xclose {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 20px;
    cursor: pointer
}

.b-rooms-popup .xclose:after {
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBzdHJva2U9IiM5YzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZmlsbD0ibm9uZSIgZD0iTS43NzggMTMuMjIybDYuMjIxLTYuMjIyLTYuMjIxLTYuMjIyTTEzLjIyMiAxMy4yMjJsLTYuMjIxLTYuMjIyIDYuMjIxLTYuMjIyIi8+PC9zdmc+);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.b-searchform, .b-searchform-item, .b-searchform-logo {
    position: relative;
    height: 60px
}

.b-searchform {
    width: 1100px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2)
}

.b-searchform._light {
    box-shadow: 7px 7px 20px rgba(0, 0, 0, .1)
}

.b-searchform:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-searchform-logo {
    float: left;
    width: 200px;
    line-height: 60px;
    padding: 0 20px;
    background: #fff
}

.b-searchform-logo > IMG {
    max-width: 100%;
    vertical-align: middle
}

.b-searchform-item {
    float: left;
    width: 240px;
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, .06);
    outline: 0
}

.b-searchform-item._loc {
    width: 400px;
    border-left: none
}

.b-searchform._light .b-searchform-item {
    width: 180px
}

.b-searchform._light .b-searchform-item._loc {
    width: 438px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-searchform-item .loader {
    display: none;
    position: absolute;
    top: 28px;
    right: 20px;
    width: 30px;
    height: 5px;
    overflow: hidden
}

.b-searchform-item .loader > I {
    float: left;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: #9c3;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.b-searchform-item .loader > I:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.b-searchform-item .loader > I:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.b-searchform-item._loading .loader {
    display: block
}

.b-searchform-field {
    padding: 20px;
    height: 20px;
    outline: 0;
    cursor: pointer
}

.b-searchform-field > INPUT {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: 700;
    color: #000
}

.b-searchform-dropdown, .b-searchform-dropdown .con, .pickmeup {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2)
}

.b-searchform-field .placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #999
}

.b-searchform-button, .b-searchform-field .val {
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: .015em
}

.b-searchform-field .val {
    display: none;
    position: relative;
    color: #000;
    white-space: nowrap
}

.b-searchform-field .val:after {
    position: absolute;
    top: 0;
    right: -20px;
    width: 40px;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 100%)
}

.b-searchform-field .val > SPAN {
    color: #999
}

.b-searchform-field .hiddens {
    width: 0;
    height: 0;
    overflow: hidden
}

.b-searchform-field._filled .placeholder {
    display: none
}

.b-searchform-field._filled .val {
    display: block
}

.b-searchform-field._focused > INPUT {
    width: 360px
}

.b-searchform._light .b-searchform-field._focused > INPUT {
    width: 398px
}

.b-searchform-field._filled._focused .val, .b-searchform-field._focused .placeholder, .b-searchform-field._focused .val {
    display: none
}

.b-searchform-button {
    float: left;
    width: 218px;
    height: 60px;
    padding: 20px 0;
    background: #9c3;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: 0
}

.b-searchform-button::-moz-focus-inner {
    border: 0
}

.b-searchform-button:focus, .b-searchform-button:hover {
    background: #89b72e
}

.b-searchform._light .b-searchform-button {
    width: 60px;
    background: #fff;
    color: #9c3
}

.b-searchform._light .b-searchform-button:hover {
    background: #fff;
    color: #89b72e
}

.b-searchform-button > .ico {
    display: block;
    width: 12px;
    height: 20px;
    margin: 0 auto
}

.b-searchform-dropdown {
    position: absolute;
    z-index: 2;
    top: 49px;
    left: 0;
    min-width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    /*overflow-y: scroll;*/
    transition: opacity .3s, max-height 0s .3s
}

.b-searchform-dropdown._opened {
    opacity: 1;
    max-height: 305px;
    transition: opacity .3s, max-height 0s 0s
}

.b-searchform-dropdown:before {
    display: block;
    width: 100%;
    height: 1px
}

.b-searchform-dropdown:after {
    display: block;
    clear: both;
    overflow: hidden
}

.b-searchform-dropdown .con {
    float: left;
    min-width: 100%;
    padding: 10px 0;
    background: #fff;
    border-radius: 3px
}

@-webkit-keyframes blink {
    0%, 50% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
}

@keyframes blink {
    0%, 50% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
}

.b-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}

.b-block .b-wrap {
    max-width: 940px
}

.pickmeup {
    background: #fff;
    /*border-radius: .4em;*/
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    font-size: 12px
}

.pickmeup * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pickmeup .pmu-instance {
    display: inline-block;
    height: 210px;
    padding: .5em;
    text-align: center;
    width: 295px
}

.pickmeup .pmu-instance .pmu-button {
    color: #333;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.pickmeup .pmu-instance .pmu-button.pmu-saturday, .pickmeup .pmu-instance .pmu-button.pmu-sunday {
    color: #999
}

.pickmeup .pmu-instance nav .pmu-button {
    color: #9bcd36;
    font-size: 15px
}

.pickmeup .pmu-instance .pmu-button:hover {
    background: 0 0;
    color: #000
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #333
}

.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default
}

.pickmeup .pmu-instance .pmu-selected {
    background: #e0f0c1
}

.pickmeup .pmu-instance .pmu-selected.pmu-selected-first {
    background: #9c3;
    color: #000;
    /*border-radius: .4em 0 0 .4em*/
}

.pickmeup .pmu-instance .pmu-selected.pmu-selected-last {
    background: #9c3;
    color: #000;
    /*border-radius: 0 .4em .4em 0*/
}

.pickmeup .pmu-instance .pmu-selected.pmu-selected-first.pmu-selected-last {
    background: #9c3;
    color: #eee;
    /*border-radius: .4em*/
}

.pickmeup .pmu-instance nav {
    color: #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 2em;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px
}

.pickmeup .pmu-instance nav :first-child :hover {
    /*color: #88c5eb*/
}

.pickmeup .pmu-instance nav .pmu-next, .pickmeup .pmu-instance nav .pmu-prev {
    display: none;
    width: 1em
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em
}

.pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * {
    display: inline-block;
    line-height: 37px;
    width: 80px;
    font-size: 15px
}

.pickmeup .pmu-instance .pmu-day-of-week {
    color: #999;
    cursor: default;
    display: none
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 29px;
    width: 40px;
    height: 28px;
    font-size: 15px;
    margin-bottom: 2px
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block;
    font-size: 22px
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 202px;
    color: #999
}

.pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}
._loading {
    background-image: url(/images/icons/30.gif);
    background-size: contain;
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    right: 0px;
    width: 10px;
    top: 7px;
}
.offer-summary {
    padding: 15px 0px 0px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
.online {
    color: #9C3;
    font-weight: bold;
}
.quota {
    font-weight: bold;
}
.order-category-name {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    color: #999;
    font-weight: bold;
}
.b-order .xclose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    padding: 20px;
    padding-right: 22px;
}

.b-order-popup.b-cart-popup {
    background: white none repeat scroll 0% 0%;
    width: 800px;
    position: relative;
    text-align: center;
}

#bookinglist-pjax .kv-editable-link {
    font-size: 14px;
}

.kv-editable-link {
    font-size: 16px !important;
}
/*.b-content #prices-pjax tr:nth-child(even) {*/
    /*border-left: 2px solid #808080;*/
    /*border-bottom: 1px solid #808080;*/
/*}*/
/*.b-content #prices-pjax tr:nth-child(odd) td {*/
    /*padding-top: 10px;*/
/*}*/

#search-grid {
    position: relative !important;
}
._grid-loading-wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #FAFAF7;
    opacity: 0.8;
    z-index: 1000;
}

._grid-loading-wrapper2 {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: block;
    /*background-color: #FAFAF7;*/
    background-color: white;
    opacity: 0.8;
}

._grid-loading-wrapper3 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    width: 100%;
    background-color: #FAFAF7;
    opacity: 0.8;
    z-index: 1000;
}

._grid-loading {
    background-image: url("../img/grid-loading2.gif");
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 48%;
}
#booking-pjax .cancel,
.grid-view .cancel,
.booking-header-td .cancel {
    color: #ba8d93;
    font-weight: bold;
    font-size: 15px;
    margin-right: 0px;
    padding-right: 0px;
    display: block;
}
#booking-pjax .disabled,
.grid-view .disabled:not(.pagination .disabled),
.booking-header-td .disabled {
    color: grey;
    font-weight: bold;
    font-size: 15px;
    margin-right: 0px;
    padding-right: 0px;
    display: block;
}
.booking-table {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
}
.booking-table td {
    width: 20%;
}
.bhref {
    font-size: 15px;
}
.booking-guests .kv-editable {
    display: inline !important;
}
.booking-guests .kv-editable-value.kv-editable-link {
    font-size: 13px !important;
    padding: 0px;
    display: inline;
    margin-top: -3px;
}
.add-offer {
    font-size: 14px;
}
div[data-name="replenishment"] h4 {
    font-weight: bold;
    font-size: 15px;
}
.b-filter-replenishment {
    margin-top: 3px;
}
.kv-page-summary.warning td {
    background: #FAFAF7 none repeat scroll 0% 0% !important;
}

.countdown .expired {
    color: rgb(230, 164, 66);
    font-weight: bold;
}
.penalty {
    font-weight: 700;
    color: #F66;
    font-size: 12px;
    margin: 10px 0px 20px;
}
.compressed {
    display: inline-block;;
    position: relative;
    width: 100%;
}

.compressed .b-default-form-item {
    position: relative;
    float: none;
    margin: 10px 20px 0px 0px;
    width: auto;
    height: 30px;
}
.compressed .b-default-form-item label.control-label {
    line-height: 28px;
    padding: 0px 20px;
}
.compressed .b-default-form-item .field {
    height: 30px;
    padding: 0px 20px;
}
.compressed .b-default-form-item textarea.field {
    padding: 15px 20px;
}
.compressed .b-default-form-item .lbl-field {
    text-align: right;
    padding-right: 50px;
    border-radius: 0px !important;
}
.compressed .b-default-form-item .lbl-field2 {
    text-align: right;
    padding-right: 50px;
}
.compressed .b-default-form-item SELECT.field + .ico {
    height: 28px;
}
.compressed .b-default-form-item .calendar {
    height: 28px;
}
.compressed .b-default-form-item .glyphicon.glyphicon-pencil,
.compressed .b-default-form-item .glyphicon.glyphicon-time,
.compressed .b-default-form-item .input-group-addon picker {
    height: 29px !important;
}
.compressed .b-default-form-item .glyphicon.glyphicon-pencil,
.compressed .b-default-form-item .glyphicon.glyphicon-time,
.compressed .b-default-form-item .input-group-addon picker {
    line-height: 29px !important;
}

.select2-container--krajee .select2-selection--single {
    height: 30px;
    line-height: 1.42857;
    padding: 4px 24px 4px 21px;
}
.select2-search--dropdown .select2-search__field {
    padding: 0px 0px 0px 18px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    height: 30px;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 29px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.select2-results__option {
    padding: 10px 22px;
    font-size: 14px;
}
.select2-container--krajee .select2-dropdown {
    border-color: #89B72E;
}
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
    box-shadow: 0px 1px 1px rgba(137, 183, 46, 0) inset, 0px 0px 6px #89B72E;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border-color: #89B72E !important;
}
.select2-dropdown {
    border-radius: 0px;
}
.select2-container--krajee
.select2-selection {
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.select2-container--krajee
.select2-search--dropdown .select2-search__field {
    border-radius: 0px;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #398439;
    color: #FFF;
}
.select2-container--krajee .select2-results__option[aria-selected="true"] {
    color: #398439;
    background-color: rgb(204, 224, 165);
}
.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    text-align: right;
    padding-right: 26px;
}
.select2-container--krajee li.select2-results__option {
    background-color: rgba(137, 183, 46, 0.29);
    color: grey;
}
.b-default-form-item label.control-label.select2-label {
    z-index: 10;
    margin-top: 5px;
    line-height: 20px;
    margin-left: 5px;
    padding-left: 17px;
    background: none;
}
.select2-form-item .kv-plugin-loading {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    z-index: 10;
}

.b-filter-target {
    width: 20%;
    float: left;
    height: 40px;
    margin-top: -10px;
}
.b-filter-target .b-filter-comp {
    margin: 0px 15px 0px 0px;
}
.b-filter-target .sel-wrapper {
    position: relative;
    width: 136px;
}
.b-filter-target select {
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid rgba(235, 235, 223, 0.75);
    font-size: 14px;
}
.b-filter-target select option {

}
.b-filter-target select + .ico {
    width: 38px;
    height: 38px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMS4xNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iOC4zNjUsMC40NjcgNC41LDQuNTMzIDAuNjM1LDAuNDY3IAkiLz48L3N2Zz4K");
    background-size: 9px 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #FFF;
    pointer-events: none;
}
.b-filter-location-field {
    border-right: 1px solid #eee;
    margin-top: -10px;
    padding: 9px 0px 9px 20px;
    width: 98%;
}
.b-filter-location-field > INPUT, .b-filter-agent-field > INPUT {
    padding: 9px 0px 9px 20px;
}
.b-filter-location .loader._loading {
    vertical-align: middle;
    height: 15px;
    width: 70px;
    top: 10px;
    right: 20px;
}
.b-target {
    display: block;
}
.b-target-item {
    padding: 10px 12px;
    font-size: 14px;
}
.b-target-item:hover {
    background: rgba(153, 204, 51, 0.3) none repeat scroll 0% 0%;
}
.b-filter-target .b-filter-field .val {
    display: block;
}

.total-booking-price {
    font-size: 16px;
    text-align: right;
    /*margin-top: 30px;*/
}
.total-booking-price .rouble {
    font-size: 20px;
}
.offer-title {
    margin-bottom: 20px;
}
.offer-title .hotel {
    font-size: 17px;
    margin: 20px 0px 5px 0px;
    font-weight: bold;
}
.offer-title .dates {
    clear: both;
    font-size: 14px;
    line-height: 20px;
    color: #B2B2B2;
}
.offer-title .price {
    color: #B2B2B2;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}
.offer-title .price .rouble {
    font-size: 18px;
}
.offer-title .price .nights {
    font-size: 16px;
    font-weight: normal;
}
.booking-details-link {
    display: block;
    color: #89B72E;
    text-decoration: none;
}
.offer-rooms {

}
.offer-room-1 {

}
.offer-room-1 .category {
}
.offer-room-1 .category h4 {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}
.offer-room-1 .editable .kv-editable-link {
    font-size: 14px !important;
    padding: 0px;
}
.offer-room-1 .editable {
    margin-bottom: 3px;
}
.offer-room-1 .room-price {
    font-size: 14px;
    font-weight: bold;
    color: #B2B2B2;
}
.offer-room-1 .room-price .rouble {
    padding-top: 14px;
    font-size: 14px;
}

.offer-room-2 {

}
.offer-room-2 .people {
    font-weight: bold;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    color: #B2B2B2;
}
.offer-room-2 .guests {
    font-weight: bold;
    color: #B2B2B2;
    font-size: 14px;
    margin-bottom: 3px;
}
.offer-room-2 .guests .kv-editable-value.kv-editable-link {
    font-size: 14px !important;
    padding: 0px;
    display: inline;
    margin-top: -3px;
}
.offer-room-2 .guests .kv-editable {
    display: inline;
}
.offer-room-2 .supp {
    font-weight: bold;
    color: #B2B2B2;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.offer-room-3 .penalty,
.offer-room-3 .discount {
    margin: 0px;
    margin-bottom: 10px;
}
.penalty-title,
.discount-title {
    display: block;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    margin-top: -3px;
}
.penalty-text {
    
}
.discount-text {
    margin-bottom: 5px;
}
.ticket-price {
    font-size: 14px;
    font-weight: bold;
    color: #B2B2B2;
}
.discount2 {
    font-size: 16px;
}
.discount {
    font-weight: 700;
    color: #00498f;
    font-size: 12px;
    margin: 10px 0px 10px;
}
.penalty-table {
    width: 100%;
}
.penalty-table tr {
    border: none !important;
}
.penalty-table td {
    padding-right: 10px;
    border: none;
}

.guests-list-hotel-search {
    display: inline-block;
    width: 230px;
}

.excursions-book-li {

}
.excursions-book-li .left {
    width: 60%;
    float: left;
    display: inline-block;
}
.excursions-book-li .right {
    width: 40%;
    float: right;
    display: inline-block;
    text-align: right;
}
.excursions-book-li .right .button {
    margin: 0px;
    display: inline-block;
    padding: 5px 0px;
    width: 150px;
}

.excursion-details {
    font-size: 15px;
}
article.excursion-variant {
    border-bottom: 1px solid #ebebdf;
    background: #fafaf7;
    padding-top: 20px;
    padding-bottom: 20px;
}
article.excursion-variant .info {
    padding: 20px 40px;
    position: relative;
}
article.excursion-variant .info .dates {
    position: absolute;
    right: 40px;
    top: 20px;
}
article.excursion-variant .info h1 {
    margin-bottom: 5px;
}
article.excursion-variant .info h2 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
article.excursion-variant .info h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
article.excursion-variant .info h2 span,
article.excursion-variant .info h3 span {
    color: #999;
}
article.excursion-variant .b-rooms-item {
    border-bottom: none;
    padding: 0px 40px 20px;
}
article.excursion-variant .b-rooms-item .title {
    font-size: 14px;
}
.excursion-details span {
    font-weight: bold;
}

#ymap-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    background-color: #fafaf7;
}
#ymap-loading .loading {
    background-image: url("../img/gallery-loader.gif");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    width: 40px;
    margin: 30% auto;
}
.time-wrapper {
    border: 1px solid rgba(235, 235, 223, .75);
    height: 40px;
    width: 52px;
    position: relative;
    display: inline-block;
}
.time-wrapper svg.ico {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    color: #333;
    opacity: .4;
}
.time {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0px 0px 0px 15px;
    cursor: pointer;
}
.time.hours {

}
.time.minutes {

}
.time-delimiter {
    font-weight: bold;
    font-size: 15px;
}

footer {
    background: #929292;
    height: 143px;
}
footer * {
    color: white !important;
}

footer ul,
footer li {
    margin: 0px;
    padding: 0px;
}

footer .line1 {
    display: inline-block;
    width: 100%;
    padding: 25px 40px 5px 40px;
    box-sizing: border-box;
}

footer .line1 .part,
footer .line2 .part {
    width: 50%;
}

footer .line1 .left,
footer .line2 .left {
    float: left;
    width: 45%;
}

footer .line1 .part.left img {
    margin-left: -3px;
}

footer .line2 .part.left p {
    line-height: 20px;
    font-size: 13px;
}
footer .line2 .part.left phone {
    font-weight: normal;
}

footer .line1 .right,
footer .line2 .right {
    float: right;
    text-align: right;
    width: 55%;
}

footer .line1 .part.right ul,
footer .line2 .part.right ul {
    display: inline-block;
}

footer .line1 .part.right ul li,
footer .line2 .part.right ul li {
    float: left;
}

footer .line1 .part.right ul#links {
    margin-top: 14px;
}

footer .line1 .part.right ul#links li {
    padding-bottom: 7px;
}

footer .line1 .part.right ul#links li a {
    color: #6d6d6d;
    font-size: 14px;
}

footer .line1 .part.right ul#links li:not(:last-child) {
    margin-right: 20px;
}

footer .line2 .part.right ul#networks {

}

footer .line2 .part.right ul#networks li:not(:last-child) {
    margin-right: 10px;
}

footer .line2 {
    display: inline-block;
    width: 100%;
    padding: 5px 40px 25px 40px;
    font-size: 14px;
    color: #6d6d6d;
    box-sizing: border-box;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% {opacity: 0.4;}
    50% {opacity: 1;}
    100% {opacity: 0.4;}
}
#so-loader .cont {
    /*-webkit-animation: AnimationName 2s linear infinite;*/
    /*-moz-animation: AnimationName 2s linear infinite;*/
    /*height: 50px;*/
    display: inline-block;
    padding: 0px 20px;
    color: white;
    font-size: 11px;
    box-shadow: 0 0 10px 10px #9c3;
    border-radius: 40px;
    animation: spin 3s linear infinite;
    opacity: 0.4;
    background: #9c3;

}
#categories-pjax table thead th {
    padding-bottom: 20px;
}
.b-header-account {
    float: right;
    width: 150px;
    height: 70px;
    padding-top: 30px;
}
.b-header-account h6 {
    font-size: 14px;
}

.account-password {
    margin: 12px 0px 0px 10px;
    padding-top: 7px;
}
form.promo-form {
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: none;
    float: right;
    margin-left: 20px;
}
form.promo-form input {
    background: transparent;
    border: solid 1px lightgrey;
    height: 46px;
    color: white;
    font-size: 15px;
    padding: 0px 10px;
    width: 125px;
    margin: 0px;
    float: left;
}
.account-toolbar {
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 0px;*/
    float: right;
    height: 70px;
    padding-left: 0px;
    width: 993px;
}
header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.account-toolbar > div {
    float: left;
    height: 70px;
    position: relative;
}
.account-toolbar div.info {
    /*width: 300px;*/
    vertical-align: middle;
    padding-top: 15px;
    color: #9a9a9a;
    font-size: 14px;
    text-align: right;
    padding-right: 20px;
}
.account-toolbar div.toolbar {
    /*vertical-align: middle;*/
    color: #9a9a9a;
    font-size: 14px;
    padding-right: 20px;
    width: 753px;
}
.account-toolbar div.toolbar .tool-table {
    height: 100%;
    width: 100%;
}
.account-toolbar div.toolbar .tool-element.usr {
    width: 350px;
    text-align: right;
}
.account-toolbar div.toolbar .tool-element.va {
    width: 171px;
}
.account-toolbar div.toolbar .tool-element.cart {
    width: 212px;
    padding-right: 10px;
}
.account-toolbar div.toolbar .tool-element {
    padding-left: 20px;
    padding-right: 20px;
}
.account-toolbar div.toolbar .tool-element > img {
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 3px;
}
.account-toolbar div.toolbar .tool-element > span {
    line-height: 70px;
    /*color: #333;*/
    color: #aaa;
}
.account-toolbar div.toolbar .tool-element > span:hover,
.account-toolbar div.toolbar .tool-element > span a:hover {
    text-decoration: none;
    color: #89b72e;
}
.green-text {
    color: #93bd01 !important;
}
.account-toolbar .toolbar-number-width {
    min-width: 87px;
    display: inline-block;
    /*text-align: right;*/
    text-align: left;
}
.account-toolbar div.toolbar .tool-element:not(:last-child){
    border-right: solid 1px lightgrey;
}
.account-toolbar div.toolbar .white-shit {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 21px;
    width: 100%;
    background: white;
}
.account-toolbar div.info .email {
    margin-bottom: 7px;
}
.account-toolbar div.info .rt-rouble {
    font-size: 15px;
}
.account-toolbar div.promo {
    width: 180px;
    min-width: 180px;
}
.account-toolbar div.promo form.promo-form {
    clear: both;
    float: none;
    margin-left: 0px;
}
.account-toolbar div.promo form.promo-form input {
    height: 45px;
    margin-top: 12px;
    color: #9a9a9a;
}
.account-toolbar div.promo .res-icon {
    top: 12px;
}
.account-toolbar div.menu {
    width: 60px;
    min-width: 60px;
}
.account-toolbar .toggle.js-nav-toggle2 {
    height: 70px;
    cursor: pointer;
    line-height: 70px;
    text-align: center;
}
.account-toolbar .toggle.js-nav-toggle2 img {
    vertical-align: middle;
}
.account-toolbar .toggle > I:first-child {
    top: 10px;
}
.account-toolbar .toggle > I {
    position: absolute;
    top: 16px;
    left: 10px;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #999;
    transition: -webkit-transform .5s 0s ease-in-out, top .5s .5s ease-in-out, opacity 0s .5s linear;
    transition: transform .5s 0s ease-in-out, top .5s .5s ease-in-out, opacity 0s .5s linear;
}
.account-toolbar .toggle > I:last-child {
    top: 22px;
}
.account-toolbar .toggle._active > I:first-child {
    opacity: 1;
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.account-toolbar .toggle._active > I {
    opacity: 0;
    transition: -webkit-transform .5s .5s ease-in-out, top .5s 0s ease-in-out, opacity 0s .5s linear;
    transition: transform .5s .5s ease-in-out, top .5s 0s ease-in-out, opacity 0s .5s linear;
}
.account-toolbar .toggle._active > I:last-child {
    opacity: 1;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.account-menu._active {
    display: block;
}
.account-menu {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 240px;
    min-width: 240px;
    background: white;
    z-index: 1000;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    font-size: 14px;
    overflow: hidden;
}
.account-menu ul {
    margin: 18px 30px 25px 30px;
}
.account-menu ul li:not(:last-child) {
    /*margin-bottom: 10px;*/
}
.account-menu ul li {
    line-height: 34px;
}
.account-menu ul li img {
    margin-right: 10px;
    float: left;
    margin-top: 5px;
}
.account-menu ul li.cart-item._active {
    display: block;
}
.account-menu ul li.cart-item {
    display: none;
}
.account-menu ul li a {
    color: #333;
}
.account-menu .black-cross {
    position: absolute;
    top: 24px;
    right: 18px;
    cursor: pointer;
}
.account-menu #cart-summary {

}
.account-menu #cart-summary .con {
    font-weight: bold;
}
.account-menu .rt-rouble {
    margin-left: 3px;
    line-height: 9px;
    font-size: 15px;
    font-weight: bold;
}
.account-menu #cart-countdown2 {
    margin-right: 0px;
}
#cart-countdown2 {
    /*margin-right: 15px;*/
    /*font-weight: bold;*/
    color: #aaa;
}
.login-header {
    background-color: #9C3;
    padding: 20px 40px;
    font-size: 16px;
    color: white;
    vertical-align: middle;
    line-height: 40px;
}
.login-header img {
    float: left;
    margin-right: 10px;
}

.account-title-line {
    /*margin-top: 70px;*/
    /*padding: 30px 30px 30px 260px;*/
    background: #f3f3f3;
    font-size: 23px;
    text-align: center;
}
.account-title-line-core {
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
    width: calc(100% - 480px);
    padding: 30px 20px;
    text-align: left;
}

.b-rating,
.b-rating2 {
    position: relative;
    width: 0;
    height: 11px;
    overflow: hidden;
    display: inline-block;
}

.b-rating::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 71px;
    height: 29px;
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODMgMjkiPjxkZWZzPjxwYXRoIGlkPSJzIiBkPSJNMi4xNTkgMTAuOTg5bDMuNDk0LTIuNDg0IDMuNDkzIDIuNDg0LTEuMjMyLTQuMTY0IDMuMzkyLTIuNjI5LTQuMjU2LS4wODgtMS4zOTctNC4xMDhoLS4wMDFsLTEuMzk3IDQuMTA4LTQuMjU1LjA4OCAzLjM5MiAyLjYyOXoiLz48L2RlZnM+PGcgZmlsbD0iIzg5QjcyRSI+PHVzZSB4PSIwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjE4IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjM2IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjcyIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48L2c+PGcgZmlsbD0iI0NGQ0VDQyI+PHVzZSB4PSIwIiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSIxOCIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjx1c2UgeD0iMzYiIHk9IjE4IiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSI3MiIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjwvZz48L3N2Zz4=);*/
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzEgMjkiPjxkZWZzPjxwYXRoIGlkPSJzIiBkPSJNMi4xNTkgMTAuOTg5bDMuNDk0LTIuNDg0IDMuNDkzIDIuNDg0LTEuMjMyLTQuMTY0IDMuMzkyLTIuNjI5LTQuMjU2LS4wODgtMS4zOTctNC4xMDhoLS4wMDFsLTEuMzk3IDQuMTA4LTQuMjU1LjA4OCAzLjM5MiAyLjYyOXoiLz48L2RlZnM+PGcgZmlsbD0iI2NjZWE3OCI+PHVzZSB4PSIwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjE1IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjMwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjQ1IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjYwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48L2c+PGcgZmlsbD0iI0NGQ0VDQyI+PHVzZSB4PSIwIiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSIxNSIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjx1c2UgeD0iMzAiIHk9IjE4IiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjQ1IiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSI2MCIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjwvZz48L3N2Zz4=);*/
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjMgMjkiPjxkZWZzPjxwYXRoIGlkPSJzIiBkPSJNMi4xNTkgMTAuOTg5bDMuNDk0LTIuNDg0IDMuNDkzIDIuNDg0LTEuMjMyLTQuMTY0IDMuMzkyLTIuNjI5LTQuMjU2LS4wODgtMS4zOTctNC4xMDhoLS4wMDFsLTEuMzk3IDQuMTA4LTQuMjU1LjA4OCAzLjM5MiAyLjYyOXoiLz48L2RlZnM+PGcgZmlsbD0iI2NjZWE3OCI+PHVzZSB4PSIwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjEzIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjI2IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjM5IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjUyIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48L2c+PGcgZmlsbD0iI0NGQ0VDQyI+PHVzZSB4PSIwIiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSIxMyIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjx1c2UgeD0iMjYiIHk9IjE4IiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjM5IiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSI1MiIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.b-rating.white::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODMgMjkiPjxkZWZzPjxwYXRoIGlkPSJzIiBkPSJNMi4xNTkgMTAuOTg5bDMuNDk0LTIuNDg0IDMuNDkzIDIuNDg0LTEuMjMyLTQuMTY0IDMuMzkyLTIuNjI5LTQuMjU2LS4wODgtMS4zOTctNC4xMDhoLS4wMDFsLTEuMzk3IDQuMTA4LTQuMjU1LjA4OCAzLjM5MiAyLjYyOXoiLz48L2RlZnM+PGcgZmlsbD0iI2ZmZmZmZiI+PHVzZSB4PSIwIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjE4IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjM2IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjcyIiB5PSIwIiB4bGluazpocmVmPSIjcyIgLz48L2c+PGcgZmlsbD0iI0NGQ0VDQyI+PHVzZSB4PSIwIiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSIxOCIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjx1c2UgeD0iMzYiIHk9IjE4IiB4bGluazpocmVmPSIjcyIgLz48dXNlIHg9IjU0IiB5PSIxOCIgeGxpbms6aHJlZj0iI3MiIC8+PHVzZSB4PSI3MiIgeT0iMTgiIHhsaW5rOmhyZWY9IiNzIiAvPjwvZz48L3N2Zz4=);
}


.b-rating.x0,
.b-rating2.x0 {
    width: 0px;
}

.b-rating.x1,
.b-rating2.x1 {
    width: 18px;
}

.b-rating.x2,
.b-rating2.x2 {
    width: 30px;
}

.b-rating.x3,
.b-rating2.x3 {
    width: 40px;
}

.b-rating.x4,
.b-rating2.x4 {
    width: 55px;
}

.b-rating.x5,
.b-rating2.x5 {
    width: 71px;
}