/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


BODY {
    color: #333;
    margin:0px;
    font-weight: normal; 
    font-size: 13px; 
    font-style: normal; 
    font-family: 'Roboto', 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;
    }
    
#landingpage {font-family: 'Roboto', Helvetica, Arial, sans-serif;}

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

.container-wl {
    padding: 20px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
#landingpage .container {
    max-width: 1200px;
    width: auto;
}
        
#logo-wl img {
    width: auto;
    max-height: 75px;
    min-height: 20px; 
    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: 10px;
    display: inline-block;
    color: #7B7B7B;
    }
    
#message-wl { font-size: 20px; color:#CFD4DA !important;  display: none !important;}

#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: 14px }


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

/*General*/
footer {    background-color: #5134af; color:#fff;}
footer img {max-height: 45px;    margin: 15px auto;}
.Button, .button {background: #5134af; color:#fff !important; } 
.Button:hover, .button:hover {background: #5134af; }
/*.Button:hover, .button:hover {background: linear-gradient(36deg, #DE156C 75%, #F57033 100%); }*/

header #navigation-wl a#signin-wl {
    background-color: #fff;
    color: #6b0cc2; 
    border: none;
    font-weight: 700;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 40px;
}
header #navigation-wl a#signin-wl:hover {color: #cc0000 !important;}

header #Join-HBC {
    /*background-color: #5134af;*/
    color: #6b0cc2;
    /*border-radius: 4px;*/
    /*padding: 8px 24px;*/
    /*font-weight: 600;*/
} 

/*#navigation-wl #Join-HBC { }*/
body.loggedin #navigation-wl #Join-HBC {display:none}

/*subnav*/
.subnav-rfp, .subnav-space, .subnav-faq {display:none;}

/*Homepage*/
#pg_Home #landingpage .submit {background:#5134af ; color:#fff;}
#pg_Home #landingpage .submit:hover {background: #5134af; color: #fff}
#pg_Home #landingpage #IntroSection {    background: linear-gradient(180deg, #5134AF 0%, rgba(23, 4, 86, 0.843479) 93.58%)}
#pg_Home #AdvantagesSection {display:none;}
#pg_Home #landingpage .tab-links {  display: none;}
#pg_Home #signInModal {display:none;}
/*#pg_Home #landingpage {background-color:#000;}*/

#pg_Home #IntroSection h2 {display:none;}
#pg_Home #IntroSection p  {font-size: 25px;    margin-top: 120px;}
#pg_Home #IntroSection {display:none;}

#pg_Home #SearchSection h1 {font-size: 40px; color:#fff;}
#pg_Home .member-btn {
    background: rgb(255,152,78);
    background: -moz-linear-gradient(90deg, rgba(255,152,78,1) 37%, rgba(245,112,51,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,152,78,1) 37%, rgba(245,112,51,1) 100%);
    background: linear-gradient(90deg, rgba(255,152,78,1) 37%, rgba(245,112,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff984e",endColorstr="#f57033",GradientType=1);
    color: #fff;
    border-radius: 40px;
    padding: 8px 40px;
    text-decoration: none;
    font-size: 25px;
    font-weight: 900;
    border: 4px solid #5134af;
    outline-offset: -4px;
    outline: 4px double #fff;
}


            
            
#pg_Home #ViewChange {  display:none;    }
#pg_Home #landingpage .submitButtonWrapper {clear: right;} 
#pg_Home #frmGroup label {display:none;}
#pg_Home #landingpage #tab1 {
    padding: 10px 20px 40px 20px;
    background-color: rgba(0,0,0,0.25);
    border: 0;
    color: #fff;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;

}

@media (min-width: 767px) {
    #pg_Home #landingpage .tabs {
        width: auto;
    }
    #pg_Home .input-group-xl {
        width: 45%;
        float: left;
    }
    #pg_Home #landingpage .input-group {
        width: 15%;
        padding-right:4px;
    }
    
    #pg_Home #landingpage .input-group.nRooms {width:10%;}
    
    #pg_Home #frmGroup div:nth-child(4) {
        padding-right: 0px;
    }
    
    #pg_Home #frmGroup div:nth-child(2) {
        padding-left: 4px;
    }
    
    #pg_Home #landingpage .submitButtonWrapper button {
        float:none;
        margin-top: 0px;
    }

}



/*Search Page*/
#pg_SearchIndv #Search-Box {background-color:#5134af;}
/*#pg_SearchIndv #btnStartSearch {background-color: #191d3b; color: #fff;}*/
#pg_SearchIndv #Rates .check-rates {background: #5134af; color:#fff;}
#pg_SearchIndv .ui-slider-float .ui-slider-tip, #pg_SearchIndv .ui-slider-float .ui-slider-tip-label {background-color:#5134af !important;}
#pg_SearchIndv .filter-section .ui-slider .ui-slider-range {background-color:#000 !important;}
#pg_SearchIndv #discounts .bounceIn label, #discounts .bounceIn label:hover {background-color: #5134af !important;border: none !important; color:#fff ;}
#pg_SearchIndv #Rates .h-phone {display:none;}

/*Hotel Rate Page*/
#pg_HotelProfile #Action-Box {background-color: #5134af; color: #fff;}
#pg_HotelProfile #RelatedHotels {background-color: #5134af !important; color: #fff !important;}
#pg_HotelProfile .orange-flatBtn {background-color: #5134af !important; color: #fff !important; border: 0px solid #000 !important;}
#Profile #RelatedHotels h3 {color:#5134af !important;}
/*#pg_HotelProfile #rateSearchForm text {fill: #fff !important;}*/

/*Checkout Form*/
#pg_CheckOut .checkoutSubmit {background: #5134af; color:#fff; -webkit-box-shadow: 0 5px 15px #fff; -moz-box-shadow: 0 5px 15px #fff; box-shadow: 0 5px 15px #fff;}



/*Member Benefits*/
#MemberIncludes {background-color:#fff}
#MemberIncludes .container {
    padding: 100px 0px 0px; 
    margin: 0 auto; 
    text-align:center;
}
#MemberIncludes .member-benefit {
    width: 384px;
    display: inline-block;
    vertical-align: bottom;
    background-color: #5134af;
    color: #fff;
    margin: 5px;

 }
#MemberIncludes .benefit-stub { 
    float: left;
    padding: 20px 10px; 
    margin-bottom: 120px;
    
}
#MemberIncludes .benefit-info { 
    min-height: 200px;
    padding: 12px;
    text-align: center;
    font-size: 20px;
}


#SearchPromo span {
    font-weight: 600;
}

#MemberIncludes .benefit-info span {
    color: #000;
}

#MemberIncludes .chatGPT {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    padding: 50px;
    margin: 120px auto 20px auto;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(51, 80, 182, 0.8) 0%, rgba(23, 4, 86, 0.674783) 93.58%);
}


/*new member design*/

#MemberIncludes img {
    max-width: 320px;
    border: 3px solid #fff;
    position:relative;
    top:-30px;
    
}

#pg_Home #MemberIncludes h2 {color:#1c0077; font-size:50px; font-weight: 800; margin-bottom:0px;}
#pg_Home #MemberIncludes h3 {    color: #1c0077;    font-size: 32px;    margin-top: 0;}
#MemberIncludes h4 {font-size:22px;     margin: 0; padding-top: 20px;}
#MemberIncludes p {margin:0px;}

#benefit_Row1 {padding: 30px 0px 30px 0px  !important;}
#MemberIncludes #benefit_Row1 .member-benefit {background:#1c0077;text-align:left; max-width:500px;     min-height: 600px;}


/*#benefit_Row2 {}*/
/*#MemberIncludes #benefit_Row2 .member-benefit {background:#4a1a73}*/

/*#benefit_Row3 {}*/
/*#MemberIncludes #benefit_Row3 .member-benefit {background:#6a2481}*/

/*#benefit_Row4 {}*/
/*#MemberIncludes #benefit_Row4 .member-benefit {background:#a484c7; height: 140px;}*/

#MemberIncludes .member-breakdown {max-width:1200px; margin:auto; padding: 30px;}
#MemberIncludes .member-breakdown p {
    text-align:left;
    font-size:18px;
    padding: 10px 0px;
}

#benefit_steps {background:#f1edf8; min-height:600px;}

#benefit_steps .b-image {
    float:left;
    position: relative;
    top: -100px;
    right: 164px;
}

#benefit_steps .b-image img {
    max-width:330px;
}

#benefit_steps .b-container {
    background: url(//cdn.hotelplanner.com/common/site/8914/resources/benefit-bg.jpg) no-repeat center;
    max-width: 756px;
    padding: 150px 75px;
    background-size: 100%;
    color: #fff;
    margin: auto;
    border-radius: 60px;
}

#benefit_steps .b-steps {
    position: relative;
    right: 126px;
    font-size: 17px;
    
}

#benefit_steps .b-steps h3  {
    margin:0;
    font-weight: 800;
}

#benefit_steps .b-steps p {
    margin: 0;
    margin-bottom:15px;
    font-weight: 500;
}




#benefit_Row1 .benefit-header {
    background: url(//cdn.hotelplanner.com/common/site/8914/resources/classic-bg.jpg) center bottom no-repeat;
    color: #fff;
    text-transform:uppercase;

}

#benefit_Row1 .benefit-header.plus {background: url(//cdn.hotelplanner.com/common/site/8914/resources/silver-bg.jpg) center bottom no-repeat;}
#benefit_Row1 .benefit-header.premium {background: url(//cdn.hotelplanner.com/common/site/8914/resources/gold-bg.jpg) center bottom no-repeat;} 

#pg_Home #MemberIncludes  #benefit_Row1 .benefit-header h3 {
    color:#fff;
    padding: 20px;
    font-size:24px;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 0.866869px 6.50152px;
    text-align:center;
    margin-bottom: 5px;
}

#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info1 {
    padding: 15px;
    border-bottom: 2px solid #fff;
}
#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info1 h4 {
    padding-top:0px;
}


#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info2 {
    padding: 15px;
    font-size: 30px;
    border-bottom: 2px solid #fff;
}


#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info3 p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    padding: 15px;
}


#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info3 ul {
    list-style: none;
    padding: 0px 15px 20px 15px;
    margin: auto;
}

#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info3 ul li:before {
  content: '\2714\0020';
}

#pg_Home #MemberIncludes  #benefit_Row1 .benefit-info3 li {
    padding:2px 0px;
    
}
#pg_Home #MemberIncludes  #benefit_Row1 .b-subscribe  {text-align:center; padding-top: 15px;}
#pg_Home #MemberIncludes  #benefit_Row1 .b-subscribe span {
    text-align:center;
    background: url(//cdn.hotelplanner.com/common/site/8914/resources/classic-bg.jpg) no-repeat;
    text-transform:uppercase;
    padding: 15px 40px;
    font-size:22px;
    border: 2px solid #fff;
    border-radius:16px;
    font-weight:500;
    color: #fff;
    position: relative;
    top: 110px;
}

#pg_Home #MemberIncludes #benefit_Row1 .b-subscribe.classic {
    padding-top:40px;
} 

#pg_Home #MemberIncludes  #benefit_Row1 .b-subscribe.plus span {background: url(//cdn.hotelplanner.com/common/site/8914/resources/silver-bg.jpg) center bottom no-repeat; top: 90px;}
#pg_Home #MemberIncludes  #benefit_Row1 .b-subscribe.premium span {background: url(//cdn.hotelplanner.com/common/site/8914/resources/gold-bg.jpg) center bottom no-repeat; top: 70px;}

#MemberChart {text-align: center;}
#MemberChart img {width:75%; padding:10px;}

#MemberChart .member-renew {
    text-align: left;
    max-width: 880px;
    width: auto;
    margin: auto;
    padding: 5px 30px;
}

@media (max-width: 960px) {
    
    #benefit_steps .b-image {display:none;}
    
    #benefit_steps .b-steps {position: static;}
    #benefit_steps .b-container {background-size: cover;border-radius: 0;}
    #MemberIncludes #benefit_Row1 .member-benefit {padding-bottom:30px;}
}


/*Register Styles*/
#pg_CreateAccount {}

#pg_CreateAccount h1 {color:#5134af; padding: 15px;}
#pg_CreateAccount h1 span {color:#ff984e;}
#pg_CreateAccount #registerTxt {
    font-size: 16px;
    max-width: 500px;
    padding: 15px;
}

#pg_CreateAccount #Sign-In-Box {
    max-width: 725px;
}

#pg_CreateAccount #Sign-In-Box .bs-button {
    float:none;
    width:30%;
}

#pg_CreateAccount #Sign-In-Box #showLogin,
#pg_CreateAccount #Sign-In-Box .bs-input-group-addon {display:none;}
#pg_CreateAccount #Sign-In-Box .bs-input-group input {background-color: #eee;} 
#pg_CreateAccount #Sign-In-Box .bs-form-content span {font-size:13px;}
#pg_CreateAccount #membershipPrice { border: 2px solid #5134af;     border-radius: 10px; font-weight: bold;}

#pg_CreateAccount .membershipTerms {padding-bottom: 10px;    font-size: 16px;}

#pg_CreateAccount .bs-form-header, #pg_CreateAccount .bs-form-content  {border:none;  font-size: 18px;   background-color: #fff;}

 #landingpage #SearchSection {
                    background: url("//cdn.hotelplanner.com/common/images/site/8914/iStock-1360181923-1-.jpg") center   no-repeat;
                    background-size: cover;
                }
                


/*end reg styles*/

@keyframes rainbow {
  from {
    background-image: url('//cdn.hotelplanner.com/common/images/site/6322/hotelbuyers_bg.png');
  }
  50% {
    background-image: url('//cdn.hotelplanner.com/common/images/site/6322/maldives-1993704.jpg');
  }
  to {
    background-image: url('//cdn.hotelplanner.com/common/images/site/6322/hotelbuyers_bg.png');
  }
}

/*#landingpage #SearchSection {*/
/*  animation-name: rainbow;*/
/*  animation-duration: 30s;*/
/*  animation-iteration-count: infinite;*/
/*  background: none;*/
/*  background-size: cover;*/
/*  background-position: center center;*/
/*  opacity: 0.95;*/
  
/*}*/

#landingpage #SearchSection:after {
    z-index:-1;
}

#landingpage #SearchSection .container {z-index:2;}

@media (max-width: 960px) {
    #pg_Home #landingpage #SearchSection {height:auto;}
}


@media (max-width: 850px) {
    #LanguageWrap{display:none}
}


@media (max-width: 960px) {
    
    #subnav-wl,ul#navigation-wl li#message-wl, header #navigation-wl .hbc-nav, header #navigation-wl span {display: none} 
    .header-wl.with-subnav {padding-top: 15px}
    /*#logo-wl img { max-height: 45px; max-width: 180px }*/
	/*#pg_Home #Howitworks .col-3 {width:45%;}*/
	#pg_CreateAccount .bs-form-header, #pg_CreateAccount .bs-form-content {width:auto!important;}
	

}



               
                
                
/*header ul#navigation-wl #message-wl{display:none !important;}*/

#Sign-In-Box .column {
    width: 100%;
    /*margin: 0px 1600px 5px 0px;*/

}

#Sign-In-Box #showRegister {

    border: 1px solid #5134af;

}

#pg_Login .bs-form-container button {
    width: 55px;
    margin: 20px 0 0 190px;
    min-width: 113px;
    float: left;
    padding: 8px 16px;
}


/* updated Hotel Buyers Club CSS - 2023 */

* {
    font-family: 'Inter', sans-serif;
}
a:link {
    color: #5134AF;
}
.clear {
    clear: both;
    height: 1%;
}


/* header */

header a {
    font-weight: 600;
}

/*header #navigation-wl a#signin-wl {*/
/*    background: #5134AF;*/
/*}*/
/*header #navigation-wl a#signin-wl {*/
/*    font-weight: 600;*/
/*}*/
/*header #navigation-wl a#signin-wl {*/
/*    border-radius: 4px;*/
/*}*/
#logo-wl img {
    /*width: 194px;*/
    max-width: 280px;
    /*height: 92px;*/
    /*max-height: 194px;*/
    margin: 0;
    padding-top: 5px;
}

#pg_Home #landingpage #tab1    {
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(83, 91, 100, 0.12);
    border-radius: 16px;
    /*border: 1px solid #CFD4DA;*/
    border: 6px solid #6b0cc2;
}
#landingpage .submit {
    padding: 13px 33px;
    border-radius: 4px;
}

#Howitworks .benefit-stub {
    float: left;
    width: 45px;
    padding: 13px 0 0 0;
}
#Howitworks .benefit-info {
    float: left;
    width: 302px;
}
ul#navigation-wl li {
    /*margin: 0 10px;*/
}

#pg_Home #landingpage .tabs {
    clear:both;
}

@media (max-width: 560px) {
	#pg_Home #Howitworks .col-3 {width:100%;} 
	#pg_Home .member-btn {	font-size: 14px;	}
	/*#Join-HBC {display:none;}  */
	#logo-wl img {max-width:180px;}
}

/* primany cta block */

#landingpage .primary-cta-block  {
    /*background: #fff;*/
    padding: 30px;
    width: 420px;
    margin: -30px 30px 60px 30px;
    /*border-radius: 16px;*/
    /*background-color: rgba(255,255,255,.9);*/
    /* background-color: rgba(100,100,100,.9); */
        /*float: right;*/
}
#landingpage .primary-cta-block a {
    padding: 12px 45px;
    background: #6b0cc2;
    font-weight: 600;
    color: #fff;
    margin: 10px 0 30px 0;
    text-align: left;
    display: block;
    width: 110px;
    font-size: 24px;
    border: 2px solid #fff;
    border-radius: 30px;
    text-decoration: none;
}
#landingpage .primary-cta-block a:hover {
    box-shadow: 0px 16px 24px rgba(83, 91, 100, 0.12);
}

/*body.loggedin #landingpage .primary-cta-block a {display:none;}*/

#landingpage .primary-cta-block h2 {
    font-size: 32px;
    margin: 0px;
    font-weight: 700;
    color: #f1edf8;
    text-align: left;
    text-shadow: 2px 1px #000;
}
#landingpage .primary-cta-block p {
    text-align: left;
    /*margin: 16px 0 0 0;*/
    color:#f1edf8;
}
#landingpage .primary-cta-block .hr-rule {
    /* display: inline-block; */
    background-color: #CFD4DA;
    height: 1px;  
}
#pg_Home #SearchSection h1 {
    display: none;   
}
#pg_Home .member-btn {
    display: none; 
}
#pg_Home #SearchSection h1 {

}
#pg_Home #SearchSection h1.headline {

}
#landingpage .tab-panel {
    background: none;
}

#pg_Home .member-btn {
    background: #FF9852;
    box-shadow: 0px 8px 16px rgba(83, 91, 100, 0.24);
    border-radius: 4px;
    margin-bottom: 100px;
    color: #fff;
    border: 0;
    outline: 0;
    font-weight: 600;
} 

#pg_Home #JoinMore {
    padding: 30px 0;
    background:linear-gradient(180deg, #F6F6F6 0%, rgba(217, 217, 217, 0) 100%);
    /*margin: 0 0 30px 0;*/
    text-align: center; 
    clear:both;
}
#JoinMore p {
    font-size:20px;
    /*width: 520px;*/
    margin: 0 auto;
    line-height: 32px;
}
#JoinMore .button-large {
    background: #FF9852;
    line-height: 48px;
    font-weight: 600;
    padding:0 48px;
    width: 204px;
    padding: 0 16px;
    display: block;
    color: #ffff;
    font-size: 24px;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgba(83, 91, 100, 0.24);
}

#landingpage #SearchSection {
    opacity: 100;
    height: 525px;
}
#pg_Home #landingpage .submitButtonWrapper {
    width:auto;
}
#pg_Home #landingpage .submitButtonWrapper button {
    font-weight: 600;
}

#landingpage  .container-hbc { 
    margin: auto;
    padding: 10px;
    margin-bottom: 40px;
    max-width: 1200px;
    font-size: 18px;
    
}

/* z-index test */

#landingpage #SearchSection .container {
    /* position: relative; */
}
.container-wl {
    max-width: 1400px;
}

 
/* page body */

#pg_Home h2 {
    font-size: 36px;
    color: #5134af;
    font-weight: 400;
    text-align: center;
}



/*Promo Design*/

#Destination * {
  /*box-sizing: border-box;*/
}


#Destination .container-xx {
	width: 100%;
	max-width: 1100px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pg_Home #Destination {
    /*margin: 75px auto;*/
    display: flex;

}

#Destination .col {
    width: 25%;
    width: 260px;
    float: left;
}

#Destination .primary-deal {width:50%; float:left;}
#Destination .other-deals {width:50%; float: left;}

#Destination .primary-deal a {
    height:500px;
} 


#Destination .flex {
    margin: 0 0 100px 0;
    box-shadow: 0px 16px 24px rgba(83, 91, 100, 0.12);
}


#Destination p {
    font-size: 24px;
    color: #5134af;
    text-align: center;
}
#Destination .deal {
	display: block;
	text-decoration: none;
	width: auto;
	height: 250px;
	background-color: #1c2d41;
	background-color: #eee;
	position: relative;
	/*padding-top: 192px;*/
	overflow: hidden;
	background: center center no-repeat;
	background-size: cover;
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
 
	}

#Destination .deal:hover {
    /*-webkit-transform: scale(0.98);*/
    /*-moz-transform: scale(0.98);*/
    /*-ms-transform: scale(0.98);*/
    /*-o-transform: scale(0.98);*/
    /*transform: scale(0.98);*/
    }

#Destination .deal span {
    background: #FF9852;
    border-radius: 4px;
    padding: 8px;
    margin: 16px;
    color:#fff;
    display: inline-block;
    width: auto;
    box-shadow: 0px 5px 26px rgb(83 91 100);
    font-size: 12px;
}

#Destination .deal:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 100px;
	display: block;
	content: "";
	width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000 0,000000 99&0 0,1 100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.99) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgb(32 21 67) 99%,rgb(81 52 175) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#d1.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/7867/6_CMAFest_500x547.jpeg") }
#d2.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/7867/cycling-4610595_1280.jpg") }
#d3.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/7867/8_-VividSydney_500x547.jpeg") }
#d4.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/7867/9_ChicagoBluesFestival_500x547.jpeg") }
#d5.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/7867/10_-Indy500_500x547.jpeg") }


/*howitworks*/
#HowitWorks {background: linear-gradient(180deg, rgba(81, 52, 175, 0.8) 0%, rgba(23, 4, 86, 0.674783) 93.58%); display: flex;     clear: both;}
#HowitWorks h2 {color:#fff; font-weight: 400; } 

#HowitWorks .left-hbc {
    width:568px;     
    float: left;
    margin: 0 45px 0 0;
    
}

#HowitWorks .right-hbc {
    width: 546px;
    float: left;

}

#landingpage .container-hiw {
    background-color: rgba(217, 217, 217, 0.1);
    padding: 30px;
    border-radius: 4px;
    color: #F4F4F4;
    font-weight: 500;
    margin: 40px 0px 0 0;
    line-height:1.35;

}

#landingpage .container-hiw img {
    height: 24px;
    position: relative;
    float: right;
    top: -12px;
    left: 12px; 
}

#landingpage .container-hiw span {font-weight: 800;     font-size: 20px;}


/*FAQ*/
/*howitworks*/
#FAQ-HBC {background: linear-gradient(180deg, rgba(51, 80, 182, 0.8) 0%, rgba(23, 4, 86, 0.674783) 93.58%); display: flex; clear: both;}
#FAQ-HBC h2 {color:#fff; font-weight: 400; } 

#FAQ-HBC .left-hbc {
    width:568px;     
    float: left;
    margin: 0 45px 0 0;
    
}

#FAQ-HBC .right-hbc {
    width: 546px;
    float: left;

}



#FAQ-HBC .seemore {
    /*margin: 30px 0px;*/
    /*text-align: right;*/
}

#FAQ-HBC .seemore span {
    padding: 10px 60px;
    margin: 10px;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    background: #FF9852;
    border-radius: 22px;
    border: 2px solid;
    font-weight: 400;
}

#FAQ-HBC  .join-club {    margin-top: 50px;}

#FAQ-HBC  .join-club span {
    padding: 10px 80px;
    font-size: 30px;
    background: #FF9852;
    color: #fff;
    border-radius: 22px;
    border: 2px solid;
    font-weight: 400;
}

#FAQ-HBC  .join-club a {color:#fff;     text-decoration: none;}

#FAQ-HBC .moreFAQ {display:none;}

#MembershipInfo .container-hbc {color:#5134af;}


/*PriceCompare*/
#PriceCompare {text-align:center;}

#PriceCompare .container-prc {
    /*margin: 25px auto;*/
    display: inline-block;
    border-radius: 16px;
    box-shadow: 0px 16px 24px rgb(83 91 100 / 24%);
    border:1px  solid #eee;
}

#PriceCompare .container-prc img {
    max-width: 70%;
    height: auto;
    margin: 10px;
    padding: 10px;
}

#PriceCompare .container-prc .versus-icon {
    width: 100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    bottom: 200px;
}


@media (max-width: 1176px) {
	
	#Destination .col, #Destination .primary-deal,#Destination .other-deals  {width: 100%;	padding:0;}
	#Destination .flex {display:block;}
    #Destination .primary-deal, #Destination .other-deals {width: 100%;} 
    #HowitWorks .left-hbc, #FAQ-HBC .left-hbc {float:none; margin:0; width: 100%;}
    #HowitWorks .right-hbc, #FAQ-HBC .right-hbc {float:none; margin:0; width: 100%;}
    #PriceCompare .container-prc .versus-icon {bottom:0; }
}


/* footer */

footer {
    padding: 80px 0;
    background: linear-gradient(180deg, #5134AF 0%, rgba(23, 4, 86, 0.843479) 93.58%)
}
footer a:link, footer a:active, footer a:visited {
    text-transform: capitalize;
}


/* Fonts */

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-italic-webfont.eot');
    src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-italic-webfont.woff') format('woff'),
         url('leaguegothic-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-regular-webfont.eot');
    src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-regular-webfont.woff') format('woff'),
         url('leaguegothic-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-regular-webfont.eot');
    src: url('leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('leaguegothic-condensed-italic-webfont.eot');
    src: url('leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}


#pg_CreateAccount #Sign-In-Box {
	max-width: 670px;
}
.bs-form-container {
	background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(83, 91, 100, 0.12);
    border-radius: 8px;
    margin-bottom: 50px;
}
#pg_CreateAccount .membershipTerms {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 15px 10px 0px;
	font-weight: 400;
	width: 640px;
}
.membership-selection {
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	width: 655px;
	clear: both;
}
#pg_CreateAccount .bs-form-header,
#pg_CreateAccount .bs-form-content {
	font-size: 16px;
	font-weight: 600;
	padding: 30px 20px 0 25px;
	width: 680px;
}

#pg_CreateAccount .bs-form-container .NeutralMessage {
	display: none;
}


#pg_CreateAccount h1 {
	display: none;
}
.bs-form-content label {
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0 0 0 8px;
}
#pg_CreateAccount #Sign-In-Box .bs-input-group input {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	line-height: 32px;
	height: 32px;
	font-size: 14px;
	color: #535B64;
	width: 320px;
}
#pg_CreateAccount #Sign-In-Box .bs-input-group select {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	line-height: 32px;
	height: 32px;
	font-size: 14px;
	color: #535B64;
	width: 320px;
    padding: 0 8px;
}
#pg_Home #MainContent, #pg_CreateAccount #MainContent { 
	/* background: url('//cdn.hotelplanner.com/Common/Images/Themes/Home/default-bg.jpg') no-repeat top; */
	background: url('//cdn.hotelplanner.com/common/images/site/6322/maldives-1993704.jpg') no-repeat;
	background-size: 100% 400px;
}

#pg_CreateAccount #Sign-In-Box .bs-button {
	min-width: 120px;
	width: 120px;
	margin:20px 0;
}
#pg_Home #MainContent #ContentInner, #pg_CreateAccount #MainContent #ContentInner {
	background: none;
}
#pg_CreateAccount .bs-form-content {
	margin-bottom: 100px;
}
#pg_CreateAccount #membershipPrice {
	width: 320px;
	border: 1px solid #CFD4DA;
	padding: 0 10px 0 8px;
    border-radius: 4px;
    height: 32px;
}
.bs-form-container .form-control { 
	padding: 13px 8px;
}
.left-column {
	width: 320px;
	float: left;
	margin:0 16px 0 0;
}
.right-column {
	width: 320px;
	float: left;
}

#pg_CreateAccount #Join-HBC {display:none;} 

#pg_Login #ContentInner h1 {text-indent: -9999px;}
#pg_Login .bs-form-container {margin-top: 15px;}
#pg_Login .bs-form-container .bs-form-content {border: 0;     margin: 10px 0}


#landingpage #join-save {
    padding: 14px 0px;

}

#landingpage #join-save span {
    padding: 10px;
    background: #FF9852;
    color: #fff;
    border-radius: 22px;
    border: 2px solid;
    
}
#join-save a:hover {
color: #fff;
}


#container-hbc p {line-height: 1.55; font-size: 16px;}
#join-save a {color:#000; text-decoration: none;}

#tab1 #SearchPromo {
    text-align: left;
    margin: 10px 0px;
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    color: #252525;
}

#tab1 ::placeholder {
  color: #535B64 !important;
} 

#SearchPromo h2 {
    color:#000;
    font-size:36px;
    font-weight:900;
    text-align:center;
    margin:0px;
}
 

#SearchPromo p {
    color:#000;
    font-size:26px;
    text-align:center;
    margin: 10px 0px 15px 5px;
}


header .hbc-nav {
        background-color: #fff;
        color: #1c0077;
        border: none;
        font-weight: 600;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: inline-block;
        height: auto;
        padding: 8px 16px;
        border-radius: 4px;
    }
    
    
header #navigation-wl .hbc-nav span {
    background: #6b0cc2;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    /*position: absolute;*/
    /*right: 176px;*/
    font-weight: 500;
    margin: -7px 4px;
}

@media (max-width: 960px) {
    #pg_Home #IntroSection p {margin-top:5px;}
        #MemberIncludes .member-benefit {    display: inline-block;   width: 100%;}
}
 

@media (max-width: 767px) {
    #pg_CreateAccount .bs-form-header, #pg_CreateAccount .bs-form-content,
    .membership-selection,
    .left-column,
    .right-column,
    #pg_CreateAccount .membershipTerms,
    #landingpage .primary-cta-block
    {width:auto;}
    
    #JoinMore p {width:auto;}

    #landingpage #join-save {display:none;}
    
}

.faq-container {
  display: flex;
  width: 100%;
  border: 1px solid black; 
}

.faq-image-container {
  background-color: #685899;
  width: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.faq-image {
  max-width: 200px;
  max-height: 200px;
}

.faq-header {
  color: white;
  font-size: 18px;
  margin-bottom: 10px;
}

.faq-content {
  flex: 1;
  padding: 20px;
}

.faq-question {
  font-weight: bold;
  padding: 10px 0;
  cursor: pointer;
}

.faq-answer {
  display: none;
  padding: 10px 0;
}

.faq-question.active   .faq-answer {
  display: block;
}

/*WheelUp*/
#pg_Benefits_WheelsUp #ContentInner {
    max-width: 100%;
    margin-top: 0;
    padding: 0
    
}

#WheelsupInfo {
    text-align:center;
}

#background-wu {
    background: url(//cdn.hotelplanner.com/common/site/7867/resources/wheelsup_bg.png) center  no-repeat;
    background-size: cover;
    display: block;
    height: 400px;
    width: 100%;
    text-align: center;
    padding-bottom: 100px;
    clear: both;


}

#WheelsupInfo h2 {
    color:#5134af;
    max-width: 1000px;
    margin: auto;
    padding: 30px;
    font-size: 30px;
    min-height: 200px;

    
}



#AircraftOptions {background:#5134af; color:#fff;}

#AircraftOptions img {
    max-width: 800px;
    height: 350px;
    border: 4px solid #fff;
    border-radius: 14px;
    width: 95%;

    
}

#AircraftOptions .moreInfo {
    max-width: 780px;
    background-color: #efe5d8;
    color: #000;
    border: 4px solid #fff;
    border-radius: 8px;
    margin: auto;
    font-size: 20px;
    position: relative;
    top: -80px;
    padding: 10px;
}

#AircraftOptions  #OptionRow1 h3 {font-size: 40px;   margin: auto; font-weight:bold; }
#AircraftOptions  #OptionRow1 h4 {font-size:24px;  font-weight:800;      }

#AircraftOptions .aircraft-option {

    
}

#AircraftOptions .aircraft-option .option-image {
    max-width: 800px;
    margin: auto;
    
}

#AircraftOptions .aircraft-option .option-info {
    background-color: #fff;
    color: #000;
    max-width: 550px;
    border: 4px solid #000;
    border-radius: 14px;
    margin: auto;
    position: relative;
    top: -70px;
    /*height: 265px;*/
    font-size: 18px;
    align-content: center;
    padding: 15px;
}

#AircraftOptions .aircraft-option .option-info span {
    color:#5134af;
}

#AircraftOptions .aircraft-option .option-info h4 {
    font-size: 24px;
}

#AddtionalPhotos img {
    max-width: 650px;
    padding: 15px;
}

@media (max-width: 767px) {
    #AddtionalPhotos img {width:100%;         padding: inherit;}
    #AircraftOptions .moreInfo {top: -12px;}
}



/*end*/