BODY {
    color: #333;
    margin:0px;
    font-weight: normal; 
    font-size: 13px; 
    font-style: normal; 
    font-family: Helvetica, Arial, sans-serif;
    }

td {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    }

a:link { color: #0253b7; text-decoration: none}
a:visited { color: #0253b7; text-decoration: none}
a:hover {  color: #cc0000; text-decoration: underline}

header * {
    margin: 0;
    padding: 0;
    list-style: none;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

header{ border-top: 4px solid #11B0DE }

.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: inset 0px -1px 0px 0px #eee;
    -moz-box-shadow: inset 0px -1px 0px 0px #eee;
    box-shadow: inset 0px -1px 0px 0px #eee;
    }
    

        
header a, 
header a:link, 
header a:visited {
    text-decoration: none;
    }

.container-wl {
    padding: 0 15px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
        
#logo-wl img {
    width: auto;
    max-height: 90px;
    min-height: 55px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 6px;
    }
    
    
    
ul#navigation-wl {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 35px;
    margin-top: -18px;
    display: block;
    list-style: none;
    font-size: 15px;
    }

ul#navigation-wl li {
    margin-left: 20px;
    display: inline-block;

    color: #7B7B7B;
    }
    
#message-wl { font-size: 20px; }

#flag-wl { padding: 15px 10px; }
    
a#signin-wl,
a#signin-wl:link,
a#signin-wl:visited {
    border: 1px solid #D5DEE1;
    display: inline-block;
    height: auto;
    padding: 8px 16px;
    border-radius: 4px;

    color: #7B7B7B;
    
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);           
    }

a#signin-wl:hover { 
    border: 1px solid #B3BEC2;
    -webkit-box-shadow: none;   
    -moz-box-shadow: none;  
    box-shadow: none;   
    }

#subnav-wl {
    padding: 3px 0;
    background-color: #eee;
    overflow: hidden;
    }

#subnav-wl .container-wl { padding-top: 0 }

#subnav-wl ul { 
    overflow: hidden;
    float: right;
    }

#subnav-wl ul li { 
    float: left;
    margin: 0 8px;
    }

#subnav-wl ul li:last-of-type { margin-right: 0 }

#subnav-wl a:link,
#subnav-wl a:visited { 
    color: #333;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    }

#MainContent{border:0px;background-color:white;width:100%;border-spacing:0;margin:0px auto;display:table}
#pg_Home #MainContent{width:100%}

#Flag-Wrap{float:right;margin-top:3px}

#ContentInner {
    margin: 0px auto;
    padding-top: 15px;
    display:table;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
    min-height: 400px;
    }
    
#pg_Home #ContentInner{width:100%;max-width:100%;margin-top:0;padding:0}

#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{ padding:8px }
#pg_RequestForm h1.PageHeader{margin-left:15px}
#pg_RequestForm .Request-How-Works b { 
    display: block; 
    font-size: 18px; 
    margin-bottom: 5px;
    }
#pg_RequestForm .Request-How-Works  .bulleted {
    margin-right: 8px;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    }

img{border:0px;}
#lastactive{width:2px;height:3px;border:0px;}

select {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
input.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
textarea.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}

h1 {font-size:18px}

.large {
    font: 16px/1em  Arial,HelveticaNeue, sans-serif; 
    padding: 7px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; 
    border-radius: 7px;
    }

#taxexempt{position:absolute;top:5px;right:35px}

.Button,
.button {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    background-color: #f88f01;

    border: 0;
    display:inline-block;
    color: #fff;
    cursor:pointer;
    
    text-decoration:none;
    text-align:center;
    text-indent:0;
        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    
.Button:hover,
.button:hover,
#pg_RequestDetails .button:hover{
    background-color: #f87501;
    }   


.subnav-container{background: #676768;width:100%;margin:0;padding:0}

nav.Navbar {
    font-weight: bold;
    font-size: 15px;
    COLOR: #fff;
    
    background: #676768;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    }


nav.Navbar a, 
nav.Navbar a:link, 
nav.Navbar a:visited {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    }

nav.Navbar a:hover{
    text-decoration:none;
    background: rgba(255,255,255,0.2);
    color: #fff;
    }

footer{ text-align:center; color:white; padding:30px 0px; }

footer,
footer small { font-size: 11px }


footer a:link, 
footer a:active, 
footer a:visited { color:white; text-decoration:none; padding: 0px 5px; font-weight: 700; text-transform: uppercase }

footer a:hover{text-decoration:underline}



h1,
.PageHeader {
    font-size: 27px;
    font-weight: bold;
    color: #333;
    }

.content_hp,
.container-hp { padding: 0 }

#pg_GroupPost #ContentInner,
#pg_GroupSummary #ContentInner,
#pg_GroupAccount #ContentInner,
#pg_GroupArchive #ContentInner,
#pg_GroupFAQ #ContentInner { padding-bottom: 50px; }

@media (max-width: 767px) {
    
    #subnav-wl,ul#navigation-wl li#message-wl {display: none}
    .header-wl.with-subnav {padding-top: 15px}
    
            
    #logo-wl img { max-height: 60px; max-width: 180px }

}

@media (max-width: 850px) {
    #LanguageWrap{display:none}
}#landingpage #theme-image {
                    background: url("//cdn-test.hotelplanner.com/common/images/site/7609/Untitled-design.png.png") no-repeat !important;
                    background-size: cover !important;
                }#landingpage #SearchSection {
                    background: url("//cdn-test.hotelplanner.com/common/images/site/7609/HEADER-2.png.png") center top no-repeat !important;
                    background-size: cover !important;
                }
/* =========================================================
   MYFITVACATION BRAND ALIGNMENT
   Append after the existing HotelPlanner CSS
   ========================================================= */

:root {
    --mfv-ink: #17372f;
    --mfv-forest: #123a30;
    --mfv-cream: #f5f0e7;
    --mfv-sand: #e9e0d1;
    --mfv-rust: #b8613f;
    --mfv-line: rgba(23, 55, 47, 0.18);
}

/* Global typography and colors */

body,
td {
    color: var(--mfv-ink);
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background: var(--mfv-cream);
    font-size: 14px;
    line-height: 1.55;
}

a:link,
a:visited {
    color: var(--mfv-forest);
}

a:hover {
    color: var(--mfv-rust);
}

/* Header */

header {
    border-top: 4px solid var(--mfv-rust);
}

.header-wl {
    background: rgba(245, 240, 231, 0.98);
    box-shadow: inset 0 -1px 0 var(--mfv-line);
}

.container-wl {
    max-width: 1120px;
    padding-left: 24px;
    padding-right: 24px;
}

#logo-wl img {
    width: auto;
    max-height: 78px;
    min-height: 0;
    margin: 6px 0;
    object-fit: contain;
}

ul#navigation-wl li,
#message-wl {
    color: var(--mfv-ink);
}

#message-wl {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: normal;
}

a#signin-wl,
a#signin-wl:link,
a#signin-wl:visited {
    color: var(--mfv-ink);
    background: transparent;
    border: 1px solid var(--mfv-line);
    border-radius: 2px;
    box-shadow: none;
}

a#signin-wl:hover {
    color: #fff;
    background: var(--mfv-forest);
    border-color: var(--mfv-forest);
}

/* Navigation */

#subnav-wl {
    background: var(--mfv-sand);
}

.subnav-container,
nav.Navbar {
    background: var(--mfv-forest);
}

nav.Navbar {
    max-width: 1120px;
}

nav.Navbar a,
nav.Navbar a:link,
nav.Navbar a:visited {
    padding: 12px 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
}

nav.Navbar a:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* Main booking area */

#MainContent {
    background: var(--mfv-cream);
}

#ContentInner {
    max-width: 1120px;
    background: #fff;
}

#pg_Home #ContentInner {
    background: var(--mfv-cream);
}

/* Use production CDN assets */

#landingpage #theme-image {
    background-image:
        url("https://cdn.hotelplanner.com/common/images/site/7609/Untitled-design.png.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#landingpage #SearchSection {
    padding: 70px 18px;
    background-image:
        linear-gradient(
            90deg,
            rgba(18, 58, 48, 0.88) 0%,
            rgba(18, 58, 48, 0.58) 55%,
            rgba(18, 58, 48, 0.22) 100%
        ),
        url("https://cdn.hotelplanner.com/common/images/site/7609/HEADER-2.png.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#landingpage #SearchSection .container,
#landingpage .tabs {
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}

/* Individual and group tabs */

#landingpage .tab-links {
    display: flex;
    gap: 2px;
    margin: 0;
    padding: 0;
}

#landingpage .tab-links li {
    margin: 0;
    list-style: none;
}

#landingpage .tab-links a,
#landingpage .tab-links a:visited {
    display: block;
    padding: 14px 20px;
    color: var(--mfv-ink);
    background: rgba(233, 224, 209, 0.94);
    border-radius: 2px 2px 0 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#landingpage .tab-links a:hover,
#landingpage .tab-links a.active,
#landingpage .tab-links .active a {
    color: #fff;
    background: var(--mfv-forest);
    text-decoration: none;
}

#landingpage .tab-panel {
    padding: 32px;
    color: var(--mfv-ink);
    background: rgba(245, 240, 231, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 0 2px 2px 2px;
    box-shadow: 0 22px 55px rgba(9, 34, 28, 0.2);
}

/* Booking fields */

#landingpage #frmGroup label,
#pg_RequestForm #frmGroup label {
    color: var(--mfv-ink);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#landingpage #frmGroup .form-control,
#pg_RequestForm #frmGroup input,
#pg_RequestForm #frmGroup select,
input.Shadow,
select,
textarea.Shadow {
    min-height: 46px;
    padding: 10px 12px;
    color: var(--mfv-ink);
    background: #fff;
    border: 1px solid rgba(23, 55, 47, 0.3);
    border-radius: 2px;
    box-shadow: none;
}

#landingpage #frmGroup .form-control:focus,
#pg_RequestForm #frmGroup input:focus,
#pg_RequestForm #frmGroup select:focus,
input.Shadow:focus,
select:focus,
textarea.Shadow:focus {
    border-color: var(--mfv-rust);
    outline: 2px solid rgba(184, 97, 63, 0.15);
}

/* Buttons */

.Button,
.button,
.submitButtonWrapper .submit {
    min-height: 46px;
    padding: 12px 22px;
    color: #fff !important;
    background: var(--mfv-forest);
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.Button:hover,
.button:hover,
.submitButtonWrapper .submit:hover,
#pg_RequestDetails .button:hover {
    color: #fff !important;
    background: var(--mfv-rust);
    text-decoration: none;
    transform: translateY(-1px);
}

/* Headings and supporting sections */

h1,
h2,
.PageHeader,
#IntroSection h2,
#AdvantagesSection h2 {
    color: var(--mfv-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
}

h1,
.PageHeader {
    font-size: 32px;
    line-height: 1.1;
}

#IntroSection {
    padding: 60px 20px;
    color: var(--mfv-ink);
    background: var(--mfv-cream);
}

#AdvantagesSection {
    padding: 60px 20px;
    color: var(--mfv-ink);
    background: var(--mfv-sand);
}

#IntroSection .container,
#AdvantagesSection .container {
    max-width: 1060px;
    margin: 0 auto;
}

/* Calendar brand alignment */

.ui-widget-header a {
    color: var(--mfv-rust) !important;
}

.ui-widget-header a:hover,
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar td.dp-CheckInDate a,
.ui-datepicker-calendar td.dp-CheckOutDate a,
td.dp-SelectedDate a.ui-state-default,
a.closeDatepicker {
    color: #fff !important;
    background: var(--mfv-rust) !important;
    border-color: var(--mfv-rust) !important;
}

/* Footer */

footer,
.footer-wl {
    padding: 34px 18px;
    color: var(--mfv-cream);
    background: #0c2f27;
}

footer a:link,
footer a:active,
footer a:visited {
    color: var(--mfv-cream);
    letter-spacing: 0.06em;
}

footer a:hover {
    color: #fff;
}

/* Mobile */

@media (max-width: 767px) {
    .container-wl {
        padding-left: 16px;
        padding-right: 16px;
    }

    #logo-wl img {
        max-width: 170px;
        max-height: 58px;
    }

    #landingpage #SearchSection {
        padding: 38px 12px;
    }

    #landingpage .tab-links a {
        padding: 12px 13px;
        font-size: 9px;
        letter-spacing: 0.07em;
    }

    #landingpage .tab-panel {
        padding: 24px 16px;
    }

    .submitButtonWrapper .submit {
        width: 100%;
    }

    #IntroSection,
    #AdvantagesSection {
        padding: 45px 18px;
    }
}