@charset "UTF-8";
/* CSS Document */
div.transBox {
    display: inline-flex;
    box-sizing: border-box;
    padding: 24px;
    width: 78vw;
    height: auto;
    z-index: 20;
    color: #fff;
    margin: 15vh 0px 12px 9vw;
    font-size: 1.5rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}


div.transBox > p.descr { 
    
    min-height: 80px;
    display: inline-flex;
    position: relative;
    flex-direction: column;
    margin-bottom: 2px;
    margin-top: 5px;
    background-color: rgba(0, 0, 0, 0);
    justify-content: space-between;
    box-sizing: border-box;
    align-items: flex-start;
    line-height: 1.5;
    padding: 12px 24px 24px 0px;
    border-radius: 14px;
    margin-right: 0px;
    margin-left:0px;
    min-width:320px;
    
    
} 

div.transBox > p.mainInfo { 
    width:100%; 
    font-size:80%; 
    font-style: italic; 
    margin-bottom: 32px; 
}


div.transBox > p.descr > button {
    display: inline-flex;
    position: relative;
    bottom: auto;
    margin-top: 16px;
    font-size: 2rem;
    padding: 16px 24px;
    margin-bottom: 16px;
    text-align: center;
    min-width: 98%;
    justify-content: center;
    border-radius: 7px;
} 
div.transBox > p.descr > button.specialx {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 96 960 960' width='48'%3E%3Cpath d='m480 482-42-42 74-74H330v-60h182l-74-74 42-42 146 146-146 146ZM289.788 976Q260 976 239 954.788q-21-21.213-21-51Q218 874 239.212 853q21.213-21 51-21Q320 832 341 853.212q21 21.213 21 51Q362 934 340.788 955q-21.213 21-51 21Zm404 0Q664 976 643 954.788q-21-21.213-21-51Q622 874 643.212 853q21.213-21 51-21Q724 832 745 853.212q21 21.213 21 51Q766 934 744.788 955q-21.213 21-51 21ZM62 236v-60h116l170 364h287.706L796 260h67L701 563q-11 19-28.559 30.5Q654.881 605 634 605H331l-56 104h491v60H284q-37.663 0-57.332-30Q207 709 224 678l64-118-148-324H62Z'/%3E%3C/svg%3E") !important;
    background-size: 38px !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    padding-left: 55px !important;
}
div.transBox > p.descr > button.specialx.lounge {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M152 364q0-45 31.5-76.5T260 256h440q45 0 76.5 31.5T808 364v83q48-5 80 21t32 75v245q0 45-31.5 76.5T812 896H148q-45 0-76.5-31.5T40 788V543q0-49 32.5-75t79.5-21v-83Zm60 0v112q14 14 22 27.5t8 39.5v124h476V543q0-26 8-39.5t22-27.5V364q0-21-13.5-34.5T700 316H260q-21 0-34.5 13.5T212 364Zm566 363H182V543q0-10-2.5-17.5t-8-13q-5.5-5.5-13-8t-17.1-2.5q-20.4 0-30.9 10.5T100 543v245.161Q100 809 113.5 822.5T148 836h664q21 0 34.5-13.5t13.5-34.339V543q0-20-10.5-30.5T818.6 502q-9.6 0-17.1 2.5-7.5 2.5-12.677 8-5.176 5.5-8 13Q778 533 778 543v184Zm-298 0Zm0 109Zm0-169Z'/%3E%3C/svg%3E") !important;
}
div.transBox > p.descr > button.specialx.parking {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M240 936V216h288q98 0 165 67t67 165q0 98-67 165t-165 67H360v256H240Zm120-376h168q48 0 80-32t32-80q0-48-32-80t-80-32H360v224Z'/%3E%3C/svg%3E") !important;
}
div.transBox > p.descr > button.specialx.coupon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M222 976q-43.75 0-74.375-30.625T117 871V746h127V176l59.8 60 59.8-60 59.8 60 59.8-60 59.8 60 60-60 60 60 60-60 60 60 60-60v695q0 43.75-30.625 74.375T738 976H222Zm516-60q20 0 32.5-12.5T783 871V276H304v470h389v125q0 20 12.5 32.5T738 916ZM357 434v-60h240v60H357Zm0 134v-60h240v60H357Zm333-134q-12 0-21-9t-9-21q0-12 9-21t21-9q12 0 21 9t9 21q0 12-9 21t-21 9Zm0 129q-12 0-21-9t-9-21q0-12 9-21t21-9q12 0 21 9t9 21q0 12-9 21t-21 9ZM221 916h412V806H177v65q0 20 12.65 32.5T221 916Zm-44 0V806v110Z'/%3E%3C/svg%3E") !important;
}
div.transBox > p.descr > button.specialx.wellness {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M480 976q-72-8-143.5-41.5t-128.5-93q-57-59.5-92.5-147T80 491.025V453h38q53 0 113 20.5T337 526q8-90 48-185.5T480 177q55 68 95 163.5T623 526q46-30 106-51.5T842 453h38v38.025Q880 607 844.5 694.5t-92.5 147q-57 59.5-128.5 93T480 976Zm8-61q-11-186-107.393-282.184Q284.213 536.632 141 514q13 193 112.5 288T488 915Zm-9-245q14-26 38.5-56t47.5-50q5-68-20-138t-65-145q-40 75-65 145t-20 138q23 20 46.5 50t37.5 56Zm69 228q47-17 93.5-45t84-73q37.5-45 63-110.5T819 514q-106 17-187 75.5T513 734q12 38 21 76.5t14 87.5Zm-69-228Zm69 228Zm-60 17Zm25-181Zm-33 242Z'/%3E%3C/svg%3E") !important;
}
div.transBox > p.descr.avail {}
div.transBox > p.descr.notavail {
    opacity: 0.8;
    pointer-events: none !important;
}
div.transBox > p.descr > button {
    
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 12px 0px 0px 0px;
    text-shadow: 1px 2px 4px rgba(0,0,0,0.5) !important;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgba(255,255,255,0.1)' width='24'%3E%3Cpath d='M419-80q-28 0-52.5-12T325-126L107-403l19-20q20-21 48-25t52 11l74 45v-328q0-17 11.5-28.5T340-760q17 0 29 11.5t12 28.5v472l-97-60 104 133q6 7 14 11t17 4h221q33 0 56.5-23.5T720-240v-160q0-17-11.5-28.5T680-440H461v-80h219q50 0 85 35t35 85v160q0 66-47 113T640-80H419ZM167-620q-13-22-20-47.5t-7-52.5q0-83 58.5-141.5T340-920q83 0 141.5 58.5T540-720q0 27-7 52.5T513-620l-69-40q8-14 12-28.5t4-31.5q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 17 4 31.5t12 28.5l-69 40Zm335 280Z'/%3E%3C/svg%3E");
    
    
    background-repeat: no-repeat;
    background-position: 98% 7px;
    background-size: 24px;
    
}

div.transBox > p.descr > button:hover {
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgba(255,255,255,0.2)' width='24'%3E%3Cpath d='M419-80q-28 0-52.5-12T325-126L107-403l19-20q20-21 48-25t52 11l74 45v-328q0-17 11.5-28.5T340-760q17 0 29 11.5t12 28.5v472l-97-60 104 133q6 7 14 11t17 4h221q33 0 56.5-23.5T720-240v-160q0-17-11.5-28.5T680-440H461v-80h219q50 0 85 35t35 85v160q0 66-47 113T640-80H419ZM167-620q-13-22-20-47.5t-7-52.5q0-83 58.5-141.5T340-920q83 0 141.5 58.5T540-720q0 27-7 52.5T513-620l-69-40q8-14 12-28.5t4-31.5q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 17 4 31.5t12 28.5l-69 40Zm335 280Z'/%3E%3C/svg%3E");
    
    
}





div.transBox > p.descr > button > marquee,
div.transBox > p.descr > button > span {
    
    display: inline-flex;
    min-width: 100%;
    justify-content: flex-start;
    font-size: 16px;
        font-size: 22px;
    line-height: 1.3;
        line-height: 1.1;
    box-sizing: border-box;
    padding: 8px 24px 14px 24px;
    margin-top: 6px;
    text-transform: none;
    border-radius: 0px !important;
    color: rgba(255,255,255,0.75);
    background-color: rgba(0, 0, 0, 0.2);
    text-align: left;
    align-items: flex-start;
    min-height:     80px;
    height:         80px;
    max-height:     80px;
    font-weight: 100 !important;
   /* border-bottom: 4px solid darkslategrey; */
    margin-bottom: -2px;
    box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.1);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    
}

div.transBox > p.descr.notavail > button > marquee,
div.transBox > p.descr.notavail > button > span {
    
    max-height: 80px;
    min-height: 80px;
    opacity: 0.1;
    
}

div.transBox > p.descr > button > span {
    
    overflow: hidden !important;
    
}

div.transBox > p.descr.notavail > button {
    
    background-position: 97% 10px;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgba(255,255,255,0.1)' width='24'%3E%3Cpath d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q54 0 104-17.5t92-50.5L228-676q-33 42-50.5 92T160-480q0 134 93 227t227 93Zm252-124q33-42 50.5-92T800-480q0-134-93-227t-227-93q-54 0-104 17.5T284-732l448 448Z'/%3E%3C/svg%3E");
    
}


div.transBox > p.descr.notavail > button:hover {
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='red' width='24'%3E%3Cpath d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q54 0 104-17.5t92-50.5L228-676q-33 42-50.5 92T160-480q0 134 93 227t227 93Zm252-124q33-42 50.5-92T800-480q0-134-93-227t-227-93q-54 0-104 17.5T284-732l448 448Z'/%3E%3C/svg%3E");
    
}





div.transBox > p.descr > button > small {
    display: inline-flex;
    min-width: 100%;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    box-sizing: border-box;
    padding: 5px 0px 8px 0px;
    margin-top: 2px;
    text-transform: none;
    border-radius: 0px 0px 7px 7px !important;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.5);
}
div.transBox > p.descr.notavail > button {
    background-color: #222 !important;
}
div.transBox > p.descr.notavail > button > small {
    background: black;
    color: rgba(255, 0, 128, 1);
    line-height: 1.3;
    padding: 5px 0px 4px 8px;
    text-align: left;
}
div.transBox > p.descr.notavail > button > small > small {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0px 8px 1px 6px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 90%;
    text-align: left;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-left: 3px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    max-width: calc(100% - 96px);
    min-height: 58px;
    max-height: 58px;
    overflow: hidden;
    min-width:72%;
}
div.transBox > p.descr.notavail > button > small > marquee {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0px 8px 1px 6px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 90%;
    text-align: left;
    line-height: 1.3;
    margin-left: 3px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    max-width: calc(100% - 96px);
    height: 58px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.5) !important;
    min-width:72%;
}
div.transBox > p.descr.avail > button > small {
    opacity: 0.4;
    font-weight: 200 !important;
}
div.transBox > p.descr.avail > button > small > small {
    display: none;
}


div.transBox > p.descr > button.specialx > marquee, 
div.transBox > p.descr > button.specialx > span, 
div.transBox > p.descr > button.specialx > small {
    margin-left: -55px !important;
    min-width: calc(100% + 55px) !important;
}


div.transBox > p.descr > button.specialx {
    background-position: 12px 10px !important;
}



body.accessible  div.transBox > h1 { display: none !important; }







