@import url('https://fonts.googleapis.com/css?family=Open Sans');

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

td {
    font-size: 13px;
    font-family: 'Open Sans',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: none; }

.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    }
    

        
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;

    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:1px solid #98ABAB;
}
input.Shadow {
    padding:3px;
    border:1px solid #98ABAB;
}
textarea.Shadow {
    padding:3px;
    border:1px solid #98ABAB;
}

h1 {font-size:18px}

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

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

footer,
footer small { font-size: 11px; margin-top:20px; }


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;
    font-family: 'Open Sans',Helvetica, Arial, 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; }


#pg_Home #Headline {background-color:#848685; padding: 2px 0; text-align: center; font-size: 26px;}


#pg_Home #Headline h1 {color:#fff; text-align:center;font-size: .8em; }
@media (max-width: 769px) {
#pg_Home #Headline h1 {
    font-size: .7em;
}
}

@media (max-width: 425px) {
    #pg_Home #Headline h1 {color:#fff; text-align:center; }
    
}

#pg_Home #db-section1 {text-align:center;}
#db-section1 .container-db {text-align: left;}
#db-section1 h2 {color: #e43c7a; font-family: 'Open Sans',Helvetica, Arial, sans-serif;}

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

#landingpage #IntroSection {background-color: #e19097;}

@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;    min-height: 0px; }

}

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






best { /* ADDED */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
   


}


.flex-container > div {
 align-content: center;
    text-align: center;
    width: 325px;
    margin: 15px !important;
}

@media (max-width: 996px) {

.flex-container {flex-wrap: wrap;}    
    
.flex-container > div {
 width:90%;   
 
 
}
}

.flex-container > img {
        width: 40px;
        
}

#numtitle {
    font-family: 'Open Sans', Times;
    font-weight: 800;
        vertical-align: top !important;

}

#numtext {
    font-family: 'Open Sans', Times;
        vertical-align: top !important;
        font-size:15px;

}


#landingpage .tab-panel {
    display: none;
    border-width: 0;
    padding: 30px;
    background: none !important;
    background-color:none !important;
}

#HotelSearchFields label {
    display: none;
}

#pg_Home label { display:none;}

.tab-links {display:none;}
#GroupTypeSelector {display:none;}

#landingpage .submit {
       background: #f13b78 !important;
    color: white !important;
}

#landingpage #IntroSection {
    padding: 5px 0 !important;
}

#landingpage #IntroSection h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*MENU*/ 
	#logo-xx img {
	max-height: 100px;
    position: relative;
    top: 20px;
	    
	}
	
	#header-2 {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

@media (max-width: 425px) {
#logo-xx img {
    max-height: 53px;
    right: 0px;
    position: relative;
}

}
	
	
	#header-2 ul {
	    display: block;
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 5px;
    vertical-align: bottom;
    /* width: 70%; */
    margin: auto;
    padding-bottom: 10px;
    left: 50%;
    position: relative;
}
		
	
	
	#header-2 li { float: left; }
	
	ul#navbar-top a:link,
	ul#navbar-top a:visited {
		text-decoration: none;
		display: block;
		font-size: 22px;
		padding: 2px 5px;
		line-height: 1;
		font-weight: 500;
	    text-transform: uppercase;
	    color: #777777;
	    border-bottom: 1px dotted #E5E4DF;
	    transition: .25s all ease-in-out;
	    border-right: 1px solid #CBC0A9;
		}
		
		   
	
	ul#navbar-top a:hover {
		color: #4A4949;
	    border-bottom: 1px dotted #222;
	    text-shadow: 1px 1px 1px #f5efe1;
		}
	
	
	ul#navbar-bottom a:link,
	ul#navbar-bottom a:visited {
	text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
      position: relative;
    float: right;
    display: inline-flex;
    bottom: 47px;
        right: 20px;
   
}

@media (max-width: 425px) {
	ul#navbar-bottom a:link,
	ul#navbar-bottom a:visited {
	    bottom:0px;
	}
}

	


	#toggle-xx {
		display:none;
		position: absolute;
		right: 15px;
		top: 10px;
		padding: 10px;
		cursor: pointer;
		background-color: #d38e97;
		}
	
	#toggle-xx span {
		display: block;
		height: 2px;
		margin-bottom: 4px;
		background-color: #fff;
		width: 22px;
		
		
		}
	
	#toggle-xx span:last-of-type  { margin: 0 } 
	
	#mobile-xx { display: none }
	
	#mobile-xx > li > a {
        color: #000;
        font-family: "Lora",serif;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 5px 17px;
        padding-left: 0;
    }
    
    @media (max-width: 991px) {
        #mobile-xx  > li {
            display: inline-block;
            width: 100%;
            margin-bottom: 8px;
            margin-left: 0;
            padding-left: 0;
        }
    }
	
	
	@media (max-width: 970px) {
		
		#header-3 { display:none; }
		#mobile-xx .mobile {margin-bottom: 80px; }
	    ul#navbar-bottom a:link,
	    ul#navbar-bottom a:visited {padding-left:7px; padding-right:7px;	}
	}
	
	
	@media (max-width: 970px) {
		
		.header-xx .container-xx { padding: 0; }
		
		#toggle-xx { display: block; }
		
		#header-1,
		#header-2 { 
			width: 100%;
			float: none;
			}
		
		#header-2 { display: none; }
		
	
	}
	
	#header-1 {
    margin: 10px;
    text-align:center;
}

#rightmenu {
    float: right !important;
}

#GroupTypeSelector {
    display:none !important;
}
/*CUSTOM FORM */ 

#landingpage .input-group-xl input {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    margin-bottom: 0px;
    width: 99% !important;
    color: #494949;
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
}


@media (max-width: 425x) {
#landingpage .input-group-xl input {color: #646766 !important;}
}


#landingpage .firstInput {
    padding-bottom: 0px;
}

#landingpage .firstInput {width: 99.99% !important;}



#landingpage .input-group input,
#landingpage .styled-select {
	width: 95% !important;
	color: #494949;
	font-size: 18px !important;
	text-align: center;
	padding: 11px 2px !important;
	font-family: 'Open Sans',Helvetica, Arial, sans-serif;
	}
	
@media (max-width: 767px) {	
    #landingpage .input-group input,
#landingpage .styled-select {
	font-size: 20px !important;
}
} 

#landingpage .input-group, #landingpage .firstInput {
   width: 33.333%;
    margin-bottom: 11px;
    padding-right: 0px;
    border: 1px none #6896c2;
    font-size: 16px;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
}


#landingpage #SearchSection #tab1 {
    padding-top: 0px;
    display: block;
    width: 430px;
    margin-right: auto;
    margin-left: auto;
    
}

#landingpage .submit {
    margin-top: 0px;
    width: 100%;
    height: 76px;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #494949;
    font-weight: bold;
    
}
#landingpage .submit:hover {background-color: #e26a80; border-color:#ffffff;}
#landingpage .date {background-image:none;}

#landingpage #GroupTypeSelector {display:none;}

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

@media (max-width: 767px) {
    
    #subnav-wl,ul#navigation-wl li#message-wl {display: none}
    .header-wl.with-subnav {padding-top: 15px}
    #landingpage #SearchSection #tab1 {width:100%;}
    #landingpage .input-group {width:100% !important;}
}


@media (max-width: 767px) {
#landingpage .submit {
   
    height: 95px;
    font-size: 20px !important;
}
}

@media (max-width: 425px) {
#landingpage .submit {
   
    height: 86px;
    position: relative;
    width: 90%;
    right: 24px;
    text-transform: none;
   
}


#numtext {
    font-size: 20px;
}
}



/*Girls Looking At Search*/

@media (min-width: 770px) {
    
    .tabs {
    bottom: 65px;
    position: relative !important;
}
}

@media (min-width: 1022px) {
    
    .tabs {
    bottom: 25px;
    position: relative !important;
}
}









@media (max-width: 751px) {
    .tabs {
    bottom: 26px;
    position: relative !important;
    }
    
    #landingpage .input-group-xl input { width:94% !important;}
}
    
#message-wl {
    display:none !important;
}
               
            

#landingpage {
 
    font-size: 20px !important;
} 



::placeholder {
    color: #747474 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #747474 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #747474 !important;
}
 



/*Interior Search Themeing*/

.field-group input[type="submit"] {
    background: #ee3f79 none repeat scroll 0 0 !important;
}

@media (max-width: 767px) {
#submit.field-group input {    background-color: #d9687d !important; }
}


#pg_RequestForm .button {    background-color: #ee3f79;}

#pg_SearchIndv  .ui-slider .ui-slider-range {background-color: #ee3f79 !important;}


#discounts .bounceIn label, #discounts .bounceIn label:hover {
    
    border: 2px solid #ee3f79 !important;
    
    
}

a.check-rates:link, a.check-rates:visited {
    background-color: #ee3f79 !important;
}

.ui-slider .ui-slider-range {
    background-image: none;
    background-color: #ee3f79 !important;
}

#Action-Box {
    background-color: #ee3f79 !important;
}

#Profile button.orange-flatBtn {
    border: 2px solid #ee3f79 !important;
}

#Ext-Search-Form .orange-flatBtn, #Rates-Selection .orange-flatBtn {
    background-color:#ee3f79 !important;
}

#Submenu-Top {
    background-color: #ee3f79 !important;
}



#db-section1 .container {
    margin-top: 30px;
    margin-bottom: 10px;
}


#landingpage #SearchSection {
    height: 600px !important;
}


#pg_SearchIndv #Search-Box {
    background-color: #848685;}


#db-section1 .flex-container {padding: 30px 0px;}

#pg_HotelProfile #Review-Top {background-color: #848685;} 

#pg_HotelProfile .rateSearchForm {
    background: none !important;
    background-color: #848685 !important;
    background: #848685 !important;
}

#pg_HotelProfile #review-button {border: 2px solid #7da6d7;}


.ui-slider-tip{

    background-color: #848685 !important;

 
}

@media (max-width: 425px) {
    #searchnow {
        right:0px !important;
    }
}
#searchnow {
    width: 325px !important;
    margin: 0 auto !important;
}

@media (max-width: 767px) {
::placeholder {
    color: #5c5b5b !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5c5b5b !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #5c5b5b !important;
}
}
                #landingpage #SearchSection {
                    background: url("//cdn.hotelplanner.com/common/images/site/2361/iStock-908238162-min.jpg") center top no-repeat !important;
                    background-size: cover !important;
                }
                
                
p #line2 {
    color: white;
    line-height: .2;
}

#Headline #line3 {
    color: white;
    font-size: 12px;
    line-height: .4;
}

@media (max-width: 769px) {
    p #line2 {
    color: white;
    line-height: 1;
}
}