/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
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               */
            /* READING */
            /* 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: #e0141c;
            }
            
            #KxBnBWidget {
                border-bottom: 1px solid #e0141c;
                border-top: 1px solid #e0141c;
            }
            
            #KxBnBWidget fieldset {only screen and (max-width: 768px)
                border-bottom: 0;
            }
            
            @media print {
                #KxBnBWidget {
                    display: none!important;
                }
            }
            /*Search Widget */
            
            #KxBnBWidget {
                background: #e0141c;
            }
            
            #KxBnBWidget>.KxBnBHorizontalWidget fieldset>.tab-wrapper .tab {
                background: #e0141c;
            }
            
            #KxBnBWidget>.KxBnBHorizontalWidget fieldset.promotion-active>.promotion-wrapper {
                background: #e0141c;
            }
            /* Calendar*/
            
            #KxBnBWidget .tab-wrapper {
                background-color: #e0141c;
            }
            
            #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: #e0141c;
            }
            
            #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: #505259;
                color: #ffffff;
            }
            
            #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-active {
                border-color: #e0141c;
            }
            
            #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a.ui-state-hover {
                border-color: #e0141c;
            }
            
            #KxBnBWidget .tab .hide-content {
                border: 1px solid #e0141c;
                -webkit-box-shadow: 2px 3px 3px #e0141c !important;
                box-shadow: 2px 3px 3px #e0141c !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: #e0141c;
            }
            
            #KxBnBWidget .tab-location ul li:hover,
            #KxBnBWidget .tab-location ul li:focus,
            #KxBnBWidget .tab-room ul li {
                border-bottom: 1px solid #e0141c;
            }
            
            #KxBnBWidget>.KxBnBHorizontalWidget fieldset .tab.active {
                background: #fff;
            }
            
            #KxBnBWidget>.KxBnBHorizontalWidget fieldset .tab.active i {
                color: #e0141c;
            }
            
            #KxBnBWidget>.KxBnBHorizontalWidget fieldset .tab.active label {
                color: #e0141c;
            }
            
            #KxBnB .componentCartWrapper .componentCart.affix-top.inverse>div {
                background-color: #e0141c;
            }
            
            #KxBnB.inverse,
            #KxBnB .inverse,
            #KxBnBLoginWrapper.inverse,
            #KxBnBLoginWrapper .inverse {
                background-color: #e0141c;
            }
            /* Search Button */
            
            #KxBnBWidget .search-wrapper>div input[type="button"]:active {
                color: #e0141c;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"]:hover {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"]:focus {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"].active:hover {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"].active:focus {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"].active {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnBWidget .search-wrapper>div input[type="button"]:active:focus {
                color: #e0141c;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            /*#KxBnBWidget .search-wrapper > div input[type="button"], #KxBnBWidget .search-wrapper > div button {
    background: #e0141c;
    border: 1px solid #e0141c;
}*/
            /* SEARCH RESULTS PAGE */
            /* Room Search title */
            
            #KxBnB .componentSearchResults .AvailabilitySignHeader.RoomAvailableHeader p:first-child {
                color: #e0141c;
            }
            /*Total Price */
            
            #KxBnB .componentSearchResults .AdvertTotal p {
                color: #000;
                background-color: #f0acae;
            }
            
            #KxBnB .btn-primary {
                background-color: #e0141c;
                border-color: #e0141c;
            }
            
            #KxBnB .btn-primary:active {
                background-color: #f0acae;
                color: #fff;
                border-color: 1px solid #fff;
            }
            
            #KxBnB .componentSearchResults .addToCart:hover {
                background-color: #f0acae;
                color: #fff;
                border: 1px solid #fff;
            }
            
            #KxBnB .btn-primary:focus {
                background-color: #f0acae;
                color: #fff;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .btn-primary:active:focus {
                background-color: #f0acae;
                color: #fff;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .btn-default {
                color: #ffffff;
                background-color: #e0141c;
            }
            
            #KxBnB .componentSearchResults .removeFromCart:hover {
                background: #f0acae;
                color: #ffffff;
                border-color: #fff;
            }
            
            #KxBnB .btn-default:active {
                background: #f0acae;
                color: #ffffff;
                border-color: #fff;
            }
            
            #KxBnB .btn-default:active:focus {
                background: #f0acae;
                color: #ffffff;
                border-color: #fff;
                outline: 0;
            }
            /* PRINTER */
            
            #KxBnB .componentBookingConfirmation .PrintButton {
                text-align: right;
                white-space: nowrap;
                position: relative;
                padding-top: 0.2em;
                color: #f0acae;
                cursor: pointer;
            }
            /* PAYMENT PAGE */
            
            #KxBnB .KxBnBContent button.btn-primary {
                background-color: #e0141c;
                border-color: #e0141c;
            }
            
            #KxBnB .KxBnBContent button.btn-primary:hover {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnB .KxBnBContent button.btn-primary:active {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnB .KxBnBContent button.btn-primary:focus {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .KxBnBContent button.btn-primary:active:focus {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary {
                color: #e0141c;
                background-color: #f0acae;
                border: 1px solid #ffffff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary:hover {
                color: #ffffff;
                background-color: #e0141c;
                border: 1px solid #fff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary:active {
                color: #e0141c;
                background-color: #f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary:focus {
                color: #e0141c;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary:active:hover {
                color: #fff;
                background-color: v#f0acae;
                border: 1px solid #fff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-primary:active:focus {
                color: #fff;
                background-color: #f0acae;
                border: 1px solid #fff;
                outline: 0;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-default {
                color: #ffffff;
                background-color: #f0acae;
                border: 1px solid #ffffff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-default:hover {
                background: #f0acae;
                color: #fff;
                border: 1px solid #ffffff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-default:active {
                background: #f0acae;
                color: #fff;
                border: 1px solid #ffffff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-default:focus {
                background: #f0acae;
                color: #fff;
                border: 1px solid #ffffff;
            }
            
            #KxBnB .KxBnBContent .inverse .btn-default:active:focus {
                background: #f0acae;
                color: #fff;
                border: 1px solid #ffffff;
            }
            
            #KxBnBWidget .tab-location ul li {
                border-bottom: 1px solid #e0141c;
            }
            
            #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td a {
                border-color: #e0141c;
            }
            
            #KxBnBWidget .form-control:focus {
                border-color: #e0141c;
            }
            
            #MainContentPlaceHolder_ResultsRepeater_ShowMore_0 {
                color: #fff;
            }
            
            #KxBnB .componentMobileCartWrapper .componentMobileCart {
                background-color: #e0141c;
            }
            
            #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-unselectable span,
            #KxBnBWidget .ui-widget-content table.ui-datepicker-calendar td.ui-datepicker-unselectable a,
            #KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-unselectable span,
            #KxBnBWidget .ui-widget-content .ui-datepicker-group table td.ui-datepicker-unselectable a {
                background-color: #333;
                border-color: #333;
            }
            
            #KxBnBClientLogin .LoginSignupLinksPanel {
                display: inline;
                float: revert;
                padding: 20px;
                background-color: #e0141c;
                border-radius: 0px;
            }
            /* MEDIA QUERIES */
            
            @media only screen and (max-width: 1596px) {
                .bnbTitle1 {
                    font-size: 27px;
                }
            }
          
            @media only screen and (max-width: 1400px) {
                .bnbTitle1 {
                    font-size: 28px;
                }
                .bnbTitle2 {
                    font-size: 24px;
                }
            }
            
            @media only screen and (max-width: 1060px) {
                .bnbTitle1 {
                    font-size: 22px;
                }
                .bnbTitle2 {
                    font-size: 20px;
                }
                .banner img {
                    /* margin-top: -799px;
                    left: 42%; */
                }
            }
            
            @media only screen and (max-width: 840px) {
                .bnbTitle1 {
                    font-size: 18px;
                }
                .bnbTitle2 {
                    font-size: 17px;
                }
            }
            
            @media only screen and (max-width: 768px) {
                .banner img {
                    margin-top: 0px;
                    left: -70%; 
                    width: 1791px;
                }
                .bnbTitle1,
                .bnbTitle2 {
                    font-size: 20px;
                    width: 60%;
                    height: 95px
                }
            }
            
            @media only screen and (max-width: 767px) {
                #KxBnBWidget>.KxBnBHorizontalWidget fieldset .tab label:before {
                    background: #f0acae;
                }
                #KxBnBWidget>.KxBnBHorizontalWidget fieldset>.promotion-wrapper label:before {
                    background: #f0acae;
                }
                #KxBnBWidget .fa-calendar:before {
                    color: #e0141c;
                }
                #KxBnBWidget .fa-hotel:before,
                #KxBnBWidget .fa-bed:before {
                    color: #e0141c;
                }
                #KxBnBWidget .fa-map-marker:before {
                    color: #e0141c;
                }
                #KxBnBWidget .fa-ticket:before {
                    color: #e0141c;
                }
                #KxBnBWidget .tab-location ul li {
                    border-bottom: 1px solid #e0141c;
                }
                #KxBnBWidget .form-control:focus {
                    border-color: #e0141c;
                }
                .mainNavigation ul li a:hover {
                    color: white !important;
                    background: #f0acae;
                }
                .pageHeader>.container-fluid:first-child+.container-fluid {
                    margin-top: 3px;
                }
                .pageHeader .logo {
                    margin-top: 11px;
                    background-size: contain;
                }
                .mainNavigation ul li a:hover {
                    background: #505259 !important;
                }
                #KxBnB .componentCartWrapper .componentCart.inverse {
                    z-index: 0;
                }
                #KxBnBLoginWrapper .KxBnBLogin.absolute,
                #KxBnBLoginWrapper .KxBnBLogin.fixed {
                    position: absolute;
                    height: 0;
                    padding-top: 0;
                    padding-bottom: 0;
                    top: 54px;
                    left: -76px;
                    z-index: 500;
                    width: 100%;
                }
            }
            
            #KxBnB .container,
            #KxBnBLoginWrapper .container,
            #KxBnBCookies .container,
            #KxBnBBookingError .container {
                padding-top: 30px;
            }
            
            #KxBnB .container:before,
            #KxBnB .container:after,
            #KxBnBLoginWrapper .container:before,
            #KxBnBLoginWrapper .container:after,
            #KxBnBCookies .container:before,
            #KxBnBCookies .container:after,
            #KxBnBBookingError .container:before,
            #KxBnBBookingError .container:after {
                content: " ";
                display: table;
                padding-top: 30px;
            }
            
            #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin>div,
            #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin>div {
                background: #e0141c;
                float: right;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                border-radius: 0px;
            }
            
            #KxBnBClientLogin .LoginSignupLinksPanel {
                background-color: #e0141c !important;
            }
            
            #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin>div,
            #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin>div {
                background: #e0141c;
                float: right;
                padding-top: 15px;
            }
            
            #KxBnBLoginWrapper .componentLoginWrapper .componentLogin>div {
                /* padding: 30px; */
                float: left;
            }
            
            #KxBnB .componentScrollToTopWrapper .componentScrollToTop a:hover {
                color: #ee8488;
            }
            
            .pageHeader .adminLogin div.ResourceEditorContainer {
                background: #fff;
                border: 1px solid #ddd;
                border-radius: 10px;
                box-shadow: 0 30px 40px rgb(0 0 0 / 30%);
                font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
                font-size: 14px;
                margin: 0;
                padding: 6px;
                position: absolute;
                /* width: 900px; */
            }
            
            @media only screen and (min-width: 551px) {
                #KxBnBLoginWrapper .componentLoginWrapper {
                    display: block !important;
                }
            }
            
            @media only screen and (max-width: 400px) {
                #KxBnBLoginWrapper .componentLoginWrapper {
                    display: flex !important;
                    top: 410px;
                    justify-content: right;
                    align-content: center;
                    left: 19px;
                }
            }
            
            @media only screen and (max-width: 765px) {
                #KxBnBLoginWrapper .componentLoginWrapper {
                    display: flex !important;
                    top: 451px;
                    justify-content: start;
                    left: 76px;
                    align-items: start;
                }
            }
            
            @media only screen and (min-width: 766px) and (max-width:770px) {
                #KxBnBLoginWrapper .componentLoginWrapper {
                    display: flex !important;
                    top: 538px;
                    justify-content: start;
                    left: 0px;
                    align-items: start;
                }
            }
            
            @media only screen and (max-width: 520px) {
                /* .pageHeader .logo { margin-left: -135px; } */
            }
            
            @media only screen and (max-width: 480px) {
                /* .pageHeader .logo { margin-left: -122px; } */
            }
            
            @media only screen and (max-width: 414px) {
                /* .pageHeader .logo { margin-left: -95px; } */
            }
            
            @media only screen and (max-width: 375px) {
                /* .pageHeader .logo { margin-left: -81px; } */
            }