@charset "UTF-8";
.migliortariffa {
    background: #000;
    border: 0;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 38px;
    padding: 5px 15px;
    border-radius: 3px;
    line-height: 28px;
    -webkit-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    width: 100%;
}

.icon-text [class^="i--"],
.icon-text [class*=" i--"],
.icon-text .icon-text__icon {
    padding-right: .125em
}

.icon-text [class^="i--"]:before,
.icon-text [class*=" i--"]:before,
.icon-text .icon-text__icon:before {
    position: relative;
    top: .1625em
}

.icon-text--rev [class^="i--"],
.icon-text--rev [class*=" i--"],
.icon-text--rev .icon-text__icon {
    padding-left: .125em
}

.icon-text--rev [class^="i--"]:before,
.icon-text--rev [class*=" i--"]:before,
.icon-text--rev .icon-text__icon:before {
    position: relative;
    top: .1625em
}

.close-btn,
.header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .currency-picker>a:before,
[class^="i--"],
[class*=" i--"] {
    font-family: 'icomoon';
    font-size: 140%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.close-btn:before,
.header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .currency-picker>a:before,
[class^="i--"]:before,
[class*=" i--"]:before {
    display: inline-block;
    position: absolute
}

.fontface .close-btn,
.fontface .header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .fontface .header__menu__item.header__menu__account>a:before,
.fontface .header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .fontface .language-picker>a:before,
.fontface .header__menu .header__menu__item .currency-picker>a:before,
.header__menu .header__menu__item .fontface .currency-picker>a:before,
.fontface [class^="i--"],
.fontface [class*=" i--"] {
    white-space: nowrap
}

.fontface .close-btn:before,
.fontface .header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .fontface .header__menu__item.header__menu__account>a:before,
.fontface .header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .fontface .language-picker>a:before,
.fontface .header__menu .header__menu__item .currency-picker>a:before,
.header__menu .header__menu__item .fontface .currency-picker>a:before,
.fontface .close-btn:after,
.fontface [class^="i--"]:before,
.fontface [class^="i--"]:after,
.fontface [class*=" i--"]:before,
.fontface [class*=" i--"]:after {
    display: none
}

.i--x:before,
.close-btn:before {
    content: "\e610"
}

.fontface .i--x:before,
.fontface .close-btn:before {
    content: "\00d7";
    display: inline-block;
    font-size: 170%;
    margin-top: -0.25em !important
}

.i--arrow-up:before,
.header__menu .header__menu__item.header__menu__account>a.is-open:before,
.header__menu .header__menu__item .language-picker>a.is-open:before,
.header__menu .header__menu__item .currency-picker>a.is-open:before {
    content: "\e603"
}

.fontface .i--arrow-up:before,
.fontface .header__menu .header__menu__item.header__menu__account>a.is-open:before,
.header__menu .fontface .header__menu__item.header__menu__account>a.is-open:before,
.fontface .header__menu .header__menu__item .language-picker>a.is-open:before,
.header__menu .header__menu__item .fontface .language-picker>a.is-open:before,
.fontface .header__menu .header__menu__item .currency-picker>a.is-open:before,
.header__menu .header__menu__item .fontface .currency-picker>a.is-open:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
    display: inline-block;
    border: solid .25em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-left: -0.5em;
    top: .65em;
    width: 1em
}

.i--arrow-right:before {
    content: "\e604"
}

.fontface .i--arrow-right:before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    content: "";
    display: inline-block;
    border: solid .25em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-right: .2em;
    top: .75em;
    width: 1em
}

.i--arrow-left:before {
    content: "\e605"
}

.fontface .i--arrow-left:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
    border: solid .25em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-right: .2em;
    top: .75em;
    width: 1em
}

.i--arrow-down:before,
.header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .currency-picker>a:before {
    content: "\e606"
}

.fontface .i--arrow-down:before,
.fontface .header__menu .header__menu__item.header__menu__account>a:before,
.header__menu .fontface .header__menu__item.header__menu__account>a:before,
.fontface .header__menu .header__menu__item .language-picker>a:before,
.header__menu .header__menu__item .fontface .language-picker>a:before,
.fontface .header__menu .header__menu__item .currency-picker>a:before,
.header__menu .header__menu__item .fontface .currency-picker>a:before {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
    content: "";
    display: inline-block;
    border: solid .25em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 70%;
    height: 1em;
    margin-left: .25em;
    top: .65em;
    width: 1em
}

.i--arrow-left-light:before,
.i--arrow-light-left:before {
    content: '\e605'
}

.fontface .i--arrow-left-light:before,
.fontface .i--arrow-light-left:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
    border: solid .125em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-right: .2em;
    top: .75em;
    width: 1em
}

.i--arrow-right-light:before,
.i--arrow-light-right:before {
    content: '\e604'
}

.fontface .i--arrow-right-light:before,
.fontface .i--arrow-light-right:before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    content: "";
    display: inline-block;
    border: solid .125em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-right: .2em;
    top: .75em;
    width: 1em
}

.i--arrow-up-light:before,
.i--arrow-light-up:before {
    content: ''
}

.fontface .i--arrow-up-light:before,
.fontface .i--arrow-light-up:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
    display: inline-block;
    border: solid .125em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 60%;
    height: 1em;
    margin-left: -0.5em;
    top: .65em;
    width: 1em
}

.i--arrow-down-light:before,
.i--arrow-light-down:before {
    content: '\e606'
}

.fontface .i--arrow-down-light:before,
.fontface .i--arrow-light-down:before {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
    content: "";
    display: inline-block;
    border: solid .125em white;
    border-top-width: 0;
    border-right-width: 0;
    display: inline-block;
    font-size: 70%;
    height: 1em;
    margin-left: .25em;
    top: .65em;
    width: 1em
}

.i--burgermenu:before {
    content: "\e60b"
}

.fontface .i--burgermenu:before {
    content: "\2261";
    display: inline-block;
    font-family: Courier, sans-serif;
    font-size: 200%;
    top: -.2em !important;
    left: .05em !important
}

.i--phone:before {
    content: "\e609"
}

.fontface .i--phone:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    border: solid .2em white;
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
    border-right-width: .125em;
    border-left-width: 0;
    content: '';
    display: inline-block;
    height: .65em;
    position: absolute;
    margin-left: -0.45em;
    margin-top: -0.1em;
    width: .2em
}

.fontface .i--phone:after {
    border: solid .075em white;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 1em;
    position: absolute;
    top: -0.125em !important;
    right: 0 !important;
    width: 1em
}

.i--language:before {
    content: "\e60a"
}

.i--currency:before {
    content: "\e60f"
}

.i--calendar:before {
    content: "\e611"
}

.i--calendar--orange {
    z-index: 0
}

.i--calendar--orange:before {
    background: url("https://www.hbb.bz/boxes/img/sprites/sprite-main.png") no-repeat scroll -56px -657px transparent;
    height: 24px!important;
    left: -2px !important;
    top: 1px !important;
    border: none !important;
    width: 25px!important;
    z-index: 1
}

.i--calendar--orange:after {
    background-color: #fe9132;
    background: url("https://www.hbb.bz/boxes/img/sprites/sprite-main.png") no-repeat scroll -56px -657px transparent;
    height: 24px!important;
    left: 6px;
    top: 10px;
    width: 25px!important;
    content: '';
    position: absolute;
    margin-top: -5px;
}

.fontface .i--calendar--orange {
    font-size: 90% !important
}

.fontface .i--calendar--orange:before {
    border: solid .175em #666;
    border-top-width: 0;
    border-left-width: 0;
    content: "";
    display: inline-block;
    font-family: times;
    font-style: italic;
    height: 1.8em;
    line-height: 0;
    margin-top: .475em;
    padding: .7em .75em;
    margin-left: .3em;
    text-indent: -0.5em;
    width: 1.75em
}

.fontface .i--calendar--orange:after {
    background-color: transparent;
    border: solid .175em #666;
    border-top-width: .5em;
    content: "31";
    color: #666;
    display: inline-block;
    line-height: 0;
    margin-top: 0;
    margin-left: 0;
    padding: .7em .75em;
    text-indent: -0.6em;
    width: 1.75em
}

.i--profile:before,
.i--person:before {
    content: "\e608"
}

.i--add-person:before {
    content: ""
}

.fontface .i--add-person:before {
    border: solid .35em #666;
    border-bottom-width: .125em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    content: '';
    display: inline-block;
    height: 0;
    margin-top: .575em;
    position: absolute;
    width: 0
}

.fontface .i--add-person:after {
    background-color: #666;
    border-top-width: 0;
    border-left-width: 0;
    border-radius: 50%;
    content: '+';
    color: #666;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    height: .45em;
    line-height: 55%;
    margin: .125em;
    position: absolute;
    text-indent: .4em;
    width: .45em
}

.i--facebook:before {
    content: "\e60e"
}

.fontface .i--facebook:before {
    background-color: white;
    border-radius: 50%;
    content: "f";
    color: #484848;
    display: inline-block;
    font-family: tahoma;
    font-size: 70%;
    font-weight: bold;
    height: .9em;
    letter-spacing: -.1em;
    line-height: .5em;
    padding: .55em;
    text-indent: -.15em;
    width: .9em
}

.i--gplus:before {
    content: "\e60d"
}

.fontface .i--gplus:before {
    background-color: white;
    border-radius: 50%;
    content: "g+";
    color: #484848;
    display: inline-block;
    font-family: georgia;
    font-size: 65%;
    height: .9em;
    letter-spacing: -0.1em;
    line-height: 0;
    padding: .6em;
    padding-top: .5em;
    padding-bottom: .7em;
    text-transform: none;
    text-indent: -0.55em;
    width: .9em
}

.i--logout:before,
.i--exit:before {
    content: "\e607"
}

.i--hotel-3-stars:before {
    content: "\e600"
}

.i--certificate:before,
.i--diploma:before {
    content: "\e602"
}

.i--badge:before {
    content: "\e601"
}

.close-btn {
    background-color: #666;
    border-radius: 13px;
    color: #fff;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 26px
}

.close-btn:before {
    position: absolute;
    font-size: 18px;
    right: 4px;
    top: 4px
}

.ribbon--green {
    background-color: #009b3e
}

.ribbon--green:after {
    border-left: 5px solid #00752f;
    border-top: 5px solid #00752f
}

.ribbon--green .ribbon__text {
    color: #fff
}

.home-be__city,
.home-be__calendar {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
}

@media only screen and (min-width:999px) {
    .home-be__city,
    .home-be__calendar {
        position: relative;
        float: left;
        width: 26%;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 15px;
        margin-bottom: 0;
        padding-right: 0
    }
}

.home-be__guests--wrap {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width:999px) {
    .home-be__guests--wrap {
        position: relative;
        float: left;
        width: 48%;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 0px;
    }
}

.home-be__guests {
    position: relative;
    float: left;
    width: 62.333333%;
    min-height: 1px;
    padding-right: 15px;
    padding-right: 0;
    text-align: left;
}

.home-be__button {
    position: relative;
    float: left;
    width: 36.866667%;
    min-height: 1px;
    padding-left: 5px;
    margin-bottom: 0px !important;
}

.field--icon .field__input,
.field--icon-left .field__input,
.field--icon-right .field__input {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 38px
}

.field--icon .field__icon,
.field--icon-left .field__icon,
.field--icon-right .field__icon {
    background-color: #fff;
    border-radius: 3px;
    color: #666;
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: pointer
}

.field--icon .field__icon:before,
.field--icon-left .field__icon:before,
.field--icon-right .field__icon:before,
.field--icon .field__icon:after,
.field--icon-left .field__icon:after,
.field--icon-right .field__icon:after {
    left: 5px;
    top: 10px
}

.field--icon select.field__input,
.field--icon-left select.field__input,
.field--icon-right select.field__input {
    background-color: transparent;
    position: relative;
    z-index: 2
}

.field--icon-right .field__input {
    padding-left: 10px;
    padding-right: 38px
}

.field--icon-right .field__icon {
    left: auto
}

.field--icon-right .field__icon:before,
.field--icon-right .field__icon:after {
    right: 5px
}

.guests input {
    padding: 0
}

.field__error {
    background: #fcc;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    padding: 10px;
    position: absolute;
    z-index: 1
}

.field__error:before {
    content: '';
    border-bottom: 10px solid #fcc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    display: inline-block;
    float: left;
    height: 0;
    margin-top: -30px;
    margin-left: 30%;
    width: 0
}

/*
.dropdown,
.dropdown--arrow-top-left,
.dropdown--arrow-top-right {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #111;
    display: none;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    position: absolute;
    text-align: right;
    z-index: 9999
}

.dropdown .dropdown__content,
.dropdown--arrow-top-left .dropdown__content,
.dropdown--arrow-top-right .dropdown__content {
    font-size: 14px;
    font-weight: normal;
    overflow-y: auto;
    padding: 0 10px;
    text-align: left
}

.dropdown .dropdown__item,
.dropdown--arrow-top-left .dropdown__item,
.dropdown--arrow-top-right .dropdown__item,
.dropdown .dropdown__item>a,
.dropdown--arrow-top-left .dropdown__item>a,
.dropdown--arrow-top-right .dropdown__item>a {
    color: #111
}

.dropdown .dropdown__item,
.dropdown--arrow-top-left .dropdown__item,
.dropdown--arrow-top-right .dropdown__item {
    clear: both;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 2px 5px;
    margin: 2px 0
}

.dropdown .dropdown__item:hover,
.dropdown--arrow-top-left .dropdown__item:hover,
.dropdown--arrow-top-right .dropdown__item:hover,
.dropdown .dropdown--selected,
.dropdown--arrow-top-left .dropdown--selected,
.dropdown--arrow-top-right .dropdown--selected {
    border-radius: 2px;
    background: #00a9d5;
    color: #fff
}

.dropdown .dropdown__item:hover>a,
.dropdown--arrow-top-left .dropdown__item:hover>a,
.dropdown--arrow-top-right .dropdown__item:hover>a,
.dropdown .dropdown__item:hover>a:active,
.dropdown--arrow-top-left .dropdown__item:hover>a:active,
.dropdown--arrow-top-right .dropdown__item:hover>a:active,
.dropdown .dropdown__item:hover>a:visited,
.dropdown--arrow-top-left .dropdown__item:hover>a:visited,
.dropdown--arrow-top-right .dropdown__item:hover>a:visited {
    color: #fff
}

.dropdown .dropdown__separator,
.dropdown--arrow-top-left .dropdown__separator,
.dropdown--arrow-top-right .dropdown__separator,
.dropdown .dropdown__title,
.dropdown--arrow-top-left .dropdown__title,
.dropdown--arrow-top-right .dropdown__title,
.dropdown .dropdown__separator:hover,
.dropdown--arrow-top-left .dropdown__separator:hover,
.dropdown--arrow-top-right .dropdown__separator:hover,
.dropdown .dropdown__title:hover,
.dropdown--arrow-top-left .dropdown__title:hover,
.dropdown--arrow-top-right .dropdown__title:hover {
    cursor: default;
    display: block
}

.dropdown .dropdown__title,
.dropdown--arrow-top-left .dropdown__title,
.dropdown--arrow-top-right .dropdown__title {
    clear: both;
    display: inline-block;
    float: left;
    color: #009b3e;
    font-size: 16px;
    font-weight: bold;
    padding: 5px
}

@media all and (max-width:449px) {
    .dropdown,
    .dropdown--arrow-top-left,
    .dropdown--arrow-top-right {
        position: relative
    }
    .dropdown:after,
    .dropdown--arrow-top-left:after,
    .dropdown--arrow-top-right:after,
    .dropdown:before,
    .dropdown--arrow-top-left:before,
    .dropdown--arrow-top-right:before {
        content: none
    }
}

.dropdown--arrow-top-left {
    left: 0;
    margin-left: -5px;
    margin-top: 15px
}

.dropdown--arrow-top-right {
    margin-right: -5px;
    margin-top: 15px;
    right: 0
}

.dropdown--arrow-top-left:before,
.dropdown--arrow-top-right:before,
.dropdown--arrow-top-left:after,
.dropdown--arrow-top-right:after {
    border-collapse: separate;
    bottom: 100%;
    content: "";
    position: absolute
}

.dropdown--arrow-top-left:before,
.dropdown--arrow-top-right:before {
    border: 11px solid transparent
}

.dropdown--arrow-top-left:before {
    border-bottom-color: white !important;
    left: 10px
}
/*

.bookingengine .check-in-date input,
.bookingengine--air .check-in-date input,
.bookingengine .check-out-date input,
.bookingengine--air .check-out-date input {
    cursor: pointer
}

.bookingengine .guests .field__input,
.bookingengine--air .guests .field__input {
    padding-left: 36px;
    padding-right: 3px
}

#ui-datepicker-div {
    background: #fff;
    color: #111;
    display: none;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    height: 310px;
    left: 50% !important;
    margin-left: -134px;
    text-align: center;
    top: 58px !important;
    z-index: 99 !important
}

#ui-datepicker-div .ui-datepicker-header {
    margin: 15px 15px 0
}

#ui-datepicker-div .ui-datepicker-calendar {
    margin: 0 15px
}

#ui-datepicker-div table {
    border-spacing: 0;
    padding-top: 5px;
    width: 238px
}

#ui-datepicker-div th {
    max-width: 34px;
    width: 34px
}

#ui-datepicker-div .ui-datepicker-group {
    display: inline-block;
    float: left;
    padding: 0 10px;
    margin: 8px 0;
    max-width: 259px
}

#ui-datepicker-div .ui-datepicker-group .ui-datepicker-header {
    margin-top: 7px
}

#ui-datepicker-div .ui-datepicker-group-first {
    border-right: 1px solid #b3b3b3
}

#ui-datepicker-div .ui-state-default {
    display: inline-block;
    width: 24px;
    height: 23px;
    font-size: 17px;
    line-height: 23px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#ui-datepicker-div td {
    text-align: center;
    padding: 0
}

#ui-datepicker-div .ui-datepicker-title {
    border-bottom: 1px solid #b3b3b3;
    color: #009b3e;
    display: block;
    font-size: 18px;
    padding-bottom: 10px
}

#ui-datepicker-div td a {
    padding: 5px;
    display: block;
    color: #009b3e
}

#ui-datepicker-div .ui-datepicker-today {
    background: #00a9d5
}

#ui-datepicker-div .ui-datepicker-today a {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-today span {
    color: #fff;
    background: transparent
}

#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today,
#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:hover {
    background-color: #00752f;
    color: white !important;
    cursor: pointer
}

#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:after,
#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar.ui-datepicker-today:hover:after {
    content: '';
    height: 33px;
    border-left: 5px solid #00752f;
    border-bottom: 16px solid #61cc8c;
    border-top: 16px solid #61cc8c;
    float: right;
    margin-left: 0;
    margin-top: -5px
}

#ui-datepicker-div .app-picker-for-arrival .ui-state-default:hover,
#ui-datepicker-div .arrival-date-calendar .ui-state-active {
    background-color: #00752f;
    color: #fff;
    cursor: pointer
}

#ui-datepicker-div .app-picker-for-arrival .ui-state-default:hover:after,
#ui-datepicker-div .arrival-date-calendar .ui-state-active:after {
    content: '';
    height: 33px;
    border-left: 5px solid #00752f;
    border-bottom: 16px solid #61cc8c;
    border-top: 16px solid #61cc8c;
    float: right;
    margin-right: -5px;
    margin-top: -5px
}

#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar,
#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:hover {
    background-color: #00752f;
    color: #fff;
    cursor: pointer
}

#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:after,
#ui-datepicker-div .app-picker-for-departure .arrival-date-calendar:hover:after {
    content: '';
    height: 33px;
    border-left: 5px solid #00752f;
    border-bottom: 16px solid #61cc8c;
    border-top: 16px solid #61cc8c;
    position: absolute;
    margin-left: -5px
}

#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default,
#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover {
    color: #b3b3b3;
    background: #fff;
    cursor: default
}

#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:after,
#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover:after {
    border-left: 5px solid #fff;
    border-bottom: 16px solid #fff;
    border-top: 16px solid #fff
}

#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover {
    color: #b3b3b3;
    background: #fff;
    cursor: default
}

#ui-datepicker-div .app-picker-for-arrival .ui-datepicker-unselectable .ui-state-default:hover:after {
    border-left: 5px solid #fff;
    border-bottom: 16px solid #fff;
    border-top: 16px solid #fff
}

#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span,
#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:hover {
    color: #b3b3b3;
    background: transparent;
    cursor: default
}

#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:after,
#ui-datepicker-div .app-picker-for-departure .ui-datepicker-unselectable span:hover:after {
    content: '';
    height: 33px;
    border-right: 5px solid #fff;
    border-bottom: 16px solid #fff;
    border-top: 16px solid #fff;
    float: left;
    margin-left: -10px;
    margin-top: -5px
}

#ui-datepicker-div .departure-date-calendar {
    background-color: #00752f;
    color: #fff;
    cursor: pointer
}

#ui-datepicker-div .departure-date-calendar:before {
    content: '';
    height: 33px;
    border-right: 5px solid #00752f;
    border-bottom: 16px solid #61cc8c;
    border-top: 16px solid #61cc8c;
    position: absolute;
    margin-right: -5px
}

#ui-datepicker-div .app-picker-for-departure .ui-state-default:hover {
    background-color: #00752f;
    color: #fff;
    cursor: pointer
}

#ui-datepicker-div .app-picker-for-departure .ui-state-default:hover:after {
    content: '';
    height: 33px;
    border-right: 5px solid #00752f;
    border-bottom: 16px solid #61cc8c;
    border-top: 16px solid #61cc8c;
    float: left;
    margin-left: -5px;
    margin-top: -5px
}

#ui-datepicker-div table a:hover,
#ui-datepicker-div .arrival-date-calendar a,
#ui-datepicker-div .departure-date-calendar a {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-unselectable {
    padding: 5px
}

#ui-datepicker-div .stay-date-calendar {
    background: #61cc8c
}

#ui-datepicker-div .stay-date-calendar a {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-prev {
    background-image: url("https://www.hbb.bz/boxes/img/homepage-images/sprite.png");
    background-position: -166px -57px;
    cursor: pointer;
    float: left;
    height: 25px;
    width: 25px
}

#ui-datepicker-div .ui-datepicker-next {
    background-image: url("https://www.hbb.bz/boxes/img/homepage-images/sprite.png");
    background-position: -141px -57px;
    cursor: pointer;
    float: right;
    height: 25px;
    width: 25px
}

#ui-datepicker-div .ui-datepicker-header .ui-state-disabled {
    opacity: .5;
    cursor: default
}

#ui-datepicker-div.date-departure {
    top: 110px !important
}

#ui-datepicker-div:before {
    content: "";
    border-bottom: 10px solid #009b3e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    height: 0;
    left: 20%;
    margin-top: -20px;
    padding: 0;
    position: absolute;
    width: 0
}

#ui-datepicker-div.date-departure:before {
    left: auto;
    right: 20%
}

#ui-datepicker-title {
    background: #009b3e;
    color: #fff;
    text-align: left;
    padding: 5px 15px;
    font-weight: bold
}

#ui-datepicker-title .bedpnn {
    float: right;
    display: none
}

@media all and (min-width:450px) {
    #ui-datepicker-div.date-arrival {
        left: -15px !important;
        margin: 0
    }
    #ui-datepicker-div.date-departure {
        left: auto !important;
        margin: 0;
        right: -15px !important;
        top: 58px !important
    }
}

@media all and (min-width:630px) {
    #ui-datepicker-div {
        width: 520px !important
    }
    #ui-datepicker-div .bedpnn {
        display: inline-block
    }
    #ui-datepicker-div .ui-datepicker-header,
    #ui-datepicker-div .ui-datepicker-calendar {
        margin-left: 0;
        margin-right: 0
    }
}

@media all and (min-width:999px) {
    #ui-datepicker-div.date-arrival {
        left: 0 !important;
        margin-left: -165px
    }
    #ui-datepicker-div.date-departure {
        right: 0 !important;
        margin-right: -165px
    }
    #ui-datepicker-div.date-arrival:before,
    #ui-datepicker-div.date-departure:before {
        left: 50%;
        right: auto;
        margin-left: -10px
    }
}

#ui-id-1 {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    list-style-type: none;
    max-width: 330px;
    margin-top: 5px;
    padding: 15px;
    position: absolute;
    top: 58px !important;
    width: 90% !important;
    z-index: 9999
}

#ui-id-1 .results-group,
#ui-id-1 .results-group:hover {
    color: #009b3e;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor: default;
    display: block;
    float: none
}

#ui-id-1 li {
    border-radius: 2px;
    clear: both;
    color: black;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 5px;
    text-align: left;
    font-size: 14px
}

#ui-id-1 li:hover {
    background: #00a9d5;
    color: #fff
}

#ui-id-1:before {
    border-bottom: 9px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid transparent;
    content: "";
    float: left;
    height: 0;
    margin-right: 10px;
    margin-top: -31px;
    width: 0
}

.ui-helper-hidden-accessible {
    display: none
}

.bookingengine--air {
    padding: 10px 5px;
    border-radius: 0;
    background-color: none;
    color: #fff;
    position: relative
}

.bookingengine--air .search {
    position: relative
}

.bookingengine--air .search .field__error {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-right: 15px;
    width: 100%
}

.bookingengine--air .search__clear {
    background-color: #666;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 19px;
    width: 23px;
    z-index: 0
}

.bookingengine--air .search__clear:before {
    margin: 3px;
    z-index: 1
}

@media all and (min-width:450px) {
    .bookingengine--air {
        border-radius: 3px;
        /* border: 1px solid #d6d6d6; */
        /* border-color: rgba(0,0,0, 0.08); */
        /* box-shadow: 0px 0px 6px 0px rgba(0,0,0, 0.17); */
    }
}

@media all and (min-width:999px) {
    .bookingengine--air .search .field__error {
        left: -10px;
        position: absolute;
        top: 50px
    }
}

@media all and (min-width:999px) {
    .bookingengine--air {
        position: relative
    }
    .bookingengine--air .search {
        position: static
    }
    .bookingengine--air .search .field__error {
        width: auto
    }
    .bookingengine--air .search__clear {
        display: none
    }
}

.jumbo__be .i--calendar--orange {
    font-size: 26px
}

.jumbo__be #app-homearrival {
    font-size: 14px;
    padding: 8px
}

.jumbo__be .app-select-guests .i--add-person:before {
    font-size: 0;
    margin-left: -1px
}

#app-homearrival {
    font-family: "arial", "helvetica", "sans-serif" !important
}

#app-homerg-configurator {
    display: block;
    top: 40px
}

.datepick-popup {
    margin-top: 18px;
    margin-left: 14px
}

.datepick-popup .datepick-hdr {
    height: 30px !important
}

.datepick-popup .datepick-month td {
    padding: 0 !important
}

.datepick-popup .datepick-month a.dp-departure:after {
    height: 23px;
    left: 88%;
    width: 4px;
}

.i--add-person:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -56px -639px;
    height: 16px;
    left: 6px;
    top: 10px;
    width: 22px
}

.suggested-guest-sel {
    margin: 0;
    list-style: none !important;
    margin-left: 0px !important;
    color: #000;
    padding: 0
}

.suggested-guest-sel .app-clickable-option {
    color: #666;
    cursor: pointer
}

.app-add-room {
    cursor: pointer;
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden
}

.app-rg-done:hover {
    background: #988676;
}

.app-rg-done {
    float: right;
    width: 50%;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #988676;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFF;
    cursor: pointer;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    min-width: 135px;
    padding: 5px 20px
}

.circle-button {
    border-radius: 50%;
    background: #988676;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    text-align: center;
    width: 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px;
    padding: 1px
}

.circle-button span {
    position: relative;
    top: 1px
}

.circle-button.disabled {
    background-color: #ddd
}

.circle-button.disabled:hover {
    background-color: #ddd;
    cursor: default
}

.circle-button:hover,
.circle-button:focus {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #d4bda9;
}

.remove-button-bold {
    display: block;
    height: 12px;
    width: 12px;
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -60px -685px;
    text-indent: -9000em;
    cursor: pointer
}

.remove-button-bold:hover,
.remove-button-bold:focus {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -60px -699px
}

.i--add-person {
    font-family: "arial", "helvetica", "sans-serif";
    padding: 13px 0 10px 31px
}

@media(min-width:450px) {
    .ui-autocomplete {
        margin-top: 322px
    }
    #app-homerg-configurator {
        left: 8px;
        right: auto
    }
}

@media(min-width:999px) {
    .ui-autocomplete {
        margin-top: 457px
    }
    #app-homerg-configurator {
        right: 0;
        left: auto
    }
}

.check-in-date {
    width: 100%
}

.check-in-date label {
    padding-left: 26px;
    display: inline-block;
    width: 100%
}

.guest-room {
    font-size: 9pt;
    height: 37px
}

.ribbon--green {
    display: inline-block;
    float: right;
    font-size: 16px;
    margin-right: -10px;
    padding: 5px 5px 5px 10px;
    position: relative
}

.ribbon--green:after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -10px;
    content: '';
    height: 0;
    right: 0;
    position: absolute;
    width: 0
}

.ribbon--green .ribbon__text {
    display: inline-block;
    font-weight: bold
}

.hbb_contenitore_box_reservation *,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.app-booking-engine {
    clear: both;
    position: relative;
    margin: 0 auto !important;
    background: rgba(0, 0, 0, 0.6);
    margin-top: 0px !important;
    padding: 10px 5px;
}

.be-horizontal {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ddd;
    border-bottom: solid 1px #bebebe;
    color: #323232;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    position: relative
}

.be-horizontal label {
    color: #666
}

.be-horizontal .search-details {
    color: #484848
}

.be-horizontal .change-search {
    color: #006680;
    cursor: pointer;
    text-decoration: none
}

.be-horizontal .open {
    display: none
}

.be-horizontal .close {
    display: block
}

.be-horizontal .is-collapsed {
    cursor: pointer
}

.be-horizontal .is-collapsed .close {
    display: none
}

.be-horizontal .is-collapsed .open {
    display: block
}

.be-horizontal .search-box,
.be-horizontal .select-date {
    margin: 0 5px 0 0
}

.be-horizontal .search-box {
    width: 32%
}

.be-horizontal .select-date {
    width: 220px
}

.be-horizontal .button-bpg {
    display: inline-block;
    float: right;
    text-align: right
}

.padded-wrapper {
    padding-top: 15px
}

.engine {
    float: none;
    width: 100%
}

.engine label {
    cursor: pointer;
    display: block;
    height: 36px;
    width: 100%
}

.engine .select-wrapper,
.engine .date-wrapper,
.engine .select-guests-wrapper {
    background: #fff;
    border-bottom: 0;
    border-left: 1px solid #a4a4a4;
    border-radius: 3px;
    border-right: 0;
    border-top: 1px solid #a4a4a4;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    padding: 1px 0 0 5px;
    position: relative;
    width: 100%
}

.engine .select-wrapper:active,
.engine .date-wrapper:active,
.engine .select-guests-wrapper:active {
    -webkit-appearance: none;
    -moz-appearance: none
}

.engine input[type="text"] {
    border-bottom: 0;
    border-left: 1px solid #a4a4a4;
    border-radius: 3px;
    border-right: 0;
    border-top: 1px solid #a4a4a4;
    cursor: pointer;
    font: 15px Arial, Helvetica, sans-serif;
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 1px 0 0 5px
}

.engine input[type="text"].active {
    background: #bebebe;
    font-weight: bold;
    height: 38px
}

.engine input[type="submit"],
.engine input[type="button"],
.engine button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #009b3e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    min-width: 135px;
    padding: 5px 20px;
    -webkit-appearance: none
}

.engine input[type="submit"]:hover,
.engine button:hover {
    background: #00752f;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.engine .search-box,
.engine .select-date,
.engine .select-guests {
    display: inline-block;
    float: left
}

.engine .select-date {
    position: relative
}

.engine .search-box input {
    cursor: auto;
    height: 38px
}

.engine .clearit {
    background-color: #AAA;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bolder;
    padding: 8px 9px;
    position: absolute;
    right: 3px;
    top: 4px
}

.engine .select-date label:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -60px -657px;
    content: "";
    display: inline-block;
    height: 22px;
    margin: 5px 3px -6px 0;
    width: 21px
}

.engine .select-date input[type="text"] {
    border: 0;
    max-width: 85%;
    outline: 0;
    padding: 2px 0 0 0
}

.engine .field__error {
    left: 0;
    position: absolute;
    top: 78px;
    z-index: 2
}

#page-dhp .search-box .field__error,
#page-dhpl .search-box .field__error,
#page-offer_detail .search-box .field__error,
#page-establishment_detail .search-box .field__error,
#page-guest_reviews .search-box .field__error {
    top: 33px
}

.sitetype-affiliate .field__error {
    top: 47px !important
}

.be-toggler {
    float: right
}

.close,
.open {
    color: #006680;
    cursor: pointer
}

.close .icon,
.open .icon {
    display: inline-block;
    background-image: url(https://www.hbb.bz/boxes/img/product_page/temp_sprite.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 20px
}

.close .icon {
    background-position: right -157px
}

.open .icon {
    background-position: right -167px
}

.establishment-trigger {
    color: #006680;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px
}

.establishment-trigger input {
    margin: 0
}

.establishment-trigger span {
    color: #006680
}

.establishment-trigger .dark {
    color: #323232
}

.sitetype-hsg #ui-datepicker-div:before,
.sitetype-affiliate #ui-datepicker-div:before,
.sitetype-bbe #ui-datepicker-div:before {
    left: 15px
}

.sitetype-hsg #ui-datepicker-div.date-arrival,
.sitetype-hsg #ui-datepicker-div.date-departure,
.sitetype-affiliate #ui-datepicker-div.date-arrival,
.sitetype-affiliate #ui-datepicker-div.date-departure,
.sitetype-bbe #ui-datepicker-div.date-arrival,
.sitetype-bbe #ui-datepicker-div.date-departure {
    margin-left: -33px !important
}

.sitetype-hsg .button-bpg,
.sitetype-affiliate .button-bpg,
.sitetype-bbe .button-bpg {
    margin-left: 5px
}

.sitetype-hsg .datepick-popup,
.sitetype-affiliate .datepick-popup,
.sitetype-bbe .datepick-popup {
    left: 0 !important
}

.sitetype-hsg .datepick-popup:before,
.sitetype-affiliate .datepick-popup:before,
.sitetype-bbe .datepick-popup:before {
    left: 15px
}

.sitetype-hsg .enter-dates {
    display: none
}

.sitetype-hsg .be-change-criteria {
    padding-top: 15px
}

.sitetype-hsg .alert-msg {
    margin-top: 0
}

.sitetype-affiliate .padded-wrapper {
    padding: 0
}

.sitetype-affiliate .search-details {
    display: none
}

.sitetype-affiliate .app-bookingengine-wrapper-establishment-top .be-horizontal {
    padding: 15px 0
}

.sitetype-affiliate .booking-engine-medium h2 {
    padding-bottom: 15px
}

.sitetype-affiliate .alert-msg {
    margin-top: 0
}

#page-establishment_detail .go-button {
    padding: 5px 10px
}

.datepick-popup:before {
    border-bottom: 10px solid #988676;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: 30%;
    margin-left: -10px;
    position: absolute;
    right: auto;
    top: -20px
}

.datepick-popup .datepick-hdr {
    background: #988676;
    color: #fff;
    font: bold 14px Arial, Helvetica, sans-serif;
    padding: 7px 10px;
}

.datepick-popup .datepick-menu {
    width: 260px
}

.datepick-popup .title-label {
    float: left;
    text-transform: uppercase
}

.datepick-popup .nights-label {
    float: right
}

.datepick-month {
    float: left;
    padding: 15px 10px 5px;
    text-align: center;
    width: 260px
}

.datepick-month span,
.datepick-month a {
    display: block;
    height: 23px;
    padding: 7px 0;
    text-align: center;
}

.datepick-month a {
    color: black;
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

.datepick-month table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.datepick-month th,
.datepick-month td {
    text-align: center
}

.datepick-month td span {
    color: lightgrey;
    cursor: auto;
}

.datepick-month .datepick-today {
    color: dodgerblue;
}

.datepick-month tr th span {
    font-weight: bold;
    color: #666;
    font-family: Arial, Helvetica, sans-serif!important;
}

.datepick-month.last {
    border-left: 2px solid #ddd
}

.datepick-month-header {
    border-bottom: 1px solid #bebebe;
    color: #988676;
    font: normal 14px Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.datepick-cmd {
    display: inline-block;
    background-image: url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px
}

.datepick-month-header .datepick-cmd-prev {
    background-position: -12px -659px;
    float: left;
    height: 26px;
    margin-top: -9px;
    padding: 0;
    width: 13px
}

.datepick-month-header .datepick-cmd-prev.datepick-disabled {
    background-position: -12px -685px;
    margin-top: -9px;
    width: 13px
}

.datepick-month-header .datepick-cmd-next {
    background-position: 0 -659px;
    float: right;
    height: 26px;
    margin-top: -9px;
    padding: 0;
    width: 13px
}

.datepick-month-header .datepick-cmd-next.datepick-disabled {
    background-position: 0 -685px;
    margin-top: -9px;
    width: 13px
}

.suggested-guest-sel .room,
.suggested-guest-sel .guests {
    cursor: default
}

#page-customer_service .datepick-popup,
#page-groupbooking .datepick-popup {
    width: 260px;
    left: 0 !important;
    top: 45px !important
}

#page-customer_service .datepick-popup a:hover,
#page-groupbooking .datepick-popup a:hover {
    background-color: #61cc8c;
    color: #fff
}

#page-customer_service .datepick-popup:before,
#page-groupbooking .datepick-popup:before {
    left: 6% !important
}

#page-customer_service .datepick-popup {
    top: 25px !important;
    width: 260px
}

#page-customer_service .datepick-popup:before {
    left: 16px
}

.datepick-month .dp-arrival {
    background: #988676 !important;
    color: #fff !important
}

.datepick-month .dp-arrival:before {
    background: darkgray !important;
    content: "";
    display: block;
    height: 23px;
    margin: -7px -15px -16px 0;
    width: 4px;
}

.datepick-month a.dp-departure {
    background: #988676 !important;
    color: #fff
}

.datepick-month a.dp-departure:after {
    background: darkgray !important;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    top: 0;
    left: 88%;
    width: 4px;
}

.datepick-month .dp-in-range {
    background: #988676 !important;
    color: #fff
}

.datepick-month.first .datepick-cmd-next {
    display: none
}

.datepick-month.last .datepick-cmd-prev {
    display: none
}

.clearit {
    display: none
}

@media only screen and (max-width:970px) {
    .be-horizontal .search-box {
        margin-bottom: 10px !important;
        position: relative;
        width: 100% !important
    }
    .clearit {
        display: block
    }
    .clearit.noshow {
        display: none
    }
    .be-horizontal .select-date {
        width: 35.3%
    }
    .be-horizontal .select-guests {
        width: 36%
    }
    .datepick-popup {
        top: 32px !important;
        left: -10px !important
    }
    .datepick-popup:before {
        left: 6% !important
    }
}

.be-prominent {
    text-align: left
}

.be-prominent .engine {
    margin: 0
}

.be-prominent .be-prominent-title {
    color: #fff;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
    min-height: 28px;
    text-align: left
}

.be-prominent .search-box {
    margin: 5px 0 10px 0;
    width: 100%
}

@media only screen and (max-width:999px) {
    .be-prominent .search-box label,
    .be-prominent .search-box input {
        font-size: 16px
    }
}

.be-prominent .select-date,
.be-prominent .select-guests {
    float: left
}

.be-prominent .select-date {
    margin: 10px 14px 10px 0;
    width: 47%;
    min-width: 214px
}

@media only screen and (max-width:480px) {
    .responsive .be-prominent .select-date {
        width: 100%
    }
    .home-be__guests {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 0px;
        padding-right: 0
    }
    .home-be__button {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 0px;
        margin-top: 15px;
    }
}

.be-prominent .select-guests {
    margin: 10px 0;
    width: 50%
}

.be-prominent .select-guests label {
    display: block
}

.be-prominent .button-bpg {
    float: right;
    margin: 20px 4px 30px 0
}

.be-prominent .button-bpg .go-button {
    font-size: 24px;
    line-height: 40px;
    width: 100%
}

#world-map .suggested-guest-sel ul {
    margin: 0 !important
}

#world-map .suggested-guest-sel li {
    margin: 0;
    line-height: 21px;
    float: none
}

.abnew .checkout-form h1 {
    border-bottom: solid 10px #009b3e;
    font: normal 28px/52px Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    width: 100%
}

.abnew .form-step .step-title {
    border-bottom: solid 2px #009b3e;
    font: bold 18px/20px Arial, Helvetica, sans-serif;
    padding: 2px 0 4px;
    margin-bottom: 10px
}

.abnew .checkout-form .info span {
    color: #333;
    display: inline-block;
    font: normal 11px/14px Arial, Helvetica, sans-serif;
    margin-top: 0;
    padding: 2px 0;
    text-decoration: none
}

.abnew .checkout-form .info span {
    font-size: 12px
}

.abnew .checkout-form .info span:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -254px -162px;
    content: "";
    display: block;
    float: left;
    height: 10px;
    padding: 0 12px 0 0;
    position: relative;
    top: 2px;
    width: 5px
}

.abnew .valid .field-check-icon {
    background-position: -244px -144px;
    height: 18px;
    top: 4px
}

.select-guests {
    position: relative;
    width: 24%
}

.select-guests-wrapper {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font: 15px/2.2em Arial, Helvetica, sans-serif;
    height: 38px
}

.select-guests-wrapper label:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -56px -639px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0;
    width: 21px
}

.select-guests-configurator {
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5), 3px 0 3px -3px rgba(0, 0, 0, 0.5), -3px 0 3px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5), 3px 0 3px -3px rgba(0, 0, 0, 0.5), -3px 0 3px -3px rgba(0, 0, 0, 0.5);
    border: 1px solid #ddd;
    display: none;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 35px;
    min-width: 460px;
    z-index: 9999
}

.suggested-guest-sel li {
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 10px 6px;
    line-height: 1;
}

.suggested-guest-sel li:hover {
    background-color: #eee
}

.suggested-guest-sel li.more-options:hover {
    background: 0;
    color: #000
}

.suggested-guest-sel .clickable-option {
    color: #666;
    cursor: pointer
}

.suggested-guest-sel .clickable-option:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -56px -639px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 7px -3px 0;
    width: 21px
}

.suggested-guest-sel .clickable-option:hover {
    color: #fff !important
}

.suggested-guest-sel .clickable-option:hover:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -32px -660px
}

.grayed .clickable-option {
    color: #bebebe !important;
    border-bottom: 1px solid #f1f1f1
}

.grayed .clickable-option:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat scroll -32px -639px
}

.grayed .clickable-option:nth-child(4) {
    border-bottom: 1px solid #ddd !important
}

.clickable-noshow {
    display: none
}

.sel-guest-add-room {
    height: 46px
}

.sel-guest-add-room span {
    cursor: pointer;
    font-weight: bold
}

.sel-guest-add-room .button-bpg {
    margin: 8px
}

.sel-guest-add-room .disabled span {
    color: #bebebe;
    cursor: default
}

.add-room-guest-sel {
    color: #006680;
    display: block;
    float: left;
    padding: 15px 15px 17px 10px!important
}

.add-room-guest-sel.disabled {
    color: #ddd;
    cursor: default
}

input[type="button"].guest-sel-button {
    min-width: 110px;
    background-color: #988676;
    padding: 10px 10px !important;
    color: #fff !important
}

input[type="button"].guest-sel-button:hover {
    background-color: #d4bda9;
}

.guest-sel-options {
    display: table;
    width: 100%
}

.guest-sel-options>div {
    display: table-cell;
    vertical-align: middle
}

.guest-sel-options .room {
    font-weight: bold;
    color: #666;
    min-width: 90px;
    padding-right: 10px
}

.guest-sel-options .remove {
    padding-left: 0px;
    width: 12px
}

.guest-sel-options .guests {
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guest-sel-options .guests input[type="text"] {
    border-radius: inherit;
    border: 1px solid #ddd;
    cursor: default;
    font-weight: bold;
    height: 24px;
    max-width: 35px;
    text-align: center
}

.guest-sel-options .remove span {
    cursor: pointer;
    float: right
}

.only-item .remove {
    display: none;
    padding: 0;
    width: auto
}

.special-offer-triangle {
    display: none
}

.price-reserve .price .original-price.special-offer-193 {
    color: #db0008
}

.special-offer-193 .price .value.normal {
    color: #db0008
}

span.special-offer-193 {
    color: #009b3e;
    display: block;
    font: bold 15px Arial, Helvetica, sans-serif;
    margin: 2px 0 3px
}

.abnew .call-us-container {
    display: none
}

.abnew .checkout-form {
    float: none;
    font: normal 14px/20px Arial, Helvetica, sans-serif;
    width: 100%
}

.abnew .checkout-form h1 {
    padding: 0
}

.abnew .checkout-form h3 {
    border-top: 0;
    font: bold 18px/20px Arial, Helvetica, sans-serif
}

.abnew .checkout-form input[type="text"],
.abnew .checkout-form input[type="password"],
.abnew .checkout-form input[type="email"],
.abnew .checkout-form input[type="tel"] {
    width: 280px
}

.abnew .checkout-form input[type="text"].c#988676itcard,
.abnew .checkout-form input[type="tel"].c#988676itcard {
    width: 260px
}

.abnew .checkout-form input[type="text"].cvc-number,
.abnew .checkout-form input[type="text"].issue-number,
.abnew .checkout-form input[type="tel"].cvc-number,
.abnew .checkout-form input[type="tel"].issue-number {
    width: 80px
}

.abnew .checkout-form .app-payment-sdd .app-error-container li {
    max-width: none
}

.abnew .checkout-form .leftcol {
    float: left;
    margin-right: 3%;
    width: 57%
}

.abnew .checkout-form .rightcol {
    float: right;
    width: 40%
}

@media only screen and (max-width:999px) {
    .abnew .checkout-form .leftcol {
        clear: left;
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
        width: auto
    }
    .abnew .checkout-form .rightcol {
        width: 50%
    }
    .abnew .checkout-form .groupwrapper {
        clear: both
    }
    .abnew .checkout-form .stack {
        clear: both;
        width: 100%
    }
    .abnew .checkout-form .specialstack {
        position: relative;
        padding-top: 40px;
        transition: padding-top .5s
    }
    .abnew .checkout-form .personal-info-block {
        float: left
    }
}

@media only screen and (max-width:999px) {
    .abnew .app-bcc-expanded .specialstack {
        padding-top: 260px;
        transition: padding-top .5s
    }
}

.abnew .checkout-form .title {
    position: relative
}

.abnew .checkout-form .handle {
    color: #2c5193;
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0 5px
}

.abnew .checkout-form .handle:after {
    content: " \25B2"
}

.abnew .checkout-form .handle.is-collapsed:after {
    content: " \25BC"
}

.abnew .checkout-form .handle-collapsible:before {
    content: "\25b2";
    display: inline-block;
    font-size: .9125em;
    margin-right: .175em;
    text-decoration: none
}

.abnew .checkout-form .is-collapsed.handle-collapsible:before {
    content: "\25BC"
}

.abnew .checkout-establishment .boxtitlegrey .#d4bda9-link {
    font: normal 14px/20px Arial, Helvetica, sans-serif;
    float: right
}

.abnew .checkout-establishment .media-img {
    float: left;
    margin-right: 3%;
    width: 28%
}

@media only screen and (max-width:999px) {
    .abnew .checkout-establishment .media-img {
        max-width: 160px
    }
}

.abnew .checkout-establishment .media-body {
    margin-left: 31%
}

@media only screen and (max-width:999px) {
    .abnew .checkout-establishment .media-body {
        margin-left: 0
    }
}

.abnew .checkout-establishment .media-body h4 {
    font-size: 16px
}

.abnew .checkout-establishment .media-body dl {
    margin: 4px 0
}

.abnew .checkout-establishment .media-body dt {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 10px
}

.abnew .checkout-establishment .media-body dd {
    display: block
}

.abnew .form-step {
    margin: 15px 0 20px 30px
}

.abnew .form-step:before {
    background-color: #009b3e;
    border-radius: 12px;
    color: #fff;
    content: "1";
    display: block;
    float: left;
    font: bold 16px/25px Arial, Helvetica, sans-serif;
    height: 25px;
    margin-left: -30px;
    text-align: center;
    width: 25px
}

.abnew .form-step .step-title {
    background: 0
}

.abnew .form-step label {
    color: #717171;
    font: normal 14px/18px Arial, Helvetica, sans-serif;
    padding-bottom: 3px
}

.abnew .form-step .field-note,
.abnew .form-step .info span {
    color: #717171;
    position: relative;
    top: -3px
}

.abnew .form-step .errorous .field-note,
.abnew .form-step .errorous .info span {
    top: -10px
}

.abnew .checkout-guest .login-link {
    margin-bottom: 10px
}

.abnew .checkout-payment:before {
    content: "2"
}

.abnew .checkout-payment .step-content {
    margin-top: 15px
}

.abnew .checkout-payment fieldset {
    border-bottom: dashed 1px #a2a2a2;
    margin: 16px 0
}

.abnew .checkout-payment fieldset .section-label {
    color: #484848;
    font-weight: bold
}

.abnew .checkout-payment fieldset .app-no-radio input {
    display: none
}

.abnew .checkout-payment .fieldicons {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.abnew .checkout-payment .fieldicons li {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat left bottom;
    float: left;
    height: 18px;
    list-style: none;
    margin: 5px 7px 5px 0;
    width: 26px
}

.abnew .checkout-payment .fieldicons .visa {
    background-position: -32px -267px
}

.abnew .checkout-payment .fieldicons .visa-electron {
    background-position: -64px -267px
}

.abnew .checkout-payment .fieldicons .maestro,
.abnew .checkout-payment .fieldicons .maestrouk {
    background-position: -127px -267px;
    width: 26px
}

.abnew .checkout-payment .fieldicons .mastercard {
    background-position: -96px -267px
}

.abnew .checkout-payment .fieldicons .american-express {
    background-position: -161px -267px
}

.abnew .checkout-payment .fieldicons .carte-bleue {
    background-position: -225px -267px;
    width: 35px
}

.abnew .checkout-payment .fieldicons .carte-bancaire {
    background-position: -194px -267px
}

.abnew .checkout-payment .cvc-icon {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -137px -228px;
    content: "";
    display: inline-block;
    height: 24px;
    margin: 0 0 -8px 5px;
    width: 36px
}

.abnew .checkout-payment .sepa-icon {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -43px -565px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 -2px 5px;
    width: 51px
}

.abnew .checkout-payment .paypal-icon {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -235px -330px;
    content: "";
    display: inline-block;
    height: 18px;
    margin: 0 0 -4px 5px;
    width: 29px
}

.abnew .checkout-submit h4,
.abnew .checkout-submit .field {
    margin: 7px 0 7px 30px
}

.abnew .checkout-submit h4 {
    font-size: 16px;
    margin-bottom: 15px
}

.abnew .checkout-submit label {
    font-size: 14px
}

.abnew .checkout-submit .policy-accept .field-check-icon {
    display: inline-block;
    height: 18px
}

.abnew .checkout-submit .submit-block {
    background-color: #e6e6e6;
    margin: 40px 0 15px;
    padding: 16px 12px
}

.abnew .checkout-submit .submit-block input {
    font-size: 20px
}

.abnew .checkout-submit .paynow {
    float: right;
    line-height: 130%;
    margin: 12px 0;
    width: 50%;
    text-align: right;
    vertical-align: baseline
}

.abnew .checkout-submit .paynow strong {
    font-size: 18px;
    font-weight: bold
}

.abnew .checkout-submit .paynow .price {
    color: #2c5193;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap
}

.abnew .checkout-submit .paynow .price span {
    white-space: nowrap
}

.abnew .checkout-submit .paynow .small {
    font-weight: normal
}

.abnew .checkout-submit .paynow .note {
    font-size: 11px
}

.abnew .conditions-box {
    height: 320px
}

.abnew .conditions-box h5 {
    font: bold 16px/20px Arial, Helvetica, sans-serif;
    margin: 0 0 10px
}

.abnew .conditions-box ul {
    margin-bottom: 15px
}

.abnew .checkout-cs {
    margin-top: 20px
}

.abnew .checkout-cs .boxtitlegreen {
    line-height: 24px;
    padding: 12px 15px 12px 50px;
    position: relative;
    vertical-align: middle
}

.abnew .checkout-cs .boxtitlegreen:before {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -87px -698px;
    content: "";
    display: inline-block;
    height: 34px;
    left: 10px;
    margin: -18px 10px 0 0;
    position: absolute;
    top: 50%;
    width: 30px
}

.abnew .checkout-cs .boxtitlegreen:after {
    background: transparent url(https://www.hbb.bz/boxes/img/sprites/sprite-main.png) no-repeat -51px -489px;
    bottom: -1px;
    content: '';
    display: inline-block;
    height: 10px;
    left: 45px;
    position: absolute;
    width: 15px
}

.abnew .checkout-cs .boxbody {
    line-height: 16px
}

.abnew .checkout-cs .csnumber {
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 15px
}

.abnew .checkout-cs .tooltip-handle {
    display: block;
    line-height: 20px
}

.abnew .checkout-cs .tooltip {
    width: 80%
}

@media only screen and (max-width:999px) {
    .abnew .checkout-cs {
        margin-top: -5px
    }
}

.abnew .checkout-conditions {
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px
}

@media only screen and (max-width:999px) {
    .abnew .checkout-conditions {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.abnew .conditions-box {
    border: solid 1px #ccc;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 210px;
    overflow: auto;
    padding: 10px 15px;
    width: 100%
}

.abnew .conditions-box ul {
    padding: 0 15px
}

.abnew .personal-info-block {
    padding: 0
}

.children input {
    padding: 0
}

.bookingengine .children .field__input,
.bookingengine--air .children .field__input {
    padding-left: 36px;
    padding-right: 3px
}

.suggested-guest-sel .room,
.suggested-guest-sel .children {
    cursor: default
}

.guest-sel-options .children {
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guest-sel-options .children input[type="text"] {
    border-radius: inherit;
    border: 1px solid #ddd;
    cursor: default;
    font-weight: bold;
    height: 24px;
    max-width: 35px;
    text-align: center
}

.guest-sel-options .guests {
    font-weight: bold;
    color: #666;
}

.guest-sel-options .children {
    font-weight: bold;
    color: #666;
}

.hbb_contenitore_box_reservation {
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 11px;
    text-transform: none;
    color: #000;
    max-width: 570px;
    margin: 0 auto;
    position: relative;
    /*margin-top: -50px;*/
    z-index: 99;
}

.app-booking-engine:after {
    clear: both;
    content: "";
    display: block;
}

@media (min-width: 450px) {
    .hbb_contenitore_box_reservation {
        width: 95%;
    }
}

@media (min-width: 999px) {
    .hbb_contenitore_box_reservation {
        /* width: 109%; */
        margin-top: 10px;
        min-width: 885px;
    }
}

@media only screen and (max-width:480px) {
    .cmask {
        margin-left: -15px !important;
    }
    .datepick-popup {
        width: 260px;
    }
    .datepick-month.last {
        float: none;
    }
    .datepick-hdr {
        width: 260px;
    }
    .guest-sel-options {
        display: inline;
    }
    .guest-sel-options>div {
        display: block;
        margin-bottom: 5px;
        margin-right: 10px;
    }
    .select-guests-configurator {
        min-width: 266px;
    }
    .guest-sel-options .remove {
        float: right;
        margin-top: -39px;
        margin-right: 0px;
    }
}

.bambiniResult ul {
    list-style-type: none;
    margin: 0px;
    padding: 5px;
    height: auto;
    overflow: hidden;
}

.bambiniResult li {
    border: none;
    padding: 5px 5px 13px 5px;
    margin-top: 15px;
    /*float:right;*/
    float: left;
}

.bambiniResult select {
    width: auto;
    padding: 2px;
    border: 1px solid #ddd;
    height: auto;
    padding-right: 17px;
    /* background:url("https://www.hbb.bz/boxes/img/sprites/sprite-main.png") no-repeat scroll 36px -552px transparent;*/
    background-color: #ffffff;
}

.hbb_lbl_children_n {
    margin-right: 5px;
    font-weight: bold;
    font-size: 7.5pt;
}

#app-homearrival {
    font-size: 10pt;
    margin-bottom: 0px;
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    line-height: 16px;
    height: 38px;
    padding: 10px
}

.hbb_button_prenota {
    background: #988676 !important;
    border: none !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: bold;
    height: 38px !important;
    padding: 5px 15px !important;
    border-radius: 3px;
    -webkit-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    width: 100% !important;
}

.datepick {
    max-width: 521px;
}

.home-be__guests--wrap .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.hbb_button_prenota:hover {
    background: #d4bda9 !important;
    color: #fff !important;
    -webkit-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.top-module-position {
    padding: 0px !important;
    margin-bottom: 30px;
    z-index: 2 !important;
    width: 100% !important;
}

#blockrandom {
    display: none !important;
}

.bxslider li {
    display: none
}

.datepick-popup table,
th,
td,
tr {
    line-height: 1;
    font-size: 12px;
}

.flexslider {
    overflow: visible !important;
}

.hbb_contenitore_box_reservation table,
th,
td,
tr,
table tr th {
    padding: 0px !important;
    line-height: 1;
    text-align: center;
    border: none !important;
    background-color: white;
    font-size: 13px !important
}

.header .header-inner .logo {
    z-index: 999!important
}

.hotel_booking {
    padding: 5px 0px 5px 0px !important;
    background: rgba(0, 0, 0, 0.6) !important;
    min-width: 293px;
}

@media only screen and (min-width:999px) {
    .hbbmask {
        margin-top: -188px !important;
        margin-bottom: 145px!important;
    }
}

@media only screen and (max-width:997px) {
    .hbbmask {
        margin-bottom: 50px!important;
    }
}

section#home_slider {
    z-index: 9 !important;
}

#header,
#cookie-law-info-again,
a#backtop {
    z-index: 999 !important;
}

.fancybox-overlay {
    z-index: 9999999999 !important;
}

.app-booking-engine {
    background: rgba(218, 218, 218, 0.6);
}

input.app-room-guests, input.app-room-children {
    display: inline;
    margin-bottom: 0px;
}

.hbb_contenitore_box_reservation {
    margin-bottom: 30px;
}