/* ===== DESIGN TOKENS ===== */
    :root{
      --bg: #070B14;              /* Deep navy */
      --panel: #0c1324;           /* Card background */
      --muted: #9aa4c2;           /* Muted text */
      --text: #eaf0ff;            /* Primary text */
      --brand: #7c8ff9;           /* Indigo */
      --brand-2: #6ff0d3;         /* Teal accent */
      --border: #223055;          /* Border color */
      --glowA: 196, 140, 255;     /* Glow colors (rgb) */
      --glowB: 127, 208, 255;
      --radius: 16px;
      --container: 1200px;
    }


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: rgb(10 18 29);
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
    }
    

        
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-width: 140px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 18px;
}
    
    
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: #9aa4c2;
    }
    
#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;
    border-color: rgba(124, 143, 249, 1);
    display: inline-block;
    height: auto;
    padding: 8px 16px;
    border-radius: 9px;

    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: #2681ff;
    padding:8px 10px;

    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: #3196ff;
    }   


.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 { }


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

footer a:hover{text-decoration:underline}



h1,
.PageHeader {
 font-size: 34px;
    font-weight: bold;
    background: #093762;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 
    font-family: 'Arial Black', sans-serif;
    }

.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}
}

@media (max-width: 850px) { 
    #LanguageWrap{display:none}
    #pg_CheckOut header{display:none;} 
}
                
            header {
    min-height: 50px;
}


#message-wl{color:#9aa4c2;font-size: 15px;}


header {
    border-top: 0px;
}


footer {
    background: #0a121d;
}


#pg_CheckOut.MobileSite small#accept-policy{color:#4d5157;}
#pg_CheckOut.MobileSite .booking-grand-total{
    font-weight: bold;
    color: #6d6767;
}
#pg_CheckOut.MobileSite small#accept-policy a{
    text-decoration: underline
}


/*wyndham logos*/
#pg_CheckOut .chainlogoAA,#pg_CheckOut .chainlogo#pg_CheckOut .chainlogoBU,#pg_CheckOut .chainlogoDI,#pg_CheckOut .chainlogoH,#pg_CheckOut .chainlogoHJ,#pg_CheckOut .chainlogoLQ,#pg_CheckOut .chainlogoMT,#pg_CheckOut .chainlogoRA,#pg_CheckOut .chainlogoOZ,#pg_CheckOut .chainlogoTL,#pg_CheckOut .chainlogoTY,#pg_CheckOut .chainlogoWG,#pg_CheckOut .chainlogoWY{display:none!important;}
/*END -- wyndham logos*/



/*general checkout overrides*/
#pg_CheckOut input[type="submit"], #pg_CheckOut button[type="submit"] {
    background-color: rgb(52, 152, 219);
    border-radius: 11px;
}
#pg_CheckOut #cc.form-group #submit-wrapper input[type="submit"], #pg_CheckOut #cc.form-group #submit-wrapper button[type="submit"] {
width: 100%;
}
#pg_CheckOut #checkoutForm .control-label {

    color: #4f5257;
}
#pg_CheckOut a, #pg_CheckOut a:link, #pg_CheckOut a:visited {
    color: #0f6bc9;
}
#pg_CheckOut .timer-wrap .time-left {
    color: #ba1515;
    font-size: 16px;
    background: #f3f3f3;

    border-radius: 12px;
    border: 1px solid #d2d7d8;
    background: #f3f3f3;
    -webkit-box-shadow: 0 2px 5px 0 #eee;
    box-shadow: 0 2px 5px 0 #eee;
}
#pg_CheckOut #book {
    padding: 17px;
    background-color: #f3eeee;
    border: 2px solid #f5e8e8;
    border-radius: 4px;
    color: #134318;
}

#pg_CheckOut #book b {
    color: #3498db;
}
#pg_CheckOut #book b i {
    color: #3498db;
}
#pg_CheckOut #book ul li::before {
    background-color: #3498db;
}
#pg_CheckOut .paymentMethodTab.selected {
    border: 2px solid #0f6bc9;
}


/*desktop checkout overrides*/
@media (min-width: 768px) { 
    #pg_CheckOut #hotel-header figure {height:211px;}
    #pg_CheckOut #CheckoutContent h1,#pg_CheckOut #CheckoutContent .f-heading,#pg_CheckOut #summaryHN{text-transform: uppercase;}
    
    
    #pg_CheckOut #col1 #checkoutForm {
    background-color: #fff;
    padding: 13px 65px 28px;
    border-radius: 12px;
    border: 1px solid #d2d7d8;
    -webkit-box-shadow: 0 2px 5px 0 #eee;
    box-shadow: 0 2px 5px 0 #eee;
}
    
    
    #pg_CheckOut .green-feature {
    border-radius: 12px;
    border: 1px solid #d2d7d8;
    -webkit-box-shadow: 0 2px 5px 0 #eee;
    box-shadow: 0 2px 5px 0 #eee;
}
    
   #pg_CheckOut  #hotel-header figure {border-radius: 1px;}
    
    
    #pg_CheckOut #navigation-wl{display:none;}
    
#pg_CheckOut .addressWrapper{display:inline-block;padding-right: 4px;}


#pg_CheckOut .info-group {

    border-bottom: 1px solid #787b7f;
}


#pg_CheckOut #phone:before {
        font-family: "FontAwesome";
    content: "\f095";
    padding-right: 5px;
}




}





#pg_Login #showRegister{display:none;}



/*hide phone flag*/

.CANADIANUSER input[name="phone_disp"].intl-tel-input-phone , .CANADIANUSER input[name="mobilePhone_disp"].intl-tel-input-phone{
        padding-left:15px;
    }
.CANADIANUSER .intl-tel-input .flag-container{
    display:none;
}

#reservations.lessbs .container-fluid #reservation-search {
    background: url(//cdn.hotelplanner.com/common/images/site/8567/homepage-hero-desktop-1.jpg) 0 0 / cover;

}






/* ===== FOOTER ===== */
    footer{padding:32px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:32px;color:var(--muted);box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.5);}
    .foot-grid{display:grid;gap:14px}
    @media (min-width:800px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
    .foot-heading{color:#eaf0ff;font-weight:700;margin-bottom:8px}
.brand{display:flex;align-items:center;gap:10px}
    .brand img{height:28px;width:auto;max-width:200px;margin-left: 19px;}
	footer .brand img{margin-left: 0px;}
	
	/* Utility */
    .mono{font-variant-numeric:tabular-nums}
    .center{text-align:center}
    .muted{color:var(--muted)}
    .pill{border-radius:999px}
    .ghost{opacity:.75}