/* Fly Us Custom Font Pulling From Their Servers */ 

 @font-face {
    font-family: 'ProximaNova-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-regular/proximanova-regular-webfont.eot'),url('https://www.flyus.com/fonts/proximanova/proximanova-regular/proximanova-regular-webfont.woff') format('woff'),url('https://www.flyus.com/fonts/proximanova/proximanova-regular/proximanova-regular-webfont.ttf') format('truetype'),url('https://www.flyus.com/fonts/proximanova/proximanova-regular/proximanova-regular-webfont.svg#ProximaNova-Regular') format('svg')
}

@font-face {
    font-family: 'ProximaNovaA-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-alt-regular/ProximaNovaA-Regular.woff') format('woff'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-regular/ProximaNovaA-Regular.ttf') format('truetype'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-regular/ProximaNovaA-Regular.svg#ProximaNovaA-Regular') format('svg')
}

@font-face {
    font-family: 'ProximaNova-Black';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.eot');
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.woff2') format('woff2'),url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.woff') format('woff'),url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.ttf') format('truetype'),url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.svg#ProximaNova-Black') format('svg'),url('https://www.flyus.com/fonts/proximanova/proximanova-black/ProximaNova-Black.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-family: 'ProximaNovaA-Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.eot');
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.woff2') format('woff2'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.woff') format('woff'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.ttf') format('truetype'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.svg#ProximaNovaA-Semibold') format('svg'),url('https://www.flyus.com/fonts/proximanova/proximanova-alt-semibold/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-family: 'ProximaNova-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.flyus.com/fonts/proximanova/proximanova-bold/ProximaNova-Bold.woff') format('woff'),url('https://www.flyus.com/fonts/proximanova/proximanova-bold/ProximaNova-Bold.ttf') format('truetype'),url('https://www.flyus.com/fonts/proximanova/proximanova-bold/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg')
}

h1, h2, h3, h4, h5, p, a {
    font-family: "ProximaNova-Regular", Helvetica, Arial, sans-serif;
}


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

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

a:link { color: #593084; text-decoration: none; font-family: "ProximaNova-Bold", Helvetica, Arial, sans-serif;}
a:visited { color: #593084; text-decoration: none; font-family: "ProximaNova-Bold", Helvetica, Arial, sans-serif;}
a:hover {  color: #ed1a2e; text-decoration: underline; font-family: "ProximaNova-Bold", Helvetica, Arial, sans-serif;}

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 {
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;
color:#583085;
}

.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: 160px;
max-height: 90px;
min-height: 55px;
position: relative;
margin-top: 5px;
margin-bottom: 6px;
}



ul#navigation-wl {position: absolute;top: 45%;right: 15px;min-height: 50px;margin-top: -18px;display: block;list-style: none;font-size: 15px;}

ul#navigation-wl li {
display: inline-block;
color: #7B7B7B;
font-size: 18px;
padding: 12px;

}

ul#navigation-wl li.smallmenu {
    
    font-size: 13px;
    
}

#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;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: #ed1c29;

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


.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; background-color:#593084; }

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

#pg_Home footer.individual-travel {background: #593084;}

@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 #SearchSection {
                background: url("//cdn.hotelplanner.com/common/images/site/3173/flyus-banner-picture-01.jpg") center top no-repeat !important;
                background-size: cover !important;
            }
            
            
        #landingpage.individual-travel .submit {background: red;}


/*2019 HP Client Success Team */

header {
    font-family: "ProximaNova-Regular", Helvetica, Arial, sans-serif;
}

header.individual-travel {
border-top: none;
}

.redbubble {
    padding: 10px 36px;
    background: #ed1c29;
    border-bottom-right-radius: 70px;
    border-bottom-left-radius: 70px;
    
    margin-bottom: 15px;
    font-family: "ProximaNova-Regular", Helvetica, Arial, sans-serif;
    
    position: absolute;
    right: 4%;
    top: 0px;
    }

.redbubble li {
float: left;
margin: 0 3px;
font-size: 10px;
font-weight: bold;
color: #fff;
list-style: none;
}

.redbubble li a {
 color: #fff;
}

.redbubble li .divider {
float: left;
margin: 0 3px;
font-size: 10px;
font-weight: bold;
color: #fff;
list-style: none;
}



header .icon {
    display: inline-block;
    width: 34px;
    position: relative;
    vertical-align: middle;
}

ul#navigation-wl .icon li a {
font-size:13px;
}

#navigation-wl a.active {
border-bottom: 2px solid #ed1c29;
padding-bottom: 4px;
font-size: 18px;
font-weight: bold;
background: transparent;
color: #593084;
}

#navigation-wl a:hover {
    border-bottom: 2px solid #ed1c29;
    padding-bottom: 4px;
    color: #583085;
}





@media (min-width: 1024px) {
    
        .container-wl nav {display:none;}

    
}

/*Float Left Search Box by 2019 Client Success Team */

#pg_Home  {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255, 0)),url("//cdn.hotelplanner.com/common/site/3173/resources/bigben.jpg");
   background-color:#ffffff;
    background-repeat: no-repeat;
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    height: 100%;
}

#landingpage label {
    font-family: "ProximaNova-Regular", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    color: #583085;
}

#landingpage.individual-travel .submit {
    background: #ed1c29;
    font-family: "ProximaNova-Regular", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 900;
}

#landingpage.individual-travel .submit:hover {
    background: #ed1c29;
}

#landingpage #SearchSection {
    background: transparent !important;
    background-size: cover !important;
    /*padding-top: 60px;*/
    padding-top: 130px;
    height: auto;
}

footer {
    background: rgba(0, 0, 0, 0) !important;
    text-align: right;
    color: white;
    padding: 30px 0px;
    padding-top: 300px;
    position: relative;
    bottom: 10%;
}

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

#pg_Home #landingpage .tabs {
    max-width:465px ;
    float: left ;
}


#landingpage #frmGroup .input-group {width:50%;    margin-bottom: 17px;}

#landingpage .submitButtonWrapper {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}



#pg_Home #landingpage #SearchSection #tab1 {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: none;
    display: block;
    height: auto !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
}

#pg_Home #landingpagengpage label {      
margin-bottom: 3px;
    font-size: 14px;
    display: block;  
}

#landingpage #SearchSection a{
  display:none;
}

#IntroSection {display:none;}
#AdvantagesSection {display:none;}

@media (max-width:768px){
    #landingpage .rs_titleBanner {display:none;}
    #landingpage .tabs {float:none !important;}
    #landingpage #frmGroup .input-group {width:100% !important;}
    .container-wl #navigation-wl {display:none;}
    .redbubble {display:none;}
    
    #landingpage .input-group label, #landingpage .input-group-xl label {
    height: auto;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: none;
    }
    

}

/*End of Float Left Search Box by 2019 Client Success Team */

/*2019 Client Success Team Non-JS Hamburger Menu*/


#menuToggle
{
  display: none;
  position: absolute;
  top: 35px;
  right: 50px;
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #583085;
  border-radius: 0px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ed1c29;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 500px;
  height: 750px;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -100px;
  background: #583085;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}


#menu a {
    color: #ffffff;
    text-align: right;
    right: 33px;
    position: relative;
}

#menu img.icon {
    margin-right: 40px;
    vertical-align: middle;
}

li#mobilepax {
    left: 150px;
    position: relative;
}

/* End of 2019 Client Success Team Non-JS Hamburger Menu*/


/*Color Overrides*/
#pg_Home #landingpage #IntroSection {background-color: #222;}
#pg_Home #landingpage .submit {background: #ed1a2e;}
#pg_Home #landingpage .submit:hover {background: #583185;}
#pg_SearchIndv #Rates .check-rates {background: #ed1a2e;}
#pg_SearchIndv #Search-Box {background-color: #583185;}
#pg_SearchIndv #btnStartSearch {background-color: #ed1a2e;}
#pg_HotelProfile #Action-Box {background-color: #ed1a2e;}
#pg_HotelProfile #Ext-Search-Form .rateSearchForm, #pg_HotelProfile #Ext-Search-Form {background-color: #fff !important;}
#pg_HotelProfile .orange-flatBtn {background-color: #ed1a2e !important; border: 2px solid #ed1a2e !important;}
#pg_HotelProfile #Submenu-Top {background-color: #5b3487;}
#pg_HotelProfile #RelatedHotels {background-color: #5b3487;}
#pg_CheckOut #btnCheckoutSubmit {background: #ed1a2e;}


#discounts .bounceIn label, #discounts .bounceIn label:hover {
    background-color: #ed1b2f !important;
    border: 2px solid #ffffff !important;
}

#pg_HotelProfile #QuickJumpTo {
    margin-top: 69px;
}


#reservations.lessbs .container-fluid #reservation-details div#reservation-actions a {
    background: #593084;
      
}

#reservations.lessbs .container-fluid #reservation-details div#reservation-actions a#faqBtn
{
    background: #fff;
    
}



.Button, .button {
    background-color: #ed1c29;
    
}

#pg_CheckOut input[type="submit"], #pg_CheckOut button[type="submit"] { 

    background-color: #ed1a2e;
    
}

#pg_CheckOut input[type="submit"]:hover, #pg_CheckOut button[type="submit"]:hover {
    background-color: #ed1a2e;
}


#pg_HotelProfile #rateSearchForm text {
    fill: #000 !important;
}

#pg_HotelProfile #updateRatesButton button.orange-flatBtn {
    max-width: 154px;
    float: right;
}

#pg_HotelProfile .x-reset .x-surface tspan{font-weight:bold;}



 body#pg_SearchIndv .ui-slider .ui-slider-range {
    background-color: #583185;
}

body#pg_SearchIndv .ui-slider-float .ui-slider-tip, body .ui-slider-float .ui-slider-tip-label {
    margin-left: -8px;
    background-color: #412463;
    color: #fff;
    border: 0;
}
#pg_HotelProfile #Profile h2,#pg_HotelProfile #Profile h3,#pg_HotelProfile #Profile h4 {

    color: #5b3487;
}




#logo { display: none;}

#logo-wl {
    display:inline-block;
    background-image: url('https://cdn.hotelplanner.com/common/images/site/3173/flyuslogo.PNG');
    width: 200px;
    height: 126px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    }
    
    
    
body .container-wl {
    max-width: 95%;
    }
    
    
    




	#toggle-xx {
		display: none;
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 10px;
		cursor: pointer;
		}
	
	#toggle-xx span {
		display: block;
		height: 4px;
		margin-bottom: 4px;
		background-color: #593084;
		width: 30px;
		}
	
	#toggle-xx span:last-of-type  { margin: 0 } 
	







    
    
@media (max-width: 991px) {
    
    
    #toggle-xx { display: block; }
    
    
    body .container-wl {
        max-width: 100%;
        padding: 0;
        }
    
    #logo-wl {
        width: 180px;
        height: 55px;
        }

	#menuToggle { display: block; }
	
	ul#navigation-wl { 
	    display: none;
	    background-color: #593084;
	    position: relative;
	    top: auto;
	    right: auto;
	    margin: 0;
	    min-height: 0;
	    }



    header ul#navigation-wl a:link,
    header ul#navigation-wl a:visited,
    header ul#navigation-wl a:hover {
        display:block;
        color: #fff;
        border: 0;
        padding: 15px 20px;
        font-size: 18px;
        }
    
    
    header ul#navigation-wl li {
        display: block;
        color: #fff;
        padding: 0px;
        }
    
    ul#navigation-wl li.smallmenu { display: none;}
    
}


#pg_HotelProfile #trustyou-section{display:none;}

body .header-wl { min-height: 0; }
header nav { display: none; }
ul#navigation-wl li.phonearea{display:none;}  
#pg_Home header .phonearea{display:inline-block;}