/* Minification failed. Returning unminified contents.
(351,38): run-time error CSS1046: Expect comma, found '255'
(351,45): run-time error CSS1046: Expect comma, found ')'
 */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
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               */


/* BASE-RESET -------------------------------------- */ 
/* TYPO */
@font-face { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, table, tr, td { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1rem; line-height: 1.3; word-spacing: normal; letter-spacing: normal; text-decoration: none; text-transform: none; text-indent: 0ex; text-rendering: optimizeLegibility; }
html { font-size:13px; }
h1 { font-size:2.4rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
h2 { font-size:1.5rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
h3 { font-size:1.41rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
h4 { font-size:1.2rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
h5 { font-size:1rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
h6 { font-size:0.91rem; font-family: Arial, Verdana, Helvetica, sans-serif; }
p  { font-size: 1rem; margin:0 0 1.2rem; }
ol, ul, table, tr, td {}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, small, .small { color:inherit; }
pre { font-family: 'Courier New', Courier, monospace; font-size: 16px; border: 0; background: none; padding: 0; }


/* BASIC-ELEMENTS */
a { color: #003980; }
a:hover { color: #003980; text-decoration:underline; }
::selection { background: #318dfd!important; color:white!important; }
* { outline-color: #1ab6f1; }
input, select, textarea, button, a.btn { outline:none; }
input[type=checkbox], input[type=radio] { cursor:pointer; vertical-align: middle; }

    
    
/* BASE-DESKTOP ------------------------------------ */
html,
body { background-color: black; }
body { background: url(../Images/Base/body-bg.jpg) center 89px no-repeat; }
body.default { background-size: cover; }
.container-fluid > .container { padding: 0; }


/* HEADER */
.pageHeader {padding-bottom: 111px; position:relative; height:92px; z-index:1; margin-bottom:0; background: #272222; }
.pageHeader > .container-fluid:first-child + .container-fluid { background: transparent; height: 0; }
.pageHeader > .container-fluid > .container { position:relative; }
.pageHeader .logo { text-indent: -9999px; overflow: hidden; height: 55px; display: block; float: none; max-width: 273px; background-size: contain;}
.pageHeader .languageSelect { position: absolute; top: 200px; right: -15px; z-index: 10; background: black; width: 100%; box-sizing: content-box; padding: 0 15px; }
.pageHeader .languageSelect.overlapped { z-index: 1; }
.pageHeader .languageSelect > div { position: relative; width: 100%; height: 100%; padding: 15px 0; margin: 0; background: black; display:none; }
.pageHeader .languageSelect h2 { color:white; font-size: 1.3rem; }
.pageHeader .languageSelect select { position: absolute; right: 17px; top: -48px; padding: 5px; background: white; border: 1px solid white; font-size: 1.1em; cursor: pointer; }
.banner { margin: 0; overflow: hidden; position: relative;height: 427px; display:block; /*margin-bottom: -1px;*/ }
.banner img {     width: -webkit-fill-available;
    /* margin: 0 auto; */
    /* float: none; */
    position: absolute;
    left: 50%;
    margin-left: -50%;
    margin-bottom: 100p;
    margin: margin-top; }
.banner span {   color: black; display: block; margin: 0 auto; /*padding: 2.88em 0 3.1em;*/ padding: 4em 0 3em; font-size: 3.2vmin; font-weight: normal; text-align: center; width: 100%; letter-spacing: 1px; position: relative; }
.banner span b { font-size: 2.35em; display: block; }

#Cookies { background: #b6d1e4; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; text-align: center; }
#Cookies p {text-align: center;}
#Cookies p .ui-icon-info { display: inline-block; margin: 10px 10px 0 0;}
#Cookies button {  background: rgba(255, 255, 255, 0.5); border: none; padding: 5px; margin-left: 10px; }
#Cookies button .ui-icon-close { float: right; }

 
/* TOPNAVIGATION */
.mainNavigation { background:transparent; border:none; border-radius:0; z-index: 1; min-height: 0; }
.mainNavigation .container-fluid { padding:0; }
.mainNavigation .navbar-toggle { position: absolute; top: -108px; right: -15px; border-radius: 0; background: white!important; padding: 0 7px; height: 34px; box-sizing: content-box; }
.mainNavigation .navbar-collapse { z-index:1; background:white; border: 0px solid #7f9db9; }
.mainNavigation ul li { font-size:1.42em; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; }
.mainNavigation ul li a { color: #272222 !important; display: block; position: relative; text-decoration: none; z-index: 100; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.mainNavigation ul li.active { background:white!important; color:black; }
.mainNavigation ul li.active a,
.mainNavigation ul li a:hover,
.mainNavigation ul li a:focus { background:white!important; color:black!important; }


/* FOOTER */
.pageFooter { font-weight: normal; }
.pageFooter * { color: #a3a3a3!important; text-align: center; }
.pageFooter a:hover  { text-decoration: underline; }
.pageFooter .darkBar { background: #272222; padding: 2em 0; }
.pageFooter .darkBar * { color: white!important; }
.pageFooter .footer-content { font-size: 1.1em; line-height: 1.5em; margin: 0; }
.pageFooter .footer-content * { font-size: 1em; line-height: inherit; }
.pageFooter .footer-content .col-xxs-12,
.pageFooter .footer-content .col-xxs-12 * { text-align: left!important; }
.pageFooter .footer-content ul {  margin: 0; white-space: nowrap; }
.pageFooter .footer-content ul li { padding: 0 0 0 11px; list-style: none; display: inline-block; }
.pageFooter .footer-content ul li:first-child { padding-left: 0; }
.pageFooter .footer-content ul li a { padding: 15px; font-size: 0; line-height: 0; background: transparent url(../Images/Base/facebook.png) center center no-repeat; display: block; background-size: contain; }
.pageFooter .footer-content ul li a.footer-facebook { background-image: url(../Images/Base/facebook.png); }
.pageFooter .footer-content ul li a.footer-twitter { background-image: url(../Images/Base/twitter.png); }
.pageFooter .footer-content ul li a.footer-instagram { background-image: url(../Images/Base/instagram.png); }
.pageFooter .footer-content ul li a.footer-linkedin { background-image: url(../Images/Base/linkedin.png); }


/* BOTTOMNAVIGATION ---------------------------------------------- */
.bottomNavigation { background:transparent!important; border:none!important; min-height:0; margin-top: 10px; }
.bottomNavigation ul { float:right; }
.bottomNavigation ul li { float:right; }
.bottomNavigation ul li:first-child { margin-left:51%; float:left; }
.bottomNavigation ul li a { padding: 0 10px 0 0; text-align: center; font-size: 1.2rem; border-right: 1px solid black; margin-top: 13px; height: 16px; line-height: 15px; }
.bottomNavigation ul li a:hover { text-decoration: underline; color:black!important; }
.bottomNavigation ul li:first-child + li + li a { border:none; padding-right: 0; }




/* BASE-RESPOSIVE ---------------------------------- */
@media all and (min-width: 480px)  { 
    .pageFooter form { max-width: 420px; }
}


@media all and (min-width: 768px)  { 
    .container-fluid { padding-left: 0; padding-right: 0; }
    .pageHeader > .container-fluid:first-child + .container-fluid { background: #FFD400; height: 59px; }
    .pageHeader .languageSelect { top:270px; z-index:2; }
    .pageHeader .languageSelect select { width:20px; }
    .mainNavigation { margin-left: 0; }
    .mainNavigation .navbar-collapse { background:#ffd400; border: none; padding-left:0; padding-right:0; }
    .mainNavigation ul li a { color: black !important; padding: 0 65px; white-space: pre-line; height: 59px; text-align: center; line-height: 1.4rem; display: table-cell; vertical-align: middle; }
    .banner { display:run-in; clear:both; }
    .pageFooter .darkBar { padding: 3em 0 1.5em; }
    .pageFooter h2 { text-align:left; }
    .pageFooter > .container { padding:0; }
    .pageFooter form { max-width: 460px; width:360px; margin-left: 0; }
    .pageFooter form input { top:0px; left:auto; right:0; }
    .pageFooter form input[type="text"] { width:49%; }
    .pageFooter ul { margin-left: 1em; }
    .pageFooter .nowrap-sm { white-space: nowrap; }
}


@media all and (min-width: 992px) { 
    .container-fluid > .container { padding:0 15px; }
    .pageHeader .logo { margin-left: 105px; }
    .pageHeader .languageSelect select { width:auto; }
    .mainNavigation { margin-left: 15px; }
    .mainNavigation ul li a { padding-left: 52px; padding-right: 30px; }
    .banner { margin-left:0; margin-right:0; }
    .pageFooter > .container { padding:0 15px; }
    .pageFooter form { width:460px; min-height: 48px; }
    .pageFooter form input[type="text"] { width:60%; }
    .pageFooter ul { margin-left: -1em; }
    .pageFooter .footer-content { margin: 0 -15px 0 -13px; }
    .pageFooter .col-md-3,
    .pageFooter .col-md-3 * { text-align: right!important; }
    .pageFooter .footer-content ul li:first-child { padding-left: 11px; }
}


@media all and (min-width: 1200px) { 
    .pageFooter form input[type="text"] { width:60%; }
    .pageFooter ul { margin-left: -2em; }
    .mainNavigation ul li { letter-spacing: 1px;  }
    .mainNavigation ul li a { padding-left: 50px; padding-right: 35px; }
    body { background-size: 100% auto; }
    body.default { background-size: cover; }
}


@media all and (max-width: 767px) { 
    body.login form > .nav-bar { height: 0!important; }
    .pageHeader { height: 115px; }
    .pageHeader .logo { margin-bottom: 45px; margin-top: 33px; margin-left: 0; width: 80%; background-size: 83% auto; background-position: center left; }
    .mainNavigation .navbar-collapse {transition: visibility 2s, opacity 0.5s linear;background:#ffd400; margin-top: -25px; -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3); }
    .mainNavigation ul li a:hover { color:white!important; background:#1e90ff!important; }
    .banner { display: none; }
}


@media all and (max-width: 479px) {
    .pageHeader .logo { width: 80%; background-size: 83% auto; background-position: center left; }
    .pageFooter .footer-content .col-xxs-12 { width: 100%; }
    .pageFooter .footer-content .col-xxs-12 * { text-align: center!important; }
}


@media print {
    .pageHeader,
    .container-fluid .banner,
    .pageFooter { display: none!important; }
}
.LoginSignupLinksPanel{
    background-color: #0D6753 !important; 

}

.footer-text{

    text-align: left !important;
}

.social-icons{


    padding: 0;
    margin-left: -10px;

}
@media all and (min-width: 991px)  { 
    .footer-text{
        text-align: left !important;
    }
   
}
@media (max-width: 479px){
.pageFooter .footer-content .col-xxs-12 * {
    text-align: left !important;
}}

#KxBnB .componentSearchResults .AvailabilitySignHeader.RoomAvailableHeader p:first-child{
    color: #0d6753 !important;
}
#KxBnB .componentCartWrapper .componentCart.inverse{
background-color: #ffd400 !important;

border-radius: 6px;
}

#KxBnB .componentSearchResults .AdvertTotal p{
    background-color: #ffd400 !important; 
    color:black !important;
    border-radius: 6px;
}

#KxBnB .componentSearchResults .addToCart{
    background-color: #0d6753 !important;
    border-radius: 6px;
}

#KxBnB .componentSearchResults .addToCart, #KxBnB .componentSearchResults .removeFromCart{
    
    background-color: #0d6753 !important;
    color:white;
    border-radius: 6px;
}

#KxBnB .componentSearchResults .removeFromCart:hover, #KxBnB .componentSearchResults .removeFromCart:focus, #KxBnB .componentSearchResults .removeFromCart:active{
    
    background-color: #0d6753ce !important;
}

#KxBnB .componentSearchResults .addToCart:hover, #KxBnB .componentSearchResults .addToCart:focus, #KxBnB .componentSearchResults .addToCart:active, #KxBnB .componentSearchResults .removeFromCart:hover, #KxBnB .componentSearchResults .removeFromCart:focus, #KxBnB .componentSearchResults .removeFromCart:active{   
     background-color: #0d6753ce !important;
}

#KxBnB .componentCartWrapper .componentCart .proceed{
    
    background-color: #0d6753 
}
#KxBnB .componentCartWrapper .componentCart .proceed:hover{
    background-color: #0d6753ce !important;
}

 
.clientLogin > .container {
   width: -webkit-fill-available !important;
} 

.clientLogin{
    margin-top: 15px;
    width:inherit !important
}

@media only screen and (max-width: 767px){
    .clientLogin {
        position: static !important;  
           margin-top: 0 !important;
    }
 
    .LoginSignupLinksPanel{
        width:-webkit-fill-available ;
        text-align: center;
        border-radius: 0 !important;
    }

    .clientLogin > .container > .row > .col-xs-12{
        padding: 0;
    }
}

@media (max-width: 767px){

    .banner {
        margin: 0;
        overflow: hidden;
        position: unset;
        height: unset;
        display: block !important;
    }

    .banner img{

        
    height: 307px;
    }

}


#KxBnB {
    color: #000;
    z-index: 123123123123;
    background: #fff;
    position: relative;
}

.banner >span {

    text-shadow: 2px 2px 2px rgb(255 255 255);
}

@media (min-width: 768px){

    .pageHeader > .container-fluid:first-child + .container-fluid {
        background: #FFD400;
        height: 59px;
        margin-top: 15px;
    }
   
}

.pageHeader .logo {
    margin-left: 61px;
    margin-top: 20px;
    height: 75px;
    width: 159px;
}
 
#KxBnB .componentCartWrapper .componentCart.affix-top.inverse>div {
    background: #FFD400 !important;
    color: #000;
}

#KxBnB .KxBnBContent button.btn-primary, #KxBnB .btn-primary, #KxBnBLoginWrapper .btn-primary{
    background-color: #ffd400 !important;
    border-radius: 6px !important;
color:black !important;
}
#KxBnB .KxBnBContent button.btn-primarybtn-primary:hover{
    background-color: #ffd400ce !important;
    border-radius: 6px !important;
color:black !important;
}

#KxBnB .componentGuestDetails .btn-primary:hover, #KxBnB .componentGuestDetails .btn-primary:active, #KxBnB .componentGuestDetails .btn-primary:focus{
    background-color: #0D6753 !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: #0D6753 !important;

}

#HowManyRoomsList > li:hover{
    background: #0D6753 !important;
}

.RoomCountDropDown{
padding-left: 13px !important;

}

#KxBnBWidget .search-wrapper>div input[type="button"].active, #KxBnBWidget .search-wrapper>div input[type="button"], #KxBnBWidget .search-wrapper>div button{

    background: #0D6753 !important;
    border-radius: 6px !important;

}

#KxBnB .componentMobileCartWrapper .componentMobileCart{
    
    background: #0D6753 !important;
    border-radius: 6px !important;
}

#KxBnB .componentSearchResults .RoomType{
    
    color: #0D6753 !important;
}

.inverse{
background:#272222 !important;
}

#KxBnB .KxBnBContent .inverse .btn-primary:hover {
background: white !important;
}

.MultiplyImageCart {
    filter: brightness(0) saturate(100%);
}
#MainContentPlaceHolder_ctl00_btnManageStayPage, #MainContentPlaceHolder_ctl00_btnMyDetailsPage, #MainContentPlaceHolder_ctl00_btnCreateBookingPage, #MainContentPlaceHolder_userNavigation_btnManageStayPage, #MainContentPlaceHolder_userNavigation_btnMyDetailsPage, #MainContentPlaceHolder_userNavigation_btnCreateBookingPage {
    color: #0D6753 !important;
}

#KxBnB .show {
    visibility: visible !important;
    color: #212529 !important;
}


.fa.fa-shopping-cart {
    color: white;
}

.Credentials {
    width: 100% !important;
}

.btn.btn-secondary {
    border-radius: 6px !important;
}

#KxBnB .modal-title {
    display: inline-block;
}
.modalbutton {
    float: right;
}