/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/* Created by: 2016, Kinetic Solutions               */
/* BNB WIDGET - CLIENT BRANDING -------------------- */
/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */
/* GENERAL ----------------------------------------- */

#KxBnBWidget,
#KxBnBWidget > .KxBnBWidget {
    background-color: #F9F9F9;
}

#KxBnBWidget {
    border-bottom: 1px solid #F9F9F9;
}

#KxBnBWidget .tab label{
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1;
    font-weight: 400;
    color: #4E4E4E;
    text-decoration: none;
    cursor: pointer;
    margin-left: 3.0em;
    min-width: 5.2em;
    top: 22px;
}

#KxBnBWidget .tab i {
    color: #4E4E4E;
}

div {
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#KxBnBWidget fieldset {
    border-bottom: 0;
}

@media print {
    #KxBnBWidget {
        display: none !important;
    }
}


.banner {
    border-bottom: 0 solid #d00000 !important;
}

.fa-list:before {
    color: white !important;
}

#KxBnBWidget fieldset {
    border-bottom: 0;
}

#KxBnBWidget .tab-wrapper {
    background-color: #F9F9F9;
}

#KxBnBWidget #PromotionCodePanel {
    background-color: #F9F9F9;
}

#KxBnBWidget .search-wrapper > div input[type="button"]:before,
#KxBnBWidget .search-wrapper > div button:before {
    -webkit-transition: background-color,.1s;
    -moz-transition: background-color,.1s;
    transition: background-color,.1s;
    display: block;
    background-color: #fc0;
    width: 86px;
}

#KxBnBWidget .search-wrapper > div input[type="button"],
#KxBnBWidget .search-wrapper > div button {
    color: #3B3B3B;
    margin-left: 0;
    padding-left: 10px;
    background: none;
    border: 2px solid #fc0;
    font-weight: 500;
    font-size: 1.05em;
}

@supports (-moz-appearance:none) {
    #KxBnBWidget .search-wrapper > div {
      display: block;
    }
}

#KxBnBWidget .search-wrapper.wide-search > div {
    background-color: #d00000;
}

@media print {
    #KxBnBWidget {
        display: none !important;
    }
}

#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span.ui-state-active,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span.ui-state-hover,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-active,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-hover,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td span.ui-state-active,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td span.ui-state-hover,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-active,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a.ui-state-hover {
    background-color: #242753;
}

#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td span,
#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td span,
#KxBnBWidget .ui-widget-content .ui-datepicker-group table td a {
    background-color: #E7E7E7;
    color: white;
    border: #E7E7E7;
}

#KxBnBWidget .tab .hide-content {
    border: 1px solid #242753;
    -webkit-box-shadow: 2px 3px 3px #242753 !important;
    box-shadow: 2px 3px 3px #242753 !important;
}

#KxBnBWidget .tab-location ul li:hover,
#KxBnBWidget .tab-location ul li:focus,
#KxBnBWidget .tab-room ul li:hover,
#KxBnBWidget .tab-room ul li:focus {
    background-color: #202657;
}

#KxBnBWidget .tab-location ul li:hover,
#KxBnBWidget .tab-location ul li:focus,
#KxBnBWidget .tab-room ul li {
    border-bottom: 1px solid #202657;
}

#KxBnB .componentCartWrapper .componentCart.affix-top.inverse > div {
    background-color: #fc0;
    color: #4E4E4E;
    letter-spacing: -0.05em;
}

#KxBnB.inverse,
#KxBnB .inverse,
#KxBnBLoginWrapper.inverse,
#KxBnBLoginWrapper .inverse {
    background-color: #fc0;
    color: #4E4E4E;
    letter-spacing: -0.05em;
}

#KxBnB .btn-primary,
#KxBnBLoginWrapper .btn-primary {
    background: none;
    border: none;
    color: #4E4E4E;

    font-size: 29px !important;
    font-size: 1.8125rem;
    line-height: 1;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: none;
    font-weight: 500;
    background-position: 0 15px;
    float: left;
    padding-left: 40px;
    margin-left: 0px;
    position: relative;
    margin-top: 10px;
}

#KxBnB .componentSearchResults .addToCart, #KxBnB .componentSearchResults .removeFromCart {
    background: none;
    border: none;
    color: #4E4E4E;

    font-size: 29px !important;
    font-size: 1.8125rem;
    line-height: 1;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: none;
    font-weight: 500;
    background-position: 0 15px;
    float: left;
    padding-left: 40px;
    margin-left: 0px;
    position: relative;
    margin-top: 10px;
    text-align: left;
}

#KxBnB .componentSearchResults .addToCart:hover, #KxBnB .componentSearchResults .removeFromCart:hover {
    background: none;
    color: #4E4E4E;
}

#KxBnB .componentSearchResults .addToCart:active, #KxBnB .componentSearchResults .removeFromCart:active {
    background: none;
    box-shadow: none;
}

#KxBnB .componentMobileCartWrapper .componentMobileCart {
    background-color: #fc0;
}

#KxBnB .componentSearchResults .AdvertTotal p {
    background-color: #202657;
    color: #FFFFFF;
}

#KxBnB .KxBnBContent .inverse .btn-primary {
    background: none;
    border: none;
    color: #4E4E4E;
    text-align: left;
}

#KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-active {
    border-color: #242753;
}

@media only screen and (min-width: 768px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab.active i {
        color: #4E4E4E;
    }
}

@media only screen and (max-width: 767px) {
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab i,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper i {
        color: #4E4E4E;
    }
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset .tab label:before,
    #KxBnBWidget > .KxBnBHorizontalWidget fieldset > .promotion-wrapper label:before {
        /* background-color: #d00000; */
        background: none;
    }
}

@media (min-width: 320px) {
    #KxBnB .KxBnBContent>.well .row>div>h1, #KxBnB .KxBnBContent>.well .row>div>h2, #KxBnB .KxBnBContent>.well .row>div>h3 {
        min-width: 287px !important;
    }
    #KxBnB .componentCartWrapper .componentCart .proceed {
        width: auto !important;
    }
}

@media (max-width: 479px) and (min-width: 360px) {
    #KxBnB .KxBnBContent>.well .row>div>h1, #KxBnB .KxBnBContent>.well .row>div>h2, #KxBnB .KxBnBContent>.well .row>div>h3 {
        min-width: 330px !important;
    }
    #KxBnB .componentCartWrapper .componentCart .proceed {
        width: auto !important;
    }
}

@media (min-width: 320px) {
    #KxBnB .KxBnBContent>.well .row>div>h3 {
        font-size: 33px !important;
    }
    #KxBnB .KxBnBContent>.well .row>div>h3:before {
        height: 56px !important;
    }
}

.fa-list {
    color: #d00000 !important;
}

.removeFromCart {
    color: #d00000 !important;
}

#KxBnB .componentSearchResults .removeFromCart:hover {
    color: #d00000af !important;
}

#KxBnB .KxBnBContent button.btn-primary:hover {
    background: none !important;
    border: none !important;
    color: #202657 !important;
}

#SearchButtonDiv {
    background-color: #F9F9F9;
}

#KxBnBWidget .search-wrapper > div input[type="button"]:hover,
#KxBnBWidget .search-wrapper > div button:hover {
    color: #3B3B3B;
    background: none;
}

#KxBnBWidget .tab .shown {
    width: 100%;
    height: 100%;
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    content: "";
    display: block;
    height: 6px;
    background-color: #fc0;
    width: 42px;
    margin-bottom: 5px
}

#KxBnBWidget .tab .shown:hover {
    outline: 0;
    text-decoration: none;
    background-color: #3B3B3B;
}

#KxBnBWidget .promotion-wrapper.promotion-inverse i {
    color: #4E4E4E;
}

#KxBnBWidget .KxBnBWidget input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 3px solid #fc0 !important;
    border-radius: 0px !important;
    background-color: #FFFFFF !important;
    margin-bottom: 0;
}

#KxBnBWidget .KxBnBWidget input[type="text"]:focus {
    border: 1px solid #3B3B3B !important;
    background-color: white !important;
    box-shadow: 0 0 4px rgb(56 56 56 / 10%) !important;
    transition: all 0.3s ease-in-out !important;
}

#KxBnB .KxBnBContent>.well .row>div>h1, #KxBnB .KxBnBContent>.well .row>div>h2, #KxBnB .KxBnBContent>.well .row>div>h3 {
    margin-top: 0;
    font-weight: bold;
    font-size: 2.25rem;
    color: white;
    line-height: 1.1111111111;
    display: inline-block;
    padding-left: 25px;
    box-sizing: border-box;
    min-width: 410px;
    padding-right: 70px;
    padding-top: 8px;
    padding-bottom: 12px;
}

h1:before {
    content: "";
    display: block;
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 100%;
}

h3:before {
    content: "";
    display: block;
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 60px;
}

#KxBnB .componentSearchResults .RoomType {
    font-size: 1.8125rem;
    margin-bottom: .7em;
    text-align: center !important;
}

#KxBnB .KxBnBContent p {
    text-align: justify;
}

#KxBnB .KxBnBContent select {
    padding: 0 0 0 12px;
    line-height: 28px;
    border: 2px solid #fc0;
    border-radius: 0px;
}

#KxBnB .KxBnBContent select:focus {
    border: 1px solid #3B3B3B;
    background-color: white;
    box-shadow: 0 0 4px rgb(56 56 56 / 10%);
    transition: all 0.3s ease-in-out;
}

#KxBnB .KxBnBContent input[type="text"] {
    padding: 0 0 0 12px;
    line-height: 28px;
    border: 2px solid #fc0;
    border-radius: 0px;
}

#KxBnB .KxBnBContent input[type="text"]:focus {
    border: 1px solid #3B3B3B;
    background-color: white;
    box-shadow: 0 0 4px rgb(56 56 56 / 10%);
    transition: all 0.3s ease-in-out;
}

#KxBnB .KxBnBContent input[type="password"] {
    padding: 0 0 0 12px;
    line-height: 28px;
    border: 2px solid #fc0;
    border-radius: 0px;
}

#KxBnB .KxBnBContent input[type="password"]:focus {
    border: 1px solid #3B3B3B;
    background-color: white;
    box-shadow: 0 0 4px rgb(56 56 56 / 10%);
    transition: all 0.3s ease-in-out;
}


#KxBnB .KxBnBContent textarea {
    padding: 0 0 0 12px;
    line-height: 28px;
    border: 2px solid #fc0;
    border-radius: 0px;
}

#KxBnB .KxBnBContent textarea:focus {
    border: 1px solid #3B3B3B;
    background-color: white;
    box-shadow: 0 0 4px rgb(56 56 56 / 10%);
    transition: all 0.3s ease-in-out;
}

button:before,
.proceed:before {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    content: "";
    display: block;
    height: 6px;
    background-color: #2C70AA;
    width: 60px;
    margin-bottom: 5px
}

#KxBnB .componentCartWrapper .componentCart .proceed {
    width: 100%;
    font-size: 1em;
    max-width: 15em;
    margin: 0.5em auto 0.5em;
    display: block;
    right: -113px;
}

#KxBnBWidget .ui-widget-content {
    color: #4E4E4E;
}

#KxBnB .componentSearchResults .AvailabilitySignHeader.RoomAvailableHeader p:first-child {
    color: #4E4E4E;
}

#KxBnB .KxBnBContent button.btn-primary {
    color: #4E4E4E;
    background: none;
    border: none;
}

#KxBnB .KxBnBContent button.btn-primary:active, #KxBnB .KxBnBContent button.btn-primary.active, .open>#KxBnB .KxBnBContent button.btn-primary.dropdown-toggle {
    color: #4E4E4E;
    background: none;
    border: none;
    box-shadow: none;
}

#KxBnB .KxBnBContent .inverse .btn-primary:hover, #KxBnB .KxBnBContent .inverse .btn-primary:focus, #KxBnB .KxBnBContent .inverse .btn-primary:active {
    color: #4E4E4E;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
}

#KxBnB .componentBookingConfirmation .PrintButton {
    text-align: right;
    white-space: nowrap;
    position: relative;
    padding-top: .2em;
    color: #4E4E4E;
    cursor: pointer;
}

#KxBnB .KxBnBContent button.btn-primary:focus, #KxBnB .KxBnBContent button.btn-primary.focus {
    color: #4E4E4E;
    background: none;
    border: none;
    outline: none;
    box-shadow: none !important;
}

#KxBnBWidget>.KxBnBHorizontalWidget fieldset.header-active>.header-wrapper {
    background-color: #F9F9F9;
}

#KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin>div, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin>div {
    background: #3B3B3B;
}

.adminLogin {
    position: absolute;
    top: -835px;
    left: -35px;
    width: 100%;
}

.clientLogin{
    position: absolute !important;
    top: -835px !important;
    left: -35px !important;
    width: 100% !important;
    z-index: 10 !important;
}

.LoginSignupLinksPanel {
    background-color: #3B3B3B !important;
}

@media (min-width: 1800px){
    #KxBnB .col-xl-12, #KxBnBLoginWrapper .col-xl-12, #KxBnBCookies .col-xl-12, #KxBnBBookingError .col-xl-12 {
        width: 75%;
    }
}

@media only screen and (min-width: 1800px){
    #KxBnB .componentCartWrapper {
        right: 26px;
    }
}

@media only screen and (min-width: 1800px) {
    #KxBnB .componentScrollToTopWrapper {
        margin-left: 0px;
    }
}

#KxBnB .KxBnBContent .componentBookerLogin {
    background-color: #F9F9F9;
}

#KxBnB .KxBnBContent .inverse .btn-primary:active:hover, #KxBnB .KxBnBContent .inverse .btn-primary:active:focus, #KxBnB .KxBnBContent .inverse .btn-primary:active.focus, #KxBnB .KxBnBContent .inverse .btn-primary.active:hover, #KxBnB .KxBnBContent .inverse .btn-primary.active:focus, #KxBnB .KxBnBContent .inverse .btn-primary.active.focus, .open>#KxBnB .KxBnBContent .inverse .btn-primary.dropdown-toggle:hover, .open>#KxBnB .KxBnBContent .inverse .btn-primary.dropdown-toggle:focus, .open>#KxBnB .KxBnBContent .inverse .btn-primary.dropdown-toggle.focus {
    color: #4E4E4E;
    background-color: #F9F9F9;
    border: none;
}

#KxBnB .KxBnBContent input[type="submit"] {
    color: #4E4E4E;
    background: none;
    border: none;
}

#KxBnB .KxBnBContent input[type="submit"]:hover {
    background: none !important;
    border: none !important;
    color: #202657 !important;
}

#KxBnB .KxBnBContent input[type="submit"]:before {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    content: "";
    display: block;
    height: 6px;
    background-color: #2C70AA;
    width: 60px;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    #KxBnBWidget>.KxBnBHorizontalWidget fieldset .tab .shown {
        display: block;
    }
}

#KxBnBWidget>.KxBnBVerticalWidget fieldset .tab label:before {
    background: none;
}

#KxBnBWidget>.KxBnBVerticalWidget fieldset .tab i {
    color: #4E4E4E;
}

#KxBnBWidget>.KxBnBVerticalWidget fieldset>.promotion-wrapper label:before{
    background: none;
}

#KxBnBWidget>.KxBnBVerticalWidget fieldset>.promotion-wrapper i {
    color: #4E4E4E;
}
/* #KxBnB .KxBnBContent>.well .row>div>h1:before, #KxBnB .KxBnBContent>.well .row>div>h2:before, #KxBnB .KxBnBContent>.well .row>div>h3:before {
    content: "";
    display: block;
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
} */