/***********************************/
/******** Site Structure 77062********/
/***********************************/

.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm .tab,
.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm #resortsTab,
.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm #thingsToDoTab,
.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm #carsTab,
.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm #flightsTab {
	display: none;
}

/**********************************/
/************ Globals *************/
/**********************************/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

xbody {
	font-size: 1rem;
	line-height: 1.5;
	font-family: 'Lato', sans-serif;
	margin: 0;
}

header.alphaSkin {
	position: relative;
	z-index: 31;
}

xtextarea {
	display: block;
	width: 100%;
	height: 100px;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	font-size: 1.125rem;
	list-style: none;
}

.WK input.password::-ms-reveal,
.WK input.password::-ms-clear {
	display: none;
}

/**********************************/
/************** Headings **************/
/**********************************/

h2,
.popularDestinationsLandingContainer .popularDestinationsContainer .title {
	letter-spacing: -0.25px;
	line-height: 32px;
}

h1,
.ArnSubPage h1,
.ArnSubPage h2,
section.pageBottom h2,
section.pageBottom .h2 {
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: -0.25px;
	border-bottom: none;
	text-align: left;
	margin: 0 0 1.5rem;
}

@media screen and (max-width: 300px) {

	h1,
	.ArnSubPage h1,
	.ArnSubPage h2,
	section.pageBottom h2,
	section.pageBottom .h2 {
		font-size: 30px;
	}
}

h1,
.ArnSubPage h1 {
	font-size: 48px;
	line-height: 1.5;
}

.landingPage h1,
.landingPage h2,
.homePage h1,
.homePage h2,
.article h1,
.article h2 {
	text-transform: uppercase;
}

.ArnSubPage .SSFormBody .registrationText h2 {
	font-size: 2rem;
	line-height: 1.35;
	letter-spacing: 0;
}

h3,
.ArnSubPage h3,
section.pageBottom h3,
section.pageBottom .h3 {
	letter-spacing: 0.16px;
	margin: 0.4rem 0 0.5rem;
	font-size: 20px;
}

.dashboard h3 {
	font-size: 1.125rem;
}

.customSupportPage .content h3 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 46px;
}

.page .inspirations .card .contentBox h3 {
	text-decoration: none;
	margin: 0.4rem;
	font-size: 18px;
	line-height: 1.5rem;
}

h4,
.ArnSubPage h4 {
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
}

.page .planVacation h4 {
	position: static;
}

.productList h4 {
	letter-spacing: 0;
	line-height: 30px;
	margin: 0;
	text-transform: uppercase;
}

.customSupportPage .content h4 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
}

.xRootBody .reserveHotel {
	font-size: 3rem;
	letter-spacing: 0.9px;
}

.WBValidatedRegistrationForm #xaccountRight h4 {
	font-size: 22px;
	letter-spacing: 0.22px;
	line-height: 33px;
}

/****************************************/
/**** Registration - Bullet Icon Cards - Style ****/
/****************************************/

.WBValidatedRegistrationForm .iconcardlist {
	padding: 5rem 0;
}

.WBValidatedRegistrationForm .iconcardlist .grid .box {
	padding: 0 1.25rem;
	display: block;
}

.WBValidatedRegistrationForm .iconcardlist .box img {
	width: 30px;
	float: left;
	margin-right: 10px;
}

.RegistrationPage div.sectionContainer .content .box div span {
	vertical-align: initial;
}

.WBValidatedRegistrationForm .iconcardlist .box p.small {
	margin: 0 0 1rem 2rem;
}

/****************************************/
/**** Login - WBLoginForm - Style ****/
/****************************************/

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h1 {
	text-transform: capitalize;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
	font-weight: 300;
	font-size: 1.2rem;
	letter-spacing: 0.46px;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
	font-size: 26px;
	line-height: 32px;
	text-align: left;
	margin: 10px 0;
	padding: 0 0 20px;
	text-transform: none;
	max-width: 100%;
	color: #fff;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .createAccountContainer a {
	text-transform: initial;
	width: initial;
	height: initial;
	display: inline !important;
	background-color: transparent;
	border: none !important;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .createAccountContainer:last-of-type a:hover {
	background-color: transparent !important;
	border: none !important;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm a,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}

.topSearch .ArnSearchHolderBoth span.ArnAcdParentLable {
	text-transform: capitalize;
	font-size: 16px;
}

/****************************************/
/**************  Sections ************/
/****************************************/

.dashboard .details .memberInfo span.arnliusername {
	font-size: 2rem;
	line-height: 1.4;
	padding: 0 0 0 1rem;
	text-transform: capitalize;
	color: white;
}

.homePage .page .freeTrial.color.wide.center h2 {
	text-align: center;
}

.page .ourTopDeals .card.card-1 h3 {
	font-size: 20px;
	letter-spacing: 0.16px;
	line-height: 24px;
}

/*default colors*/
.tint {
	background-color: #ebebeb;
}

.tint h2,
.tint p {
	color: #333;
}

.dark h2,
.dark p {
	color: #fff;
}

.dark {
	background-color: #333;
}

/***********************************/
/*********** Paragraphs ***********/
/***********************************/

.card-2 .contentBox p.small,
.card-3 .contentBox p.small,
.card-4 .contentBox p.small {
	font-size: 16px;
	letter-spacing: 0.46px;
	line-height: 24px;
}

.ArnSubPage p.small,
.page p.small {
	margin: 0 0 1rem;
	color: #000;
}

.homePage .page .freeTrial.color.wide.center p {
	text-align: center;
}

.page .center div.sectionContainer .content {
	text-align: center;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.page .productList p.small {
	font-size: 16.8px;
	line-height: 20px;
}

.big {
	font-size: 4rem;
	font-weight: 500;
	line-height: 1;
}

/***********************************/
/********* Title Tabs *********/
/***********************************/

.page .ourTopDeals .title {
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 1px;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
	font-size: 14px;
	letter-spacing: 1.14px;
	line-height: 24px;
}

.featuredDestinationsContainerContent span.averagePercenteOff {
	display: none;
}

/***********************************/
/**** Center/Home Page Search Box ***/
/***********************************/

.center h3,
.ArnSubPage .center h3,
section.pageBottom .center h3,
.page .center p,
.page .center .content .contentBox {
	text-align: center;
}

.center img {
	margin: 1rem auto;
}

.center h1,
.ArnSubPage .center h1,
section.pageBottom,
.ArnSubPage .center h2,
.center h2,
section.pageBottom .center .h2 {
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.28px;
	line-height: 2rem;
	text-align: center;
}

/************* Accents ************/
.page .ourTopDeals .title,
.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.offer .dark,
a.ArnGoCitySearch:hover,
a.ArnGoAddressSearch:hover,
a.ArnGoLandmarkSearch:hover,
a.ArnGoAirportSearch:hover,
a.selectedTab,
.maxDiscount {
	font-size: 14px;
	letter-spacing: 1.14px;
	line-height: 24px;
}

.ArnPrimarySearchOuterContainer .tabWrapper div {
	display: none;
}

/***********************************/
/****** Font-Structure in Cards ******/
/***********************************/
.page div.sectionContainer .content .box.columnOne.color,
.page div.sectionContainer .content .box.columnTwo.color,
.page div.sectionContainer .content .box.columnThree.color {
	border-radius: 4px;
	background-color: #999;
	border: 1px solid #fff;
}

.page .productList .box span:first-child div {
	position: unset;
	width: auto;
	overflow-y: hidden;
	height: 183px;
	border-radius: 0px;
}

@media screen and (max-width: 1000px) {

	.page div.sectionContainer .content .box.columnOne.color,
	.page div.sectionContainer .content .box.columnTwo.color,
	.page div.sectionContainer .content .box.columnThree.color {
		min-height: initial;
	}
}

/**********************************/
/****** Primary Submit Btn Color ******/
/**********************************/
/*
.submit,
a.submit.light,
.SearchHotels .ArnContentContainer a.bookRoom,
.upgradeButton,
.SearchHotels .modifySearchButton,
.page a.submit.contact {
	font-size: 16px;
	letter-spacing: 1.31px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background-color: #d5d5d5;
	color: #000;
}
*/
.center a.submit,
.page .center a.submit {
	margin: 0 auto;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1.31px;
}

.SSForm.ArnSubPage .submit {
	font-weight: 500;
	letter-spacing: 0.5px;
}

/*Join Hover */
.page .center #join-today a.submit:hover {
	border-radius: 4px;
}

/*Contact Us Hover*/
a.submit .contact:hover,
a.submit.light,
.page a.submit.light {
	text-decoration: none;
}

/*Contact Us btn*/
.page a.submit.contact {
	height: 48px;
	width: auto;
	border-radius: 4px;
}

.static-landing .page a.submit {
	line-height: 0.8;
}

/*upgrade to premium btn*/
.page a.upgrade {
	text-decoration: none;
}

#login a {
	padding: 6px 15px;
	min-width: 150px;
	text-align: center;
	border-radius: 0.25rem;
	border: 1px solid black;
	position: relative;
	line-height: 20px;
}

.page a,
.page a:link {
	text-decoration: none;
	color: #000;
}

.page .planVacation .contentBox a {
	float: right;
	text-decoration: underline;
}

/***********************************/
/******** Structure in Cards *******/
/***********************************/

.iconcardlist .grid .box {
	background-color: transparent;
	padding: 0;
}

.page .exclusives div.sectionContainer .content a.box div span,
.page .exclusives div.sectionContainer .content span.box div span {
	padding-top: 13px;
}

.page .productList .box span:first-child div img {
	width: 100%;
	position: unset;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
}

/*fix - must have table-cell or causing an iPhone 12 issue..*/
.page .productList div.sectionContainer .content .box div span {
	display: table;
	vertical-align: bottom;
	padding: 1.4rem 0;
}

/*for sites with icon-cards instead of images*/
.page .productList div.sectionContainer .image-left .content .productList .box div span {
	display: table-cell;
}

.page .productList div.sectionContainer .image-left {
	background: white;
}

.page .productList div.sectionContainer .content .box div span {
	padding: 0;
}

.productList h4 {
	margin-top: 10px;
}

.page .ourTopDeals .title {
	background-color: #333;
	color: #fff;
	border-radius: 0 25px 25px 0;
	padding: 12px 20px 12px 10px;
	margin: 20px 0 0;
	display: inline-block;
	line-height: 1;
	font-size: 0.85rem;
}

/***********************************/
/******** Support Pages *******/
/***********************************/

/*terms and conditions hide cruise*/
span.menuItem.cruiseTermsAndConditionsMenuItem {
	display: none !important;
}

/****** Account Summary Page ******/
.adminView h1 {
	font-size: 34px;
}

.accoundDetails .memberDetails svg {
	fill: #fff;
}

#theMyAccountDetailsGroup label:last-child {
	font-size: 16px;
	letter-spacing: 0.12px;
	line-height: 20px;
}

.accoundDetails .memberDetails {
	background-color: #004282;
}

.WBClub365Menu a.selected,
.WBClub365Menu a {
	font-size: 18px;
	letter-spacing: 1.47px;
}

.userAdmin a, .userAdmin a:link {
	text-decoration: none;
}

.WBClub365ProfileFormFields,
.adminView h1 {
	color: #0a0405;
}

#theMyAccountDetailsGroup div.FormFields a {
	color: #004282;
}

#theMyAccountDetailsGroup label:last-child,
#theAddressDisplayAjax label {
	font-size: 16px;
	letter-spacing: 0.12px;
	line-height: 20px;
}

a.myAccountSummary.selected svg path,
a.myReservations.selected svg path,
.accoundDetails .memberDetails svg {
	fill: #fff;
}

#theMyAccountDetailsGroup label:first-child {
	font-size: 14px;
	color: #7c7b7d;
}

.StandardMemberType #theMembershipTermEditAjax a {
	display: none;
}

/*end of transfer from branding*/

/*Custom pages*/

p.smaller {
	font-size: 0.85rem;
	margin: 1rem 0 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField::placeholder,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField::placeholder {
	color: #686868;
	opacity: 1;
	letter-spacing: 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit {
	border-radius: 0.25rem;
	max-width: 100%;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm a,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
	display: block;
	width: max-content;
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.67px;
	line-height: 24px;
	color: #fff;
}

.memberSavings {
	line-height: 1.7em;
}

/* Member Upgrade */

.StandardMemberType .memberSavings {
	color: white;
	line-height: 1.4em;
}

.SinglePropDetail .upgradePremium {
	color: #21b469;
	border-top: 1px solid #21b469;
	border-bottom: 1px solid #21b469;
	width: 100%;
	display: block;
	padding: 8px 15px;
	font-size: 15px;
	margin: 0 0 10px auto;
}

.blurActive {
	overflow: hidden;
}

.blurActive::before {
	background-color: rgba(0, 0, 0, 0.6);
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.ErrorList {
	background-color: #ffe7e5;
}

.ErrorList h1 {
	margin: 1rem 0 0.5rem;
	font-weight: 500;
}

.HasError .formField,
.HasError .formField:focus {
	border: 1px solid red !important;
}

.HasError .label {
	color: red !important;
}

.hidden {
	display: none;
}

.ArnSupportLinks.ArnSupportBottom a.facebookLink svg {
	position: relative;
	top: 6px;
}

.WBBasicRegistrationForm,
.WBValidatedRegistrationForm,
.WBForgotPasswordForm,
.WBClub365ChangePasswordPublicForm,
.WBClub365LinkExpiredForm {
	margin: 88px 0 0;
}


.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody {
	padding: 2rem 0;
}

/*login form*/
.WBLoginForm,
.WBForgotPasswordForm,
.WBClub365ChangePasswordPublicForm,
.WBClub365LinkExpiredForm {
	margin: 73px 0 0;
}

#xaccountRight {
	width: 50%;
	height: 480px;
	min-height: 480px;
	background-position: top center;
}

.WBLoginForm #xaccountRight {
	height: 728px;
	min-height: 728px;
}

.WBForgotPasswordForm #xaccountRight,
.WBClub365ChangePasswordPublicForm #xaccountRight,
.WBClub365LinkExpiredForm #xaccountRight {
	height: 728px;
	min-height: 728px;
}

@media only screen and (max-width: 1000px) {

	.homePage,
	.cruisePage,
	.homePage {
		margin: 57px 0 0;
	}

	.WBLoginForm,
	.WBForgotPasswordForm,
	.WBClub365ChangePasswordPublicForm,
	.WBClub365LinkExpiredForm {
		margin: 68px 0 0;
	}
}

@media only screen and (max-width: 1052px) {
	.page .dashboard div.sectionContainer .content .details .freeTrialMember a {
		font-size: 13px;
	}
}

/* Header to stay in skin */

#header.enterpriseHeader {
	position: fixed;
	width: 100%;
	top: 0;
}

.enterpriseHeader #logo {
	width: initial;
	width: auto;
}

.homePage .enterpriseHeader .links a {
	color: white;
}

#header.enterpriseHeader.stick .links a {
	color: black;
}

@media screen and (max-width: 1000px) {
	.homePage .enterpriseHeader .links a {
		color: black;
	}
}

/* Logo */

.navbar-brand {
	display: inline-block;
	padding-top: 0.3125rem;
}

#header.enterpriseHeader #HeaderCoBrandLogo {
	margin-left: 0.75rem;
	padding-left: 0.75rem;
	border-left: 1px solid white;
	vertical-align: top;
	max-height: 58px;
	height: 58px;
}

/* Guide Info */

.guideInfo {
	padding: 5px 15px;
	background-color: rgba(0, 0, 0, 0.25);
	margin: 0 28.5px 0 10px;
	color: white;
	border-radius: 18px;
}

.MemberNotAuthenticated .guideInfo {
	display: none;
}

.guideInfo span:first-child {
	padding: 0 15px 0 0;
}

@media only screen and (max-width: 1400px) {
	.guideInfo {
		background-color: rgba(0, 0, 0, 0.95);
		top: 70px;
	}
}

/* Drop Down Menu */

.secondaryUser-content a.primaryNavItem {
	display: none;
}

.dropdown {
	position: relative;
	right: 0;
	top: 0;
	text-align: center !important;
	padding: 15px 25px;
	width: 229px;
}

.navRow a#logoLink {
	margin-right: auto;
}

.MemberNotAuthenticated .dropdown {
	display: none;
}

.dropdown svg {
	margin: 10px 0 0 20px !important;
}

/* Mexico Edit */
@media only screen and (min-width: 1000px) {
	.dropdown svg {
		position: absolute;
		right: 1rem;
	}
}

.dropdown svg.logout-icon {
	margin: 0 !important;
	top: 8px;
}

.dropdown form svg {
	margin: 0;
}

.dropdown-divider {
	height: 0;
	margin: 0 !important;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

.dropbtn {
	background-color: transparent;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 225px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	top: 87px;
	right: 0;
}

.dropdown-content a:link {
	padding: 0.5rem 25px;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #333;
	background-color: white;
	font-size: 1rem;
}

.show {
	display: block;
}

.logoutLink svg {
	height: 23px;
	width: 25px;
	vertical-align: middle;
}

.logoutLink svg path {
	fill: #000;
}

.mobile-hide {
	display: block;
}

.mobile-show {
	display: none;
}

@media only screen and (max-width: 1300px) {
	.enterpriseHeader #logo {
		width: 242px;
	}

	.wsite-logo img {
		width: 120px;
	}

	.members {
		font-size: 14px;
	}

	.enterpriseHeader .arn_username {
		padding: 13px 10px 13px 5px;
		margin: 0 5px 0 0;
		font-size: 15px;
	}

	.links form .logoutCommand.submit {
		font-size: 14px;
		padding: 13px 5px;
	}

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		padding: 18px 5px;
		font-size: 14px;
	}

	.enterpriseHeader .languageContainer select {
		max-width: 125px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.enterpriseHeader #logo {
		width: 130px;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.column.left,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.right {
		padding: 0 5%;
	}
}

@media only screen and (max-width: 1000px) {

	/*Login Page*/
	.WBLoginForm.mobileLarge form#theWBLoginForm,
	.WBLoginForm.mobileLarge .SSForm.ArnSubPage .SSFormBody,
	.WBLoginForm.mobileLarge #theWBLoginFormBody,
	.WBLoginForm.mobileLarge div#xaccountRight,
	.static-home .titleContainer {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.WBLoginFormContainer.ArnSubPage #theWBLoginForm h1 {
		margin-top: 50px;
	}

	.WBLoginForm.mobileLarge div#xaccountRight,
	#xaccountRight {
		height: 600px;
		min-height: 600px;
		display: block;
		background-size: cover;
		width: 100%;
	}

	.WBLoginForm form#theWBLoginForm {
		padding: 0 10%;
	}

	.enterpriseHeader .navRow .container,
	.WBLoginForm.mobileLarge .WBLoginFormContainer.ArnSubPage {
		padding: 0;
	}

	.WBLoginForm.mobileLarge div.product.box {
		min-height: 320px;
	}

	.WBValidatedRegistrationForm {
		margin: 0;
	}

	.homePage a.product.box {
		min-height: 335px;
	}

	#header.enterpriseHeader .navRow {
		padding: 0.5rem;
	}

	.MemberNotAuthenticated #header.enterpriseHeader .navRow {
		padding: 1rem 1.5rem;
	}

	.enterpriseHeader #logo {
		width: 75%;
		margin: 0 0 0 70px;
	}

	.enterpriseHeader #logo img {
		width: 150px;
	}

	.dropbtn {
		width: 100%;
	}

	/*new additions*/

	.ArnSubPage.static-cruise div#xaccountRight {
		background-position: -60px 0;
	}

	#mobile-input:checked~#header #navmobile {
		margin-top: 10px;
	}

	label#menu-button {
		border: none;
	}

	.dropdown-content.show {
		position: absolute;
		right: 0px;
		top: 65px;
		width: 100%;
	}

	.dropdown-content.show form {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	div.dropdown-content.show form:hover {
		background-color: transparent !important;
	}

	.dropdown-content.show,
	.enterpriseHeader span.arn_username,
	div.dropdown-content a:link,
	.dropdown-content.show .submit {
		background-color: #016e84;
		color: #fff !important;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		line-height: 38px;
	}

	.dropdown-content.show a.dropdown-item:first-of-type {
		margin-top: 15px;
	}

	.dropdown-content.show a.dropdown-item:last-of-type {
		margin-bottom: 15px;
	}

	.dropdown-content.show .logout-icon {
		display: none;
	}

	.dropdown-content.show #user_lipoints {
		width: 100%;
		background-color: #015b68;
	}

	.dropdown svg {
		margin: 10px 0 0 0px !important;
		height: 40px;
	}

	.dropdown-content.show a:hover,
	.dropdown-content.show a:active,
	.dropdown-content.show a:visited {
		color: #fff;
	}

	#header.enterpriseHeader #HeaderCoBrandLogo {
		margin-left: 0.75rem;
		padding-left: 0.75rem;
		border-left: 1px solid white;
		vertical-align: top;
		max-height: 29px;
	}

	/*Home page*/

	/*static home*/

	.static-home #header {
		background-color: transparent;
		box-shadow: none;
	}

	.static-home .titleContainer {
		padding-top: 40px;
	}

	#xaccountRight,
	.titleContainer {
		display: block;
	}

	.dropdown.tablet-show #user_lipoints {
		font-size: 12px !important;
		line-height: 20px;
		padding: 0px 10px;
	}

	.stick .dropdown.tablet-show #user_lipoints {
		/*line-height: 27px;*/
		padding: 5px 10px;
	}

	/*cruise layout*/

	/*.ArnSubPage.static-cruise div#xaccountRight{
        background-position: -60px 0;
    }*/
	.ArnSubPage.static-cruise section.titleContainer {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	.ArnSubPage.static-cruise .titleContent {
		max-width: 100%;
		padding: 0 40px;
		padding: 45px 60px 15px;
		text-align: center;
	}

	.ArnSubPage.static-cruise a.buttonLink,
	.ArnSubPage.static-cruise .buttonLink,
	.ArnSubPage.static-cruise span.buttonLink {
		margin: 1.5rem 0 0;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.box {
		max-width: 29%;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.column.left {
		/*width: 42%;*/
		/*padding: 0 3% 0;*/
		padding: 0;
		text-align: center;
	}

	/*.cruiseAmenities .column.left h2{
        margin: 50% 0 0 2%;
    }*/
	.cruiseAmenities .column.left h2 {
		margin: 5% 1%;
	}

	.cruiseAmenities .column.left h2,
	.cruisePage section.pageBottom p {
		text-align: center !important;
	}

	/*.static-cruise .titleContent{
        padding: 45px 60px 15px !important;
        text-align: center;
    }*/
	.static-cruise .titleContent h2 {
		line-height: 35px;
		font-size: 22px;
	}

	.ArnSubPage.static-cruise .titleContent span.buttonLink {
		margin-top: 20px;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.box {
		max-width: inherit;
	}

	/*.cruisePage .productGrid .product.box:last-of-type,*/
	.cruisePage section.pageBottom .cruiseAmenities div.sectionContainer div.content div.column.left,
	.cruisePage section.pageBottom .cruiseAmenities div.sectionContainer div.content div.column.right {
		width: 100%;
	}

	.cruisePage section.pageBottom .cruiseAmenities div.sectionContainer div.content div.column.right {
		padding: 5%;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.box:last-of-type {
		max-width: 400px;
		margin-left: 25vw;
	}
}

@media only screen and (max-width: 800px) {
	.mobile-show {
		display: block;
	}

	.dropbtn {
		height: 65px;
	}

	.dropdown-content.show {
		position: absolute;
		right: -67px;
		top: 57px;
		width: 100vw;
	}

	.dropdown-content.show form {
		width: 100vw;
		padding: 0;
		text-align: center;
	}

	div.dropdown-content.show form:hover {
		background-color: transparent !important;
	}

	.dropdown-content.show,
	.enterpriseHeader span.arn_username,
	div.dropdown-content a:link,
	.dropdown-content.show .submit {
		background-color: #016e84;
		color: #fff !important;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		line-height: 38px;
	}

	.dropdown-content.show a.dropdown-item:first-of-type {
		margin-top: 15px;
	}

	.dropdown-content.show a.dropdown-item:last-of-type {
		margin-bottom: 15px;
	}

	.dropdown-content.show .logout-icon {
		display: none;
	}

	.dropdown svg {
		margin: 12px 0 0 !important;
		height: 40px;
	}

	#mobile-input:checked~#header #navmobile {
		margin-top: 5px;
	}

	.static-home .titleContent {
		padding: 10px !important;
	}

	div.ArnSubPage {
		padding: 0;
	}

	section.titleContainer {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	/* div#xaccountRight,
  .ArnSubPage.static-cruise div#xaccountRight {
    background-size: contain;
    background-position: initial;
    width: 100%;
    height: 450px;
    min-height: 450px;
    display: block;
  } */
	.mobileSmall.WBLoginForm div#xaccountRight {
		height: 300px;
		min-height: 300px;
	}

	section.pageBottom div.sectionContainer div.content a.box h3 {
		margin-bottom: 8px;
	}

	section.pageBottom p {
		font-size: 18px !important;
	}

	div.navContainer .links a {
		line-height: 30px;
		font-weight: bold;
	}

	.navContainer .links #hotels a {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 450px) {
	div#xaccountRight:not(.cruisePage #xaccountRight) {
		background-size: cover;
		background-position: initial;
		height: 240px;
		min-height: 240px;
	}

	section.pageBottom div.sectionContainer div.content div.column h2,
	.cruisePage section.pageBottom p {
		text-align: center !important;
	}

	.registrationPaywall #xaccountRight {
		height: initial !important;
	}
}

@media only screen and (min-width: 800px) {

	/*.mobile-hide{
        display: none;
    }
    .mobile-show{
        display: block;
    }*/
	.enterpriseHeader .navRow .container {
		padding: 0;
	}

	#header.enterpriseHeader .container {
		position: relative;
		max-width: 100%;
		padding: 0 1.5rem;
		background-color: transparent;
		padding: 15px 18px;
	}

	#header.enterpriseHeader .wsite-logo img {
		width: initial;
		width: auto;
	}

	.linksAdmin {
		text-align: right;
		margin: 0;
	}

	.enterpriseHeader .arn_username {
		padding: 5px 15px 5px 5px;
	}

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		padding: 5px 28.5px 5px 0;
	}

	.linksAdmin a,
	.linksAdmin .submit {
		color: #777;
		font-size: 13px;
		text-decoration: underline;
		margin: 0 7.5px;
	}

	.linksAdmin form {
		margin: 0 10px;
		display: inline-block;
	}

	.linksAdmin .submit {
		width: initial;
		height: initial;
		padding: 0;
		margin: 0;
		background: transparent;
	}

	.enterpriseHeader .languageContainer select {
		max-width: 130px;
		font-size: 13px;
		max-width: 140px;
		height: 28px;
		border-radius: 5px 0 0 5px;
		color: #777;
	}

	#header.enterpriseHeader.stick .wsite-logo img {
		width: 150px;
	}

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		color: #777;
	}
}

.linksAdmin .myReservations,
.linksAdmin .organizationsCommand,
.linksAdmin .myReports,
.linksAdmin .profileCommand,
#navmobile .links .myReservations,
#navmobile .links .organizationsCommand,
#navmobile .links .myReports,
#navmobile .links .profileCommand {
	display: none !important;
}

#navmobile .WBSkin form {
	display: block;
}

.memberInfo img {
	padding: 0.2rem 0;
	width: 85px;
}

/* Hotels Layout */

.xRootBody .searchLeft {
	padding: 150px 0 500px !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer.ArnRateFiltersContainer {
	display: block;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.refundable {
	display: block !important;
}

@media only screen and (max-width: 1000px) {
	.xRootBody .searchLeft {
		padding: 150px 0;
	}
}

@media only screen and (max-width: 600px) {
	.xRootBody .searchLeft {
		padding: 75px 0 !important;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop span.close {
		padding: 0;
		width: initial;
		border: none;
	}
}

/* Sold Out */

@media only screen and (min-width: 500px) {
	.PropLimitedAvail .ArnAvailability {
		top: 188px;
		bottom: auto;
		background-color: white;
		z-index: 0 !important;
	}

	.SinglePropDetail .PropLimitedAvail .ArnAvailability {
		top: 25px;
	}
}

@media only screen and (max-width: 500px) {
	.PropLimitedAvail .ArnAvailability {
		top: 136px;
	}

	.SinglePropDetail .PropLimitedAvail .ArnAvailability {
		top: -35px;
	}
}

/*******************/
/* AIR CAR FIXES */
/********************/

.arnAir,
.arnCar {
	margin: 114px 0 0;
}

.arnAir .members,
.arnCar .members {
	margin: 22px 0 0 10px;
	vertical-align: top;
}

.ArnCarRentals .payment-summary div.totals .savings.points {
	display: flex;
}

.ArnCarRentals .creditsBalanceValue {
	margin: 6px 0 0;
}

.throbberContainer {
	box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.25);
}

/* add in Trip Advisor Icon */

.animated-background .ArnTripAdvisorDetails img {
	display: none;
}

@media only screen and (min-width: 500px) {
	.SearchHotels .ArnPropThumb img {
		height: 280px;
	}
}

/* Header Adjustments for CLub 365 */

#header {
	background-color: #016e84;
	border-bottom: none !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.enterpriseHeader .languageContainer,
#CitiesNearbyContainer {
	display: none;
}

#commands .WBSkin {
	display: none;
}

.navRow .container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.enterpriseHeader .navRow #nav {
	display: block;
}

.arnAirRevelex .navContainer {
	display: flex;
	justify-content: end;
}

@media screen and (max-width: 1000px) {
	.arnAirRevelex .navContainer {
		justify-content: center;
	}
}

.navRow form {
	padding: 0 25px;
	text-align: left;
}

.navRow form:hover {
	background-color: #dcdcdc !important;
}

.navRow form svg path {
	fill: #351f65;
}

.navRow form svg {
	top: 9px;
	position: relative;
}

.navRow form .submit {
	background: transparent none repeat scroll 0 0;
	color: #0f7d94 !important;
	padding: 15px 0;
	width: 80%;
	text-align: left;
	height: initial;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 0 5px !important;
	font-weight: 500;
	cursor: pointer;
}

.linksAdmin a,
.linksAdmin a:link,
.linksAdmin .submit {
	color: #fff;
	cursor: pointer;
}

.enterpriseHeader .arn_username {
	border-right: none;
	background-color: #f5f5f5;
	padding: 8px 25px;
	text-align: left;
	width: 100%;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: initial;
}

/* #arn_liusername:nth-child(2) {} */

.enterpriseHeader .links a,
.enterpriseHeader .wsite-menu li a,
.enterpriseHeader #wsite-menus .wsite-menu li a {
	color: #000;
	text-transform: uppercase;
}

#user_lipoints {
	display: inline-block;
}

#user_lipoints.zeroValue {
	padding: 1.1rem;
}

.creditsBalanceValue {
	display: block;
	font-size: 23px;
}

@media only screen and (min-width: 800px) {
	#header.enterpriseHeader.stick {
		background-color: #000;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
			0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	}

	#header.enterpriseHeader.stick .container {
		padding: 0 1.5rem;
	}

	#header.enterpriseHeader.stick .wsite-logo img {
		width: initial;
		width: auto;
	}
}

@media only screen and (max-width: 1000px) {
	label {
		position: static !important;
		pointer-events: initial !important;
	}

	#user_lipoints {
		padding: 10px 10px;
		height: initial;
	}

	#AdminControlsContainer {
		display: none;
	}

	#menu-button {
		height: 41px;
		width: 59px;
		margin: 0;
		padding: 5px 15px;
		border: 1px solid hsla(0, 0%, 100%, 0.1);
		border-radius: 5px;
	}

	.MemberNotAuthenticated #menu-button {
		display: none;
	}

	.hamburger span,
	.hamburger::before,
	.hamburger::after {
		height: 2px;
		width: 28px;
		margin: 6px 0;
	}

	.homePage .hamburger span,
	.homePage .hamburger::before,
	.homePage .hamburger::after {
		background: #fff none repeat scroll 0 0;
	}

	.SearchHotels .hamburger span,
	.SearchHotels .hamburger::before,
	.SearchHotels .hamburger::after {
		background: black none repeat scroll 0 0;
	}

	.ArnCarRentals #menu-button,
	.ArnActivities #menu-button {
		padding-left: 30px;
	}

	#navmobile {
		background: transparent none repeat scroll 0 0;
		position: static;
		border-top: 1px solid white;
		padding: 10px;
		max-width: 100%;
		margin: 0 auto;
		max-height: 0px;
		overflow: hidden;
		transition: all 0.9s ease;
	}

	#navmobile.show {
		max-height: 1000px;
	}

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		border-bottom: 1px solid #444;
		padding: 7px;
		margin: 0;
		font-size: 15px;
		text-align: center;
		border-bottom: none;
	}

	#navmobile .WBSkin form {
		padding: 10px 5px 10px 30px;
		text-align: left;
	}

	#navmobile .WBSkin form button {
		color: white;
		font-size: 16px;
		padding: 0;
	}

	.dropdown {
		width: 100%;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.dropdown-content {
		position: static;
	}

	.navRow #navmobile {
		display: block;
	}

	#mobile-input~#header #navmobile {
		max-height: 0px;
		overflow: hidden;
		transition: all 0.9s ease;
		padding: 0;
		border: none;
	}

	#mobile-input:checked~#header #navmobile {
		max-height: 600px;
		padding: 0;
		border-top: 1px solid white;
	}
}

/* featured Properties */

.homePage .landingBottomContent {
	display: none;
}

.featuredContainer {
	background-color: white;
	padding: 50px 0;
	text-align: center;
}

.featuredPropertiesContainerContent h2 {
	display: none;
}

.featuredPropertiesContainerContent a.featuredProperty h2 {
	display: block;
}

a.featuredProperty {
	margin: 0 1.3%;
	width: 30.66666%;
	border-radius: 10px;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.3);
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

a.featuredProperty:hover {
	box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6);
}

section.pageBottom a.featuredProperty img {
	height: 250px;
	border-radius: 5px 5px 0 0;
}

.maxDiscount {
	background-color: #333;
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	border: none;
	margin: 0;
	text-transform: capitalize;
	font-weight: 500;
	top: 30px;
	border-radius: 0 25px 25px 0;
}

.featuredPropertiesContainerContent .featuredProperty h2 {
	color: initial;
	text-decoration: none !important;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	white-space: nowrap;
}

section.pageBottom .featuredProperty h3 {
	font-size: 16px;
	color: initial;
	text-align: left;
	padding: 0 0 0 15px;
}

.featuredProperty .featuredPrice {
	margin: 15px auto 0;
	padding: 15px;
	border-top: 1px solid #ccc;
}

section.pageBottom a.featuredProperty .tripAdvisorContainer img {
	margin: 0 auto 0 15px;
	height: 20px;
}

.featuredProperty .tripAdvisorContainer {
	padding: 15px 0;
	background-color: transparent;
}

.featuredProperty .tripAdvisor {
	display: none;
}

.popularCities {
	margin: 0;
	padding: 0;
}

.popularCities li {
	display: inline-block;
	width: initial;
	margin: 1.5% 0.5% 2%;
}

.popularCities li a {
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	text-align: center;
	background-color: #4751a9;
	border-radius: 25px;
}

@media only screen and (max-width: 1000px) {
	a.featuredProperty {
		margin: 10px auto;
		width: 90%;
	}
}

/* Property Details Page */

@media only screen and (min-width: 500px) {
	.SinglePropDetail .rateRow table td.bookRoomCell {
		width: 44%;
	}
}

/* Cars, Rec */

:root {
	--main-primary: #016e84;
}

.ArnCarRentals button.dropbtn,
.ArnActivities button.dropbtn {
	height: 85px;
	background-color: transparent;
}

.ArnCarRentals .order-container .savings.points,
.ArnActivities .order-container .savings.points {
	display: block;
}

.featuredPropsTitle {
	display: none !important;
}

#login,
.navContainer .myReservations,
.navContainer .profileCommand {
	display: none !important;
}

.clearfix::before,
.clearfix::after,
.dl-horizontal dd::before,
.dl-horizontal dd::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.row::before,
.row::after,
.form-horizontal .form-group::before,
.form-horizontal .form-group::after,
.btn-toolbar::before,
.btn-toolbar::after,
.btn-group-vertical>.btn-group::before,
.btn-group-vertical>.btn-group::after,
.nav::before,
.nav::after,
.navbar::before,
.navbar::after,
.navbar-header::before,
.navbar-header::after,
.navbar-collapse::before,
.navbar-collapse::after,
.pager::before,
.pager::after,
.panel-body::before,
.panel-body::after,
.modal-footer::before,
.modal-footer::after {
	display: table;
	content: ' ';
}

/* Login Page */

.alphaSkin .ArnSubPage {
	margin: 50px auto 70px;
}

.alphaSkin .createAccountContainer span {
	display: none;
}

.alphaSkin .SSForm.ArnSubPage,
.alphaSkin .ArnSubPage.WBStaticForm {
	margin: 0;
}

.SSForm.ArnSubPage,
.ArnSubPage.WBStaticForm {
	display: table;
	background-color: #fff;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0;
}

.SSForm.ArnSubPage .SSFormBody,
.titleContainer {
	background-color: transparent;
	max-width: 50%;
	width: 50%;
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.titleContainer {
	display: block;
}

/*.ArnSubPage h1 {
    color: #333;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0 0 1rem;
}*/
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField:focus {
	background-color: #fff;
	border: 0.0625rem solid #ccc;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	color: #7c7c7e;
	border-radius: 0.25rem;
}

.SSForm.ArnSubPage .submit {
	height: 50px;
	width: 100%;
	margin: 20px auto;
	border-radius: 0.25rem;
	max-width: 400px;
}

a.submit,
.page a.submit {
	padding: 18px 0 20px;
	display: block;
	width: 100%;
	max-width: 400px;
	border-radius: 5px;
	text-align: center;
	min-height: 50px;
	line-height: 1;
	border: 1px solid transparent;
	text-decoration: none;
}

.createAccountContainer a.CreateAnAccountAction {
	padding: 0;
}

.WBLoginForm .register {
	padding: 25px 0 20px;
	display: none;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .register a {
	margin: 0 0 0 5px;
}

/* .WBLoginFormContainer.ArnSubPage #theWBLoginForm div.empty label,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm #theUserNameAjax label,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm #thePasswordAjax label {
  display: none;
} */

div.passwordInputView {
	margin: 0 0 1.5rem 0;
	position: relative;
}

div.passwordInputView .note {
	display: none;
}

.WBClub365ChangePasswordPublicFormContainer #passwordResetInstructions {
	display: none;
}

div.passwordInputView span.passwordShow {
	position: absolute;
	right: 12px;
	top: 13px;
}

div.passwordInputView span.passwordShow svg {
	width: 16px;
}

div.passwordInputView span.passwordShow svg path {
	fill: #b8b8b9 !important;
	stroke: initial !important;
}

.SSForm .formField {
	height: 50px !important;
	padding: 15px !important;
	letter-spacing: 0px;
	border: 0.0625rem solid #ccc;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	border-radius: 0.25rem;
}

.SSForm #theRememberMeAjax .formField {
	height: auto !important;
}

.loginDivider {
	display: none;
}

.needHelp {
	display: block;
	text-align: center;
}

.CancelAction {
	display: none;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm #theRememberMeAjax {
	margin: 15px 0 0;
	display: none;
}

.ArnSubPage .SSFormBody,
.titleContainer {
	padding: 0;
	vertical-align: middle;
}

.WBLoginFormContainer.ArnSubPage,
.WBValidatedRegistrationFormContainer.ArnSubPage {
	background-color: #fff8f2;
}

.WBLoginFormContainer.ArnSubPage .SSFormBody,
.WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
	background-color: transparent;
}

@media only screen and (max-height: 900px) {
	x#xaccountRight {
		height: 595px;
		min-height: 595px;
	}
}

@media only screen and (max-width: 1000px) {

	.SSForm.ArnSubPage .SSFormBody form,
	.titleContent {
		padding: 0;
	}

	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		padding: 0px 0 50px;
		margin: 0;
	}
}

@media only screen and (max-width: 600px) {

	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.SSForm.ArnSubPage,
	.ArnSubPage.WBStaticForm {
		padding: 0;
	}

	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		padding: 0 16px;
	}

	/*.static-home .titleContent {
        padding: 0 !important;
    }*/
	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		padding: 1.5rem 8px;
		margin: 0;
	}

	.SSForm.ArnSubPage .SSFormBody form,
	.titleContent {
		max-width: 100%;
		/*padding: 0 !important;*/
	}

	.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
		font-size: 1.5rem;
	}

	.ArnSubPage h1 {
		font-size: 3rem;
	}

	#xaccountRight {
		display: block;
		height: 470px;
		min-height: 470px;
		width: 100%;
	}

	.xRootBody #xaccountRight {
		display: none;
	}

	section.pageBottom div.sectionContainer div.content {
		padding: 0 !important;
	}
}

/* Forgot Password */

.WBForgotPasswordForm {
	background-image: none;
}

.WBForgotPasswordFormContainer.ArnSubPage,
.WBForgotPasswordFormInform {
	background-color: #ebebeb;
	position: static;
}

.goBackLink {
	display: none;
	margin: 50px 0 0;
}

.WBForgotPasswordForm .SSFormBody a.goBackLink {
	display: block;
	color: #333 !important;
	text-decoration: none;
	margin: 0 0 1rem;
}

.WBForgotPasswordForm .SSFormBody p {
	color: #333;
}

.goBackLink svg {
	width: 6px;
	vertical-align: middle;
	margin: -1px 0 0;
	cursor: pointer;
	transform: rotate(180deg);
}

.goBackLink svg path {
	fill: #016e84;
}

#theUserNameAjax label {
	display: none !important;
}

.WBForgotPasswordForm .WBForgotPasswordFormFields {
	margin: 1.75rem 0 1.25rem;
}

.WBForgotPasswordForm .SSFormBody a {
	color: #b35e16 !important;
	text-decoration: underline;
}

.WBForgotPasswordForm .ArnSupportLinks.ArnSupportBottom {
	margin: 25px 0;
}

/* Password Reset */

.WBClub365ChangePasswordPublicForm {
	background-image: none;
}

.WBClub365ChangePasswordPublicForm.ArnSubPage,
.WBClub365ChangePasswordPublicForm {
	position: static;
}

.WBClub365ChangePasswordPublicFormFields label {
	display: none;
}

.WBClub365ChangePasswordPublicFormFields #theEmailAjax label {
	display: block;
}

.WBClub365ChangePasswordPublicFormFields #theEmailAjax {
	position: relative;
}

.WBClub365ChangePasswordPublicFormFields #theEmailAjax label {
	color: #7c7c7e;
}

.WBClub365ChangePasswordPublicFormFields #theEmailAjax label:first-child {
	position: absolute;
	top: 5px;
	font-size: 0.875rem;
	letter-spacing: 0.43px;
	color: #999;
}

.WBClub365ChangePasswordPublicForm #theEmailAjax {
	background-color: #e4e4e4 !important;
	height: calc(1.5em + 1.625rem);
	padding: 1.5rem 1.5rem 0.5rem !important;
	letter-spacing: 0px;
	border: 0.0625rem solid #ccc !important;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	border-radius: 0.25rem;
	color: #7c7c7e !important;
}

.WBClub365ChangePasswordPublicForm .WBClub365ChangePasswordPublicFormFields div {
	margin-top: 2rem !important;
}

.WBClub365ChangePasswordPublicForm .SSForm.ArnSubPage input.submit {
	margin: 2em 0 15px !important;
}

.WBClub365ChangePasswordPublicForm .SSFormBody a {
	color: #b35e16 !important;
	text-decoration: underline;
}

.WBClub365ChangePasswordPublicForm .ArnSupportLinks.ArnSupportBottom {
	margin: 25px 0;
}

@media only screen and (max-width: 1000px) {
	.WBClub365ChangePasswordPublicForm #theEmailAjax {
		padding: 0 1.5rem 0.5rem !important;
	}
}

/* Reset Password Timeout */

.WBClub365LinkExpiredForm label {
	display: none;
}

.WBClub365LinkExpiredForm .WBClub365LinkExpiredFormFields {
	margin: 1.75rem 0 1.25rem;
}

/* Register */

.WBClub365RegistrationFormContainer.ArnSubPage .SSFormBody fieldset {
	border: none;
	padding: 5px 0 0;
}

.WBClub365RegistrationFormContainer h2,
.WBClub365RegistrationFormContainer.ArnSubPage .SSFormBody fieldset legend {
	display: none;
}

.WBValidatedRegistrationFormContainer #thePersonalInfoGroup div label,
#theReferredByAjax,
.loginLink {
	display: none;
}

.WBClub365RegistrationFormContainer #theAgree365TermsAjax {
	margin: 15px 0 0;
}

.WBClub365RegistrationFormContainer.ArnSubPage .FormFields .formField.checkbox {
	width: 20px;
	float: none;
	height: 16px !important;
}

/* Register Paywall */

.registrationPaywall .page div.sectionContainer .content .grid {
	width: 70%;
	margin: 0 auto 2.5rem;
	max-width: 600px;
}

.registrationPaywall .page div.sectionContainer .content .grid {
	margin: 0 auto;
}

.registrationPaywall .page div.sectionContainer .content .grid ol {
	padding: 0 0 0 20px;
}

.registrationPaywall .page div.sectionContainer .content .grid ol li {
	font-size: 1rem;
	list-style: inherit;
	margin: 0.25rem 0;
}

.registrationPaywall .page div.sectionContainer .content .half .box .price span,
.registrationPaywall #xaccountRight .membership div:nth-child(2) {
	background-color: #e0eff9;
}

.registrationPaywall .page div.sectionContainer .content span.box,
.registrationPaywall .page div.sectionContainer .content a.box {
	padding: 0 1.25rem;
	height: initial;
}

@media only screen and (min-width: 1000px) {
	.registrationPaywall #xaccountRight div.sectionContainer {
		position: sticky;
		top: 88px;
	}
}

@media only screen and (max-width: 650px) {
	.registrationPaywall .page div.sectionContainer .content .grid {
		max-width: 100%;
		width: 100%;
	}
}

/* Products */

section.pageBottom a {
	color: #016e84;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

section.pageBottom div.sectionContainer {
	max-width: 1152px;
	margin: 0 auto;
	padding: 0;
}

section.pageBottom div.sectionContainer div.content {
	display: table;
	content: '';
	width: 100%;
	text-align: center;
	padding: 4rem 0;
}

xsection.pageBottom div.sectionContainer div.content div.column {
	width: 50%;
	text-align: left;
}

section.pageBottom div.sectionContainer div.content div.column {
	width: 49%;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	float: none;
}

section.pageBottom div.sectionContainer div.content div.column.wide {
	width: 100%;
	padding: 0 24%;
	text-align: center;
}

section.pageBottom div.sectionContainer div.content div.column.wide p {
	text-align: center;
}

section.pageBottom div.sectionContainer div.content div.column.wide h2 {
	text-align: center;
}

section.pageBottom div.sectionContainer div.content div.column.left {
	width: 42%;
	padding: 0 13% 0 0;
	text-align: center;
}

section.pageBottom div.sectionContainer div.content div.column.right {
	width: 57%;
}

section.pageBottom h2,
section.pageBottom .h2,
.featuredPropertiesContainerContent h1 {
	color: #016e84;
	text-align: center;
	font-size: 2.5rem;
	font-weight: 500;
	margin: 0 0 1rem;
	line-height: 1.2em;
}

section.pageBottom div.sectionContainer div.content div.column h2 {
	text-align: left;
}

section.pageBottom h3,
section.pageBottom .h3,
.featuredPropertiesContainerContent .h3 {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.5rem;
	font-weight: 300;
	margin: 0;
}

section.pageBottom img {
	height: 100px;
}

section.pageBottom p {
	text-align: center;
	color: #444;
	font-weight: 500;
	margin: 0;
	font-size: 1rem;
}

section.pageBottom .divider {
	width: 30%;
	display: block;
	height: 1px;
	background-color: #ccc;
	margin: 0 auto;
}

section.pageBottom div.sectionContainer div.content div {
	float: left;
}

section.pageBottom .products div.sectionContainer div.content a {
	float: left;
}

section.pageBottom div.sectionContainer div.content div.contentContainer {
	width: 100%;
}

section.pageBottom div.sectionContainer div.content div.contentContainer.productGrid {
	margin-top: 1rem;
}

section.pageBottom div.sectionContainer div.content div.box,
section.pageBottom div.sectionContainer div.content a.box {
	width: 30.111111%;
	border: 0.0625rem solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	padding: 40px 13px 30px;
	margin: 0% 16px 2rem;
	text-decoration: none !important;
	min-height: 335px;
}

section.pageBottom div.sectionContainer div.content div.contentContainer li {
	list-style: none;
}

section.pageBottom div.sectionContainer div.content div.box h3,
section.pageBottom div.sectionContainer div.content div.box h3 {
	font-weight: 500;
	color: initial;
}

section.pageBottom div.sectionContainer div.content div.box,
section.pageBottom div.sectionContainer div.content a.box {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

section.pageBottom div.sectionContainer div.content a.box {
	cursor: pointer;
}

section.pageBottom div.sectionContainer div.content a.box:hover {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
		0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

section.pageBottom div.sectionContainer div.content .box svg {
	width: 160px;
	height: 158px;
}

section.pageBottom div.sectionContainer div.content .box svg path,
.priceGuarantee svg path {
	fill: #016e84;
}

section.pageBottom div.sectionContainer div.content div.box p {
	color: initial;
	text-align: center;
	margin: 0;
	padding: 0 1.5rem;
}

section.pageBottom div.sectionContainer div.content div.box h3 {
	color: #016e84 !important;
	font-size: 22px;
	font-weight: 700 !important;
	line-height: 1.2;
}

section.pageBottom div.sectionContainer div.content a.box h3 {
	color: #016e84;
	font-size: 32px;
}

section.createAccount {
	background-color: #fff8f2;
	display: none;
}

.WBStaticForm a.buttonLink:hover,
.WBStaticForm .buttonLink:hover,
.pageBottom a.buttonLink:hover,
.pageBottom .buttonLink:hover {
	background: #9353a8 none repeat scroll 0 0;
}

section.createAccount p {
	text-align: center;
}

@media only screen and (max-width: 1000px) {

	section.pageBottom div.sectionContainer div.content div.box,
	section.pageBottom div.sectionContainer div.content a.box {
		width: 46%;
		margin: 10px 2%;
	}

	.MemberAuthenticated section.pageBottom .content h2 span {
		vertical-align: top;
	}

	.MemberAuthenticated section.pageBottom .arn_username {
		color: inherit;
		font-size: 2.5rem;
	}

	section.pageBottom div.sectionContainer div.content {
		padding: 50px 20px;
	}

	section.pageBottom div.sectionContainer div.content div.column.wide {
		padding: 0 5%;
	}
}

@media only screen and (max-width: 600px) {
	section.pageBottom div.sectionContainer div.content .box:last-of-type svg {
		position: relative;
	}

	/*section.pageBottom div.sectionContainer div.content .box:last-of-type .number{
        left: 0;
    }*/
	.cruisePage section.pageBottom div.sectionContainer div.content div.box:last-of-type {
		max-width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	section.pageBottom div.sectionContainer {
		padding: 4rem 8px;
	}

	section.pageBottom div.sectionContainer div.content div.box,
	section.pageBottom div.sectionContainer div.content a.box {
		width: 96%;
	}

	section.pageBottom h2,
	section.pageBottom .h2,
	.featuredPropertiesContainerContent .h2 {
		font-size: 2rem;
	}
}

/* Home Page */

.titleContent {
	padding: 1.5rem 16px;
}

/* Cruises */

.ArnSubPage.static-cruise a.buttonLink,
.ArnSubPage.static-cruise .buttonLink {
	max-width: 100%;
	text-align: center;
	margin: 1.5rem 0 0;
}

.cruisePage .products,
.cruisePage .priceGuarantee {
	background-color: #edeef6;
}

.ArnSubPage.static-cruise h2 {
	border-bottom: none;
}

.cruisePage section.pageBottom div.sectionContainer div.content div.box {
	border: none;
	box-shadow: none;
	padding: 40px 40px 0;
}

.cruisePage section.pageBottom div.sectionContainer div.content div.box div {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	background: #016e84;
	font-size: 2rem;
	font-weight: 900;
	color: white;
	padding: 0px 15px;
	border-radius: 5px;
	position: relative;
	left: 26px;
}

.cruisePage section.pageBottom div.sectionContainer div.content div.column {
	vertical-align: top;
}

.cruisePage section.pageBottom p {
	text-align: left;
	margin: 10px 0 0;
}

.cruiseAmenities,
.whyBook {
	background-color: #f2f7f8;
}

.cruisePage .tableContainer {
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
	padding: 20px;
	background-color: white;
	width: 100%;
}

.cruisePage table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: white;
	padding: 20px;
	width: 100%;
}

.cruisePage table tr:nth-child(2n) {
	background: #daf5fa;
	border-radius: 5px;
}

.cruisePage table th,
.cruisePage table td {
	text-align: center;
}

.cruisePage .tableContainer {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0.0625rem solid rgba(0, 0, 0, 0.125);
}

/* .cruisePage .tableContainer .bold {} */

.cruisePage .tableContainer .rounded {
	border-radius: 0.25rem !important;
}

.cruisePage .tableContainer .bg-mid {
	background-color: #daf5fa !important;
}

.cruisePage .tableContainer .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -16px;
	margin-left: -16px;
	padding: 0.5rem;
	margin: 0.5rem 0;
	float: none !important;
}

.cruisePage .tableContainer .row.bold div {
	text-align: center;
}

.cruisePage .tableContainer .row div {
	flex: 0 0 24.9%;
	max-width: 24.9%;
	position: relative;
	padding: 0 1.5rem;
	text-align: center;
}

.cruiseAmenities p {
	text-align: left !important;
}

.cruisePage table th,
.cruisePage table td {
	padding: 10px 15px;
}

.priceGuarantee svg {
	height: 158px;
	width: 160px;
}

section.pageBottom a.requirements {
	text-decoration: none;
	font-weight: 700;
	color: inherit;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

section.pageBottom a.requirements svg {
	height: 18px;
}

.requirementsExplaination {
	max-height: 0px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 2em;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.requirementsExplaination ul,
.requirementsExplaination li {
	padding: 0;
	margin: 0;
}

.requirementsExplaination li {
	list-style: none;
}

.requirementsExplaination ul.bullets {
	padding: 1rem;
}

.requirementsExplaination ul.bullets li::before {
	content: '\2022';
	color: #016e84;
	font-weight: 700;
	font-size: 1rem;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.requirementsExplaination.extend {
	max-height: 1000px;
}

.requirements svg {
	width: 6px;
	vertical-align: middle;
	margin: -1px 0 0 10px;
	cursor: pointer;
	transform: rotate(90deg);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.requirements.open svg {
	transform: rotate(-90deg);
}

.cruisePage .whyBook .buttonLink {
	background-color: #016e84;
	max-width: 75%;
	margin: 20px auto;
}

.cruisePage .whyBook .buttonLink:hover {
	background-color: #014e5e;
}

.cruisePage .buttonLink a {
	color: white;
	font-weight: 500;
}

.cruisePage h4 {
	font-weight: 700;
}

.cruisePage section.pageBottom a {
	font-weight: 700;
	text-decoration: none;
}

@media only screen and (max-width: 600px) {
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.wide {
		padding: 0 5%;
	}

	.cruisePage section.pageBottom div.sectionContainer {
		padding: 4rem 8px;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.column.right {
		width: 100%;
	}

	.cruisePage section.pageBottom h2,
	.cruisePage section.pageBottom .h2,
	.cruisePage .featuredPropertiesContainerContent .h2 {
		font-size: 2rem;
	}

	.cruisePage section.pageBottom div.sectionContainer div.content div.column.left h2,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.right h2,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.left h3,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.right h3,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.left p,
	.cruisePage section.pageBottom div.sectionContainer div.content div.column.right p {
		padding: 0 2rem;
	}

	.cruisePage table th,
	.cruisePage table td {
		padding: 1.2rem 0.5rem;
	}

	.cruisePage .tableContainer {
		margin: 1.5rem 0 0;
	}

	.cruisePage .tableContainer .row.bold div {
		text-align: center;
	}

	.cruisePage .tableContainer .row div {
		padding: 0 0.25rem;
	}

	.cruisePage .tableContainer .row div {
		text-align: center;
	}

	.cruisePage .whyBook .buttonLink {
		max-width: 85%;
	}
}

/* Resorts */

/* Search Results */

.SearchHotels.SearchDestination .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.ComplimentaryBreakfastBox {
	display: none !important;
}

.SearchHotels.SearchDestination .ArnPriceCell .memberSavings span {
	font-size: initial;
}

.RootTypeDestination .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
	margin: 0 0.5% 20px 0;
}

.RootTypeDestination .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
	width: 100%;
}

.RootTypeDestination select {
	background-color: transparent;
}

.RootTypeDestination .searchingTitle {
	text-align: center;
	font-size: 16px;
	margin: 15px 0 0;
}

/* Support Pages */

.WBPrivacyPolicy,
.cruisepricingtermsandconditionsPage,
.WBTermsAndConditions,
.WBFaq,
.WBSupportForm,
.customSupportBody {
	margin: 0 auto;
}

.MemberNotAuthenticated.WBPrivacyPolicy,
.MemberNotAuthenticated.cruisepricingtermsandconditionsPage,
.MemberNotAuthenticated.WBTermsAndConditions,
.MemberNotAuthenticated.WBResendOrCancelForm,
.MemberNotAuthenticated.WBFaq,
.MemberNotAuthenticated.WBSupportForm {
	margin: 73px auto 0;
}

.customSupportBody .title {
	padding: 6rem 0 2.5rem 0;
}

.title h1 {
	max-width: 1152px;
	margin: 0 auto;
	color: #016e84;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.ArnSubPage.customSupportPage {
	padding: 40px 16px;
	font-size: 1rem;
	background-color: transparent;
}

.ArnSubPage.customSupportPage .termsPolicies {
	max-width: 1152px;
	margin: 2.5rem auto;
}

.customSupportPage .WBClub365Menu a {
	font-size: 1.125rem;
	color: inherit;
}

.customSupportPage .WBClub365Menu span {
	display: block;
	padding: 1rem;
}

.customSupportPage .WBClub365Menu span.icon {
	display: initial;
	padding: 0;
	width: 24px;
	height: 24px;
	float: right;
	margin: 20px 0;
}

.customSupportPage .WBClub365Menu a {
	margin: 0 0 0 1rem;
	width: 75%;
	display: inline-block;
}

.customSupportPage .WBClub365Menu a.selected {
	line-height: 1.7em;
	padding: 0 0 5px 0;
}

.customSupportPage .WBClub365Menu span svg {
	width: 7px;
}

.customSupportPage .WBClub365Menu span svg path {
	fill: black;
}

.customSupportPage .content {
	width: 62%;
	padding: 1.25rem 2rem;
	display: inline-block;
	min-width: 0;
	border-radius: 0.25rem;
	line-height: 1.8em;
	vertical-align: top;
}

.customSupportPage .content h1 {
	display: none;
}

.customSupportPage .content h2 {
	border: none;
	font-size: 1.2rem;
}

.customSupportPage .content p img {
	width: 100%;
}

.WBResendOrCancelForm .submit {
	width: initial;
}

.WBResendOrCancelForm h1 {
	font-size: 30px;
	padding: 0 50px;
}

.WBResendOrCancelFormContainer {
	padding: 0 50px;
}

@media only screen and (max-width: 1000px) {

	.WBPrivacyPolicy,
	.cruisepricingtermsandconditionsPage,
	.WBTermsAndConditions,
	.WBFaq,
	.WBSupportForm {
		margin: 57px 0 0;
	}
}

@media only screen and (max-width: 800px) {

	.CheckOutForm,
	.SearchHotels,
	.SinglePropDetail {
		margin: 57px 0 0;
	}

	.CheckOutForm .savingsTable .savings:nth-child(3) {
		display: none !important;
	}
}

@media only screen and (max-width: 600px) {

	.WBPrivacyPolicy .title,
	.cruisepricingtermsandconditionsPage .title,
	.WBTermsAndConditions .title {
		padding: 1rem 16px;
	}

	.title h1 {
		font-size: 2rem;
	}

	.ArnSubPage.customSupportPage {
		margin: 0 auto 2.5rem;
		padding: 0;
	}

	.customSupportBody .titleTerms h1 {
		font-size: 100%;
	}

	.customSupportBody table .affiliates-table {
		display: table-row;
		margin: 0 !important;
		width: 100%;
	}

	customSupportPage .WBClub365Menu span {
		text-align: center;
	}
}

/* Upgrade Membership */

.upgradeMembershipSection {
	border-radius: 0.25rem;
	border: 1px solid #ccc;
	margin: 0 0 1rem !important;
	background-color: white;
}

.upgradeMembershipSection legend {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	color: inherit;
	padding: 10px 20px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.ArnCarRentals .upgradeMembershipSection legend,
.ArnActivities .upgradeMembershipSection legend {
	font-size: 1.7em;
	font-weight: 500;
	padding: 20px 20px;
}

.ArnActivities .payment-details section .upgradeMembershipSection div {
	width: initial;
	width: auto;
}

.upgradeMembershipSection .upgradeMembershipOptions {
	padding: 2rem;
}

.ArnSubPage .upgradeMembershipSection p {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 1.25rem;
}

.upgradeMembershipSection .upgradeMembershipOption {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
	border-radius: 0.25rem;
	margin: 1rem 0 !important;
	padding: 0.5rem !important;
}

.upgradeMembershipSection .upgradeMembershipOption input[type='radio'] {
	width: 20px;
	height: 20px;
	margin: 0px 0.5rem 0 0;
	position: relative;
	top: 2px;
}

.upgradeMembershipSection .upgradeMembershipOption.two {
	margin: 1.25rem 0 0;
}

.upgradeMembershipSection .upgradeMembershipOption div {
	width: 30% !important;
	padding: 1rem 0 !important;
	text-align: center;
	font-size: 1rem;
}

.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
	text-align: left;
	color: #003268;
	font-size: 1.05rem;
	font-weight: 700;
	width: 40% !important;
}

.upgradeMembershipSection .upgradeMembershipOption div:last-child {
	text-align: right;
}

.upgradeMembershipSection .upgradeMembershipOption span.promotion {
	width: 100%;
	text-align: center;
	background-color: #e0eff9;
	font-weight: 700;
	padding: 0.2rem;
}

@media only screen and (max-width: 1280px) {
	.upgradeMembershipSection .upgradeMembershipOption div {
		width: 25% !important;
	}

	.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
		width: 50% !important;
	}
}

@media only screen and (max-width: 600px) {
	.upgradeMembershipSection .upgradeMembershipOptions {
		padding: 1rem;
	}

	.upgradeMembershipSection .upgradeMembershipOption div,
	.upgradeMembershipSection .upgradeMembershipOption div:last-child,
	.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
		width: 100% !important;
		text-align: left;
		padding: 0.25rem 1.75rem !important;
	}

	.upgradeMembershipSection .upgradeMembershipOption div.pkgName {
		padding: 0.25rem 0;
	}
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection {
	margin: 1rem 1.75rem !important;
	background-color: #fef7e5;
	padding: 0.5rem !important;
}

.upgradeMembershipSection .upgradeCustomContent svg path {
	fill: #003268;
}

.upgradeMembershipSection .upgradeCustomContent svg {
	margin: 0 0 0 0.5rem;
	transform: rotate(0deg);
	transition: all 0.3s ease-out 0s;
}

.upgradeMembershipSection .upgradeCustomContent.open svg {
	transform: rotate(-180deg);
}

.upgradeMembershipSection .memberUpgradePitch {
	padding: 0 3rem !important;
	margin: 0 0 1rem !important;
}

.upgradeMembershipSection .extraContent {
	max-height: 0;
	overflow: hidden;
}

.upgradeMembershipSection .extraContent.expand {
	margin: 0.75rem 0 0;
	max-height: 400px;
}

.upgradeMembershipSection .extraContent .box {
	background-color: #e0eff9;
	border-radius: 0.25rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
}

.upgradeMembershipSection .extraContent .box div {
	display: table;
}

.upgradeMembershipSection .extraContent .box div span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.5rem;
}

.upgradeMembershipSection .extraContent h4 {
	color: initial;
	font-size: 1.15rem;
}

.upgradeMembershipSection .extraContent p {
	margin: 0;
}

.upgradeMembershipSection .upgradeMembershipY {
	padding: 0 3rem 2rem 3rem !important;
}

.upgradeMembershipSection .upgradeMembershipOption {
	border: 1px solid transparent;
}

.upgradeMembershipSection .upgradeMembershipOption.selected {
	border: 1px solid #003268;
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection input[type='checkbox'] {
	width: 20px;
	height: 20px;
	background-color: white;
	margin: 0px 8px 0 0;
	position: relative;
	top: 1px;
	padding: 0;
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection>input[type='checkbox'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #003268;
	transition-duration: 0.3s;
	cursor: pointer;
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection>input[type='checkbox']:checked {
	border: 1px solid #003268;
	background-color: #003268 !important;
	color: white;
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection>input[type='checkbox']:checked:before {
	left: 6px;
	top: 2px;
	width: 7px;
	height: 11px;
	border: solid white;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: '';
	position: absolute;
}

.upgradeMembershipSection .upgradeMembershipCheckboxSection>input[type='checkbox']:active {
	border: 2px solid #34495e;
}

.upgradeMembershipSection .upgradeMembershipOption input.radio {
	width: 20px;
	height: 20px;
	background-color: white;
	margin: 0px 8px 0 0;
	position: relative;
	top: 1px;
	padding: 0;
}

.upgradeMembershipSection .upgradeMembershipOption input.radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #003268;
	transition-duration: 0.3s;
	cursor: pointer;
	border-radius: 50%;
}

.upgradeMembershipSection .upgradeMembershipOption input.radio:checked {
	border: 1px solid #003268;
	color: white;
}

.upgradeMembershipSection .upgradeMembershipOption input.radio:checked:before {
	content: '';
	display: block;
	position: relative;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #003268;
}

.upgradeMembershipSection .upgradeMembershipOption input.radio:active {
	border: 2px solid #34495e;
}

/* Footer */

footer {
	text-align: center;
	margin: 0;
}

.center-footerContainer {
	margin: 20px 0;
}

footer h2 {
	text-transform: uppercase;
	letter-spacing: 6px;
	margin: 2em 0 0;
	font-size: 1em;
	color: #87764f;
}

.footer h2.brand-ft-title {
	text-transform: uppercase;
	letter-spacing: 6px;
	margin: 20px 0 0;
	font-size: 18px;
	color: #87764f;
	text-align: center;
	padding: 16px 0 0;
}

footer li {
	color: #191919;
	font-size: 0.9em;
}

footer .copyright {
	color: #a1a1a1;
	padding: 10px 16px;
	max-width: 1152px;
	margin: 0 auto;
	text-align: left;
}

footer p {
	font-size: 0.875rem;
	padding: 0;
	margin: 0 0 20px;
	line-height: 1.5em;
	color: #333;
}

footer a,
footer a:link {
	color: 118093;
}

.WBLoginForm .ArnSupportLinks.ArnSupportBottom,
.ArnSupportLinks.ArnSupportBottom {
	margin: 0;
}

.ArnSupportLinks.ArnSupportBottom a {
	margin: 0px 0.6rem;
}

/* Cars, Rec */

:root {
	--main-primary: #016e84;
}

.ArnCarRentals.site-62422 .total-savings {
	color: mediumseagreen;
	font-style: italic;
}

.ArnCarRentals .search-container div.currency-selector,
.ArnCarRentals .filter-category:last-child,
.ArnCarRentals .currency-category {
	display: initial;
}

.ArnCarRentals .order-container .savings.points,
.ArnActivities .order-container .savings.points {
	display: flex;
}

.featuredPropsTitle {
	display: none !important;
}

.ArnActivities section.support-links,
.ArnCarRentals section.support-links {
	background-color: transparent;
}

.ArnActivities section.support-links ul li a,
.ArnCarRentals section.support-links ul li a {
	color: #118093;
}

.ArnActivities section.support-links ul li,
.ArnCarRentals section.support-links ul li {
	border-right: none;
}

.ArnCarRentals .support-links {
	display: none;
}

.ArnCarRentals .carsSupportLinks {
	display: block !important;
	margin: 25px 0;
	padding: 20px 0px 0;
}

.ArnActivities section.support-links ul li {
	padding: 0;
}

.ArnCarRentals .carsSupportLinks a,
.ArnActivities section.support-links a {
	color: #016e84;
	margin: 0px 2rem;
	font-size: 16px;
}

.ArnCarRentals .carsSupportLinks .dvd {
	display: none;
}

.ArnActivities.asiaRegion section.support-links ul li:last-child {
	display: none;
}

@media only screen and (min-width: 500px) {
	.ArnCarRentals section.modify-search .search-container label {
		position: relative !important;
	}
}

.organizationsCommand,
.myReports {
	display: none !important;
}

/* Error Handling */

#theWBLoginFormBody.hasErrors {
	padding: 15px 0;
}

.errors,
.messages {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 0.0625rem solid transparent;
	border-radius: 0.25rem;
	color: #333 !important;
	background-color: #ffe7e5;
	border-color: #fff8f8;
	position: relative;
}

.messages {
	background-color: #dbfce0 !important;
	border-color: #e7fcea !important;
}

.WBLoginFormContainer .errors,
.WBValidatedRegistrationFormContainer .errors,
.WBForgotPasswordForm .errors,
.WBClub365ChangePasswordPublicForm .errors,
.WBClub365LinkExpiredForm .errors,
.WBLoginFormContainer .messages,
.WBValidatedRegistrationFormContainer .messages,
.WBForgotPasswordForm .messages,
.WBClub365ChangePasswordPublicForm .messages,
.WBClub365LinkExpiredForm .messages {
	max-width: 1120px;
	margin: 0px auto;
	padding: 15px;
	background-color: #fdf3ef;
	border: 2px solid red;
}

@media only screen and (max-width: 600px) {

	.WBLoginFormContainer .errors,
	.WBValidatedRegistrationFormContainer .errors,
	.WBForgotPasswordForm .errors,
	.WBClub365ChangePasswordPublicForm .errors,
	.WBClub365LinkExpiredForm .errors,
	.WBLoginFormContainer .messages,
	.WBValidatedRegistrationFormContainer .messages,
	.WBForgotPasswordForm .messages,
	.WBClub365ChangePasswordPublicForm .messages,
	.WBClub365LinkExpiredForm .messages {
		max-width: 100%;
	}
}

/* Footer Adjustments */

.ArnSupportLinks.ArnSupportBottom a {
	margin: 0px 0.5rem;
	color: #333;
}

.SearchHotels .ArnSupportLinks.ArnSupportBottom a {
	margin: 0px 1rem;
}

.ARN_ServiceLinks.searchLink,
.ARN_ServiceLinks.lowRateLink,
.ARN_ServiceLinks.faqLink,
.ARN_ServiceLinks.supportLink,
.ARN_ServiceLinks.static-cruiseLink,
.ARN_ServiceLinks.static-homeLink,
.ARN_ServiceLinks.static-about-club365Link,
.ARN_ServiceLinks.static-club-benefitsLink {
	display: none;
}

.MemberNotAuthenticated .ARN_ServiceLinks.searchLink,
.MemberNotAuthenticated .ARN_ServiceLinks.lowRateLink,
.MemberNotAuthenticated .ARN_ServiceLinks.faqLink,
.MemberNotAuthenticated .ARN_ServiceLinks.supportLink,
.MemberNotAuthenticated .ARN_ServiceLinks.cancelLink,
.MemberNotAuthenticated .ARN_ServiceLinks.static-cruiseLink,
.MemberNotAuthenticated .ARN_ServiceLinks.static-homeLink,
.WBLoginForm .ARN_ServiceLinks.searchLink,
.WBLoginForm .ARN_ServiceLinks.lowRateLink,
.WBLoginForm .ARN_ServiceLinks.faqLink,
.WBLoginForm .ARN_ServiceLinks.supportLink,
.WBLoginForm .ARN_ServiceLinks.cancelLink,
.WBLoginForm .ARN_ServiceLinks.static-cruiseLink,
.WBLoginForm .ARN_ServiceLinks.static-homeLink,
.homePage .ARN_ServiceLinks.searchLink,
.homePage .ARN_ServiceLinks.lowRateLink,
.homePage .ARN_ServiceLinks.faqLink,
.homePage .ARN_ServiceLinks.supportLink,
.homePage .ARN_ServiceLinks.static-cruiseLink,
.homePage .ARN_ServiceLinks.static-homeLink,
.cruisePage .ARN_ServiceLinks.searchLink,
.cruisePage .ARN_ServiceLinks.lowRateLink,
.cruisePage .ARN_ServiceLinks.faqLink,
.cruisePage .ARN_ServiceLinks.supportLink,
.cruisePage .ARN_ServiceLinks.static-cruiseLink,
.cruisePage .ARN_ServiceLinks.static-homeLink,
.ARN_ServiceLinks.static-cruisepricingtermsandconditionsLink,
.ARN_ServiceLinks.static-links-unimited-privacy-policyLink,
.ArnSupportLinks .dvd,
.footerCruise {
	display: none !important;
}

.cruisePage .footerCruise {
	display: block !important;
}

@media only screen and (max-width: 600px) {
	.ArnSupportLinks.ArnSupportBottom a {
		padding: 0 0.5rem 0;
	}

	.ArnSupportLinks.ArnSupportBottom a {
		margin: 0.5rem;
		display: inline-block;
	}
}

/* Merchandise */

.arnMerchandise .brandLogoImg {
	height: 40px;
}

.arnMerchandise a.btn-primary,
.arnMerchandise a.btn-primary:link {
	color: #fff;
}

.arnMerchandise #HeaderCoBrandLogo {
	display: none;
}

/* .arnMerchandise .navbar-light .navbar-nav .nav-link {} */

/* input.fa {} */

.arnMerchandise #header-content {
	background-color: #016e84;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.arnMerchandise nav .background-white {
	background-color: transparent;
}

.arnMerchandise #HeaderCoBrandLogo {
	margin-left: 0.75rem;
	padding-left: 0.75rem;
	border-left: 1px solid white;
	vertical-align: top;
	max-height: 29px;
}

.arnMerchandise .navbar-light .navbar-nav .nav-link {
	color: white;
	padding-left: 1rem;
	padding-right: 1rem;
}

.arnMerchandise .navbar-light .navbar-nav .nav-pills .nav-link,
.arnMerchandise .navbar-light .navbar-nav .nav-pills .nav-link:hover {
	color: black;
}

.arnMerchandise .navbar-light .navbar-nav .show .nav-link {
	color: black;
}

.arnMerchandise .dropdown {
	color: white;
	width: initial;
	padding: 15px 5px;
}

.arnMerchandise footer .background-white {
	background-color: transparent;
}

.arnMerchandise .supportContact {
	padding: 1rem 0;
	background-color: #eee;
}

.arnMerchandise .supportContact div {
	max-width: 1600px;
	margin: 15px auto 0;
	padding: 0 3rem;
}

@media only screen and (min-width: 1000px) {
	.arnMerchandise .navbar-light .navbar-nav .nav-link {
		font-size: 0.65vw;
	}
}

@media only screen and (max-width: 1700px) {
	.arnMerchandise .header-content .container {
		max-width: 100%;
	}
}

@media only screen and (max-width: 992px) {
	.arnMerchandise .header-content .container {
		max-width: 100%;
	}
}

.arnCruise input {
	height: initial;
	height: auto;
	text-indent: 0;
	width: initial;
	width: auto;
}

.arnCruise select {
	font-size: 14px;
}

.arnCruise .ui-page {
	position: static;
}

.arnCruise #header.enterpriseHeader {
	position: static;
	padding: 0 !important;
}

.arnCruise .wthHeaderLogo {
	display: none;
}

.arnCruise .creditsBalanceValue {
	margin: 0.75rem 0 0;
}

.arnCruise .wth2-home_cruises {
	width: 100%;
}

.arnCruise .wthHeaderWrap {
	box-sizing: content-box;
}

/* Vacay Homes Villas */

.arnVillas .links li a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
	color: white;
	font-size: 16px;
	text-transform: uppercase;
}

.arnVillas #nav .links a.productLink {
	color: black;
}

.arnVillas footer {
	border-top: none;
	background: #fff none repeat-x;
}

.arnVillas footer p {
	font-size: 15px;
}

@media only screen and (max-width: 1000px) {

	.homePage,
	.cruisePage,
	.homePage {
		margin: 0;
	}

	.CheckOutForm,
	.SearchHotels,
	.SinglePropDetail {
		margin: 0;
	}

	/*.WBValidatedRegistrationFormContainer.ArnSubPage,*/
	.ArnSubPage.static-landing,
	.ArnSubPage.static-home {
		display: block;
	}

	h1,
	.ArnSubPage h1 {
		font-size: 2rem;
	}

	#svg-arrow {
		left: -1%;
	}
}

/***********************************/
/************* Layouts *************/
/***********************************/

#xaccountRight {
	padding: 5.5rem 0 0;
}

.page div.sectionContainer {
	max-width: 1120px;
	margin: 0 auto;
}

.page div.sectionContainer .content {
	display: table;
	content: '';
	width: 100%;
	padding: 5rem 0;
}

.page div.sectionContainer .content .box,
.page div.sectionContainer .content a.box {
	border-radius: 0.25rem;
	padding: 0.8rem;
	display: grid;
	height: 100%;
}

.page div.sectionContainer .box .one .columnOne .rowOne {
	border: 1px solid #333;
	border-radius: 4px;
	height: 144px;
}

#icon-card-endless-travel-possibilities,
#icon-card-relax-and-save,
#icon-card-all-in-one-place {
	background-color: #fff;
	border: 1px solid #000000;
}

.page div.sectionContainer .content a.box:hover {
	background-color: #fef7e5;
}

.page div.sectionContainer .content .box div span,
.page div.sectionContainer .content a.box div span {
	display: table-cell;
	vertical-align: top;
}

.page div.sectionContainer .content .card {
	display: block;
	width: 100%;
	background-color: white;
	color: #fff;
	border-radius: 5px;
	padding: 0;
	text-decoration: none;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	text-align: left;
}

.page .freeTrialMember p.small {
	padding: 1.5rem 0;
}

.page .freeTrialMember h3 {
	margin: 1.5rem 0;
	display: none;
}

.page div.sectionContainer .content .photocardlist .card {
	letter-spacing: 0.33px;
	line-height: 24px;
	padding: 0 0 1rem;
}

.page .inspirations div.sectionContainer .content .grid {
	display: flex;
}

.page div.sectionContainer .content a.card {
	border: none;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.ie11 .page div.sectionContainer .content .card,
.ie11 .page div.sectionContainer .content .box,
.ie11 .page div.sectionContainer .content a.box {
	margin: 1rem;
}

.page div.sectionContainer .content .contentBox {
	padding: 0.5rem 1rem 0 1rem;
	color: #000;
}

.page .center div.sectionContainer .content .contentBox {
	text-align: center;
}

.page div.sectionContainer .content .grid {
	text-align: left;
	display: grid;
	display: -ms-grid;
	grid-gap: 30px;
}

.ie11 .page div.sectionContainer .content .grid {
	display: block;
}

@supports (-ms-ime-align: auto) {
	.page div.sectionContainer .content .grid {
		display: block;
	}
}

.page div.sectionContainer .content .grid .center {
	text-align: center;
}

.page div.sectionContainer .content .grid.twoColumn {
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr 1fr;
}

.page div.sectionContainer .content .grid.threeColumn {
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr;
}

.page div.sectionContainer .content .grid.fourColumn {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
}

.page div.sectionContainer .content .grid .columnOne {
	grid-column: 1;
	-ms-grid-column: 1;
}

.page div.sectionContainer .content .grid .columnTwo {
	grid-column: 2;
	-ms-grid-column: 2;
}

.page div.sectionContainer .content .grid .columnThree {
	grid-column: 3;
	-ms-grid-column: 3;
}

.page div.sectionContainer .content .grid .columnFour {
	grid-column: 4;
	-ms-grid-column: 4;
}

.page div.sectionContainer .content .grid .rowOne {
	grid-row: 1;
	-ms-grid-row: 1;
}

.page div.sectionContainer .content .grid .rowTwo {
	grid-row: 2;
	-ms-grid-row: 2;
}

.page div.sectionContainer .content .grid .rowThree {
	grid-row: 3;
	-ms-grid-row: 3;
}

.page div.sectionContainer .content .grid .rowFour {
	grid-row: 4;
	-ms-grid-row: 4;
}

/* .page div.sectionContainer .content div {
  float: none;
} */
.page .card .mainImg {
	border-radius: 5px 5px 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 220px;
}

.page .photocardlist .card .mainImg {
	height: 310px;
	width: 265px;
}

.page div.sectionContainer .content .grid.fourColumn .memberInfo {
	color: white;
}

/*custom structure to buttons - static home-page*/
.upgradeButton {
	border-radius: 4px;
	padding: 0.6rem 2rem;
	width: auto;
	height: 32px;
}

.PremiumMemberType .upgradeButton.premium,
.PremiumMemberType .freeTrialMember {
	display: none;
}

@media only screen and (max-width: 1000px) {
	.exclusives .grid.threeColumn.wrap>span {
		width: 100%;
	}

	.page div.sectionContainer .content {
		display: block;
		padding: 30px 0;
	}

	.page div.sectionContainer {
		padding: 0 1rem;
	}

	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		padding: 0;
	}

	.WBLoginForm,
	.WBForgotPasswordForm,
	.WBClub365ChangePasswordPublicForm,
	.WBClub365LinkExpiredForm,
	.page {
		margin: 0;
	}

	.page div.sectionContainer .content .grid {
		display: flex;
		flex-wrap: wrap;
	}


	.page div.sectionContainer .content .iconcardlist .grid {
		grid-gap: 30px;
	}

	.page div.sectionContainer .content .photocardlist .grid {
		grid-gap: 30px;
	}

	.page div.sectionContainer .content .offers .grid {
		grid-gap: 30px;
	}

	.page div.sectionContainer .content .featuredPropertiesContainerContent .grid {
		flex-wrap: nowrap;
	}

	/*search hotels page only*/
	.landingBottomContent .page div.sectionContainer .content .grid {
		flex-wrap: nowrap;
	}

	.page div.sectionContainer .content .box,
	.page div.sectionContainer .content a.box {
		width: 100%;
	}

	.contentContainer.grid.threeColumn.wrap span {
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {

	.SSForm.ArnSubPage .SSFormBody,
	.titleContainer {
		padding: 1.5rem 1.5rem;
	}

	.SSForm.ArnSubPage .SSFormBody form,
	.titleContent {
		max-width: 100%;
		width: 100% !important;
		padding: 0 2rem;
	}
}

/***********************************/
/******** Responsive Scroll ********/
/***********************************/

@media only screen and (max-width: 1000px) {
	.page .scroll div.sectionContainer .content {
		padding: 4rem 0;
	}

	.page .scroll .content {
		padding: 50px 0;
	}

	.page .scroll .card {
		flex: 0 0 auto;
		width: 35%;
		margin: 0;
	}

	.page .scroll .card.four {
		margin: 0 20px 0 0;
	}
}

@media only screen and (max-width: 650px) {
	.page .scroll .card {
		flex: 0 0 auto;
		width: 60%;
	}
}

/***********************************/
/************** header *************/
/***********************************/

/* Banner Notification */

.notificationBanner {
	background-color: #fff8e2;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 0;
	overflow: hidden;
}

.notificationBanner div {
	padding: 2rem 0;
}

/* Navigation */

.MemberNotAuthenticated .navContainer {
	margin-left: 2rem !important;
	width: 100%;
}

.enterpriseHeader .links {
	margin: 0;
	padding-right: 10px;
}

.AccessDeniedPage #nav li.loggedInLink,
.AccessDeniedPage .enterpriseHeader .links .loggedInLink a,
.AccessDeniedPage .links .loggedInLink form,
.MemberNotAuthenticated #nav li.loggedInLink {
	display: none !important;
}

.AccessDeniedPage #nav li,
.AccessDeniedPage .enterpriseHeader .links a,
.AccessDeniedPage .links form,
.AccessDeniedPage #login,
.MemberNotAuthenticated #nav li,
.MemberNotAuthenticated #login {
	display: inline-block !important;
}

.WBLoginForm #nav li#login {
	display: none !important;
}

#login {
	float: right;
}

@media only screen and (min-width: 1000px) {
	.enterpriseHeader .links {
		margin: 0 14px 0 0;
	}

	.enterpriseHeader .links li {
		padding: 0 7px;
	}

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		padding: 5px 0px 5px;
	}
}

@media only screen and (max-width: 1000px) {
	.MemberNotAuthenticated #header.enterpriseHeader .navRow {
		padding: 0;
	}

	.MemberNotAuthenticated #menu-button {
		display: block;
	}

	#navmobile li {
		display: block;
	}

	.AccessDeniedPage #navmobile li.loggedInLink,
	.MemberNotAuthenticated #navmobile li.loggedInLink {
		display: none;
	}

	.MemberNotAuthenticated .navContainer {
		margin-left: 0 !important;
	}
}

/* Drop Down Menu */

#user_lipoints {
	display: none;
}

.dropdown {
	background-color: white;
	color: #003268;
	font-size: 0.85rem;
	padding: 0.35rem 25px;
	margin: 0.5rem 0;
	border-radius: 0.25rem;
	box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.4);
	width: 40px;
	height: 48px;
}

.dropbtn {
	width: 50px;
	height: 50px;
	z-index: 1;
}

.dropdown-content {
	background-color: #fff;
	min-width: 280px;
	top: 64px;
	border-radius: 0.25rem;
}

.creditsBalanceValue {
	font-size: 1.2rem;
}

.dropdown:hover {
	background-color: #e0e6ed;
}

.dropdown svg {
	margin: 10px 0 0 12px !important;
}

.dropdown svg path {
	color: #0a0405 !important;
}

.navRow a.dropdown-item {
	color: initial;
}

.navRow a.dropdown-item:hover {
	background-color: #e0e6ed;
}

.navRow form svg path {
	color: #0a0405 !important;
}

.navRow form .submit {
	color: #0a0405 !important;
}

.enterpriseHeader .arn_username {
	background-color: white;
	font-weight: 700;
}

#header.enterpriseHeader #HeaderLogo {
	height: 58px;
}

#header.enterpriseHeader .headerCoBrandLogo {
	height: 58px;
	margin: 0 0 0 15px;
}

#header.enterpriseHeader.stick .headerCoBrandLogo {
	height: 40px;
}

@media only screen and (max-width: 1000px) {

	.dropdown-content.show,
	.enterpriseHeader span.arn_username,
	div.dropdown-content a:link,
	.dropdown-content.show .submit {
		background-color: white;
		color: #003268 !important;
		font-size: 1rem;
		text-transform: none;
		line-height: 38px;
	}

	.dropdown-content.show #user_lipoints {
		background-color: #003268;
		color: white;
	}

	/*.dropdown.tablet-show, .dropdown.mobile-show {
           width: 40px;
           position: absolute;
           right: 85px;
           height: 48px;
        }

     .theProfileImage {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: .6rem .5rem 0 0;
     }	*/

	.dropdown svg {
		margin: 2px 0 0 -12px !important;
	}

	.dropdown-content.show a:hover,
	.dropdown-content.show a:active,
	.dropdown-content.show a:visited {
		color: initial;
	}
}

.theProfileImage {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.6rem 0.5rem 0 0;
}

@media only screen and (max-width: 800px) {
	.guideInfo {
		background-color: rgb(0, 0, 0);
		font-size: 0.8rem;
		position: static;
		width: 100%;
		border-radius: 0;
		margin: 0;
	}
}

/* Adjustments for Heroes */

#header {
	background-color: #fff;
}

.landingPage #header,
.homePage #header {
	background-color: transparent;
	box-shadow: none;
}

@media only screen and (min-width: 800px) {
	#header.enterpriseHeader.stick {
		background-color: #fff;
		color: #000;
	}
}

@media only screen and (max-width: 1000px) {
	.landingPage #header {
		background-color: white;
	}

	#header.enterpriseHeader {
		position: relative;
	}

	#header.enterpriseHeader.container-fluid .container {
		transition: all 0.2s ease-in-out;
	}

	#mobile-input:checked~#header #navmobile {
		border-top: 1px solid #446589;
		background-color: white;
		padding: 2rem 0;
		margin: 10px 0 0 auto;
	}
}

/* Dark Header */

#header.darkHeader,
#header.darkHeader.enterpriseHeader.stick {
	background-color: #003268;
}

#header.darkHeader .links a,
#header.darkHeader .wsite-menu li a,
#header.darkHeader #wsite-menus .wsite-menu li a {
	color: white;
}

#header.darkHeader .links #login a {
	color: #0a0405;
}

@media only screen and (max-width: 1000px) {

	#header.darkHeader .hamburger span,
	#header.darkHeader .hamburger::before,
	#header.darkHeader .hamburger::after {
		background: white none repeat scroll 0 0;
	}

	#header.darkHeader .links a,
	#header.darkHeader .wsite-menu li a,
	#header.darkHeader #wsite-menus .wsite-menu li a {
		color: #0a0405;
	}
}

/***********************************/
/*********** Static Pages **********/
/***********************************/

/* Top Container */

.topContainer {
	display: table;
	width: 100%;
}

.topContainer .titleContainer {
	max-width: 50%;
	width: 50%;
	display: table-cell;
}

.topContainer .titleImage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
	width: 50%;
	height: 700px;
	/*500px*/
}

@media only screen and (max-width: 1000px) {
	.topContainer .titleContainer {
		max-width: none;
		width: none;
	}

	.topContainer .titleImage {
		height: 480px;
	}
}

@media only screen and (max-width: 650px) {
	.topContainer .titleContainer {
		max-width: 100%;
		width: 100%;
		display: block;
		padding: 0;
	}

	.topContainer .titleImage {
		height: 256px;
		display: block;
		width: 100%;
	}
}

/* Exclusives */

/* .page .exclusives div.sectionContainer .content a.box div span,
.page .exclusives div.sectionContainer .content span.box div span {
  vertical-align: middle;
} */
.page span.translateMe {
	padding: 0 !important;
	margin: 0 !important;
	float: none;
}

.page .exclusives div.sectionContainer .content a.box div span:last-child,
.page .exclusives div.sectionContainer .content span.box div span:last-child {
	padding: 0 0 0px 20px;
}

@media only screen and (max-width: 800px) {

	.page .exclusives div.sectionContainer .content div.box,
	section.pageBottom .exclusives div.sectionContainer .content a.box {
		margin: 1rem 0;
	}
}

.page .exclusives div.sectionContainer img {
	width: 35px;
}

.page .exclusives div.sectionContainer .small {
	display: inline;
}

/* Dashboard */

.page .dashboard div.sectionContainer .content .details .freeTrialMember a {
	text-decoration: none;
	font-size: 13px;
	height: 52px;
	width: auto;
}

.landingPage .dashboard {
	display: none;
}

.dashboard .details .memberInfo {
	padding-top: 40px;
	margin: 0 0 1.25rem;
	display: flex;
	padding-right: 20px;
}

.dashboard .details .memberInfo span {
	display: table-cell;
	vertical-align: middle;
}

.dashboard .details .memberInfo span.small {
	display: block;
	font-size: 1.5rem;
}

.page .dashboard div.sectionContainer .content .box {
	border: 1px solid #351f65;
	border-radius: 4px;
	height: 272px;
	background: white;
}

.page .dashboard div.sectionContainer .content a.box {
	padding: 0.5rem;
	border-radius: 0.25rem;
	text-decoration: none;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember {
	margin: 1rem 0 0;
	color: white;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember p {
	color: white;
}

.page .dashboard div.sectionContainer .content .details .box {
	color: #003268;
	font-size: 1.15rem;
}

.page .dashboard div.sectionContainer .content .details .box span {
	display: inherit;
}

.page .dashboard div.sectionContainer .content .creditsBalanceValue {
	font-size: 2rem;
	color: #003268;
	width: 100%;
}

.page .dashboard div.sectionContainer .content a.box.two {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.page .dashboard div.sectionContainer .content a.box.one,
.page .dashboard div.sectionContainer .content a.box.two,
.page .dashboard div.sectionContainer .content a.box.three {
	height: 64px;
	width: 304px;
	background-color: #fff;
	margin: 0.5rem 0;
}

.page .dashboard div.sectionContainer .upcomingTrips .box p,
.page .dashboard div.sectionContainer .recentSearches .box p {
	margin: 0 0 2rem 0;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.26px;
	line-height: 1.5rem;
}

.page .dashboard div.sectionContainer .recentSearches .submit {
	text-transform: inherit;
}

.popularDestinationsLandingContainer .popularDestinationsContainer {
	margin: 0px 0 40px;
}

.page .popularDestinationsContainer .title {
	padding: 8px 0;
}

.dashboard a.box div {
	display: table-cell;
	vertical-align: middle;
}

.dashboard .box.yesUpcoming {
	margin: 0 0 1.1rem;
}

.dashboard .box.yesUpcoming .resBookingID {
	text-transform: uppercase;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	font-size: 0.9rem;
}

.dashboard .box.yesUpcoming .resHotelLocation {
	margin: 0.53rem 0;
}

.dashboard .box.yesUpcoming .locationDetail {
	padding: 0 0 0 0.5rem;
	font-weight: 700;
}

.dashboard .box.yesUpcoming .resHotelName {
	font-weight: 700;
}

.dashboard .box.yesUpcoming .resDates {
	margin: 0.5rem 0 0;
}

.dashboard .resSeeAll.yesUpcoming a.submit.light {
	text-transform: capitalize;
}

.dashboard a.box .icon {
	width: 15%;
	padding: 0.5rem;
}

.dashboard a.box.dark.two .icon,
.dashboard a.box.dark.three .icon {
	margin-bottom: 0.2rem;
}

.dashboard a.box .info {
	width: 70%;
}

.dashboard a.box .recentDest {
	display: block !important;
	font-weight: 700;
	color: #0a0405;
	font-size: 12px;
}

.dashboard a.box .recentDates {
	display: block;
	width: 70%;
	font-weight: 500;
	color: #0a0405;
	font-size: 12px;
}

.dashboard .detail a {
	text-decoration: none;
}

.dashboard .detail.offer h4 {
	max-width: 135px;
	font-weight: bold;
	letter-spacing: 0.14px;
	line-height: 1.25rem;
	font-size: 1rem;
	padding-bottom: 1.5rem;
	color: #fff;
}

.dashboard .detail.offer .dark h4 {
	color: #000;
}

.dashboard .columnFour.detail.offer .box {
	min-height: 255px;
}

.dashboard .columnFour.detail.offer .box p.bookNow {
	text-decoration: underline;
	margin: 5px 0 0;
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.67px;
	line-height: 1.5rem;
}

.dashboard .columnFour.detail.offer .box p.bookNow:hover {
	color: #000;
}

.dashboard a.box .chevron {
	width: 5%;
}

.offer .dark {
	background-color: #fff;
}

.ie11 .dashboard .grid div.detail {
	margin: 1rem;
}

.ie11 .page .dashboard div.sectionContainer .content .box {
	margin: 0;
}

@media only screen and (max-width: 1000px) {
	.dashboard .content .detail {
		width: 100%;
		margin: 0 auto;
	}

	.page .dashboard div.sectionContainer .recentSearches .submit {
		margin: 0 auto;
	}

	.static-home .titleContent {
		min-width: 50vw;
	}

	.page .dashboard div.sectionContainer .content a.box.one,
	.page .dashboard div.sectionContainer .content a.box.two,
	.page .dashboard div.sectionContainer .content a.box.three {
		width: 100%;
	}

	.dashboard a.box .chevron {
		width: 520px;
	}

	.page a.submit {
		max-width: 100%;
	}

	/* .page .dashboard div.sectionContainer .content .details .freeTrialMember {
    margin: 12% 0 0;
  } */
}

@media only screen and (max-width: 650px) {
	.dashboard .content .detail {
		width: 100%;
	}
}

/* Our Top Deals */

.page .ourTopDeals .card.one {
	grid-column: 1 / span 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-row: 1 / span 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
}

.page .ourTopDeals .card.two {
	grid-column: 3;
	-ms-grid-column: 3;
	grid-row: 1;
	-ms-grid-row: 1;
}

.page .ourTopDeals .card.three {
	grid-column: 4;
	-ms-grid-column: 4;
	grid-row: 1;
	-ms-grid-row: 1;
}

.page .ourTopDeals .card.four {
	grid-column: 3 / span 2;
	-ms-grid-column-span: 2;
	-ms-grid-column: 3;
	-ms-grid-column-span: 2;
	grid-row: 2;
	-ms-grid-row: 2;
}

.page .ourTopDeals .card.one .mainImg {
	height: 408px;
}

.page .ourTopDeals .title {
	border-radius: 0 25px 25px 0;
	padding: 12px 20px 12px 10px;
	margin: 20px 0 0;
	display: inline-block;
	line-height: 1;
}

.page .detail .offer h4,
.page .detail .offer p.small {
	color: #000;
}

@media only screen and (min-width: 1000px) {
	.page .ourTopDeals .card.four {
		display: table;
		margin: -10px 0 0;
	}

	.page .ourTopDeals .card.four .mainImg,
	.page .ourTopDeals .card.four .contentBox {
		display: table-cell;
		width: 50%;
		border-radius: 0.25rem 0 0 0.25rem;
	}
}

@media only screen and (max-width: 1000px) {

	.page .ourTopDeals .card.four .mainImg,
	.page .ourTopDeals .card.four .contentBox {
		display: block;
		width: 100%;
	}

	.page .ourTopDeals .card.one .mainImg,
	.page .card .mainImg {
		height: 192px;
	}
}

@media only screen and (max-width: 650px) {
	.page .photocardlist .card .mainImg {
		width: auto;
	}
}

/* Product List */
.page .productList .box {
	display: block;
	background-color: white;
	border: 1px solid #d5d5d5;
	text-decoration: none;
	min-height: 330px;
}

.page .productList li.box {
	transition: all 0.2s ease-in-out;
}

.page .productList li.box:hover {
	background-color: #edeef6;
}

.page .productList li.box a:link {
	text-decoration: none;
}

.page .productList .box span {
	padding: 0 0 0 20px;
}

.page .productList .box span:first-child {
	padding: 0;
}

/* .page .productList .box span:first-child div img {

} */
.page .productList .box svg {
	width: 80px;
	height: 80px;
}

.page .productList .box svg path {
	fill: #ad1931;
}

@media screen and (max-width: 1000px) {
	.page .productList div.sectionContainer .content .box {
		width: 100%;
		padding: 0.5rem 0.2rem;
		min-height: initial;
	}

	.memberInfo img {
		padding: 0;
		position: static;
		margin: 0;
	}

	.page div.sectionContainer .content .grid .columnOne {
		text-align: left;
	}
}

@media only screen and (max-width: 832px) {
	.page .productList div.sectionContainer .content .grid {
		grid-gap: 15px;
	}

	.page .productList div.sectionContainer .content .box {
		width: 100%;
	}
}

/* Vacation Inspirations */

.page .inspirations .card .contentBox {
	border-radius: 0 0 0.25rem 0.25rem;
}

/* Popular Destinations */

.page .popularDestinations div.featuredDestination {
	background-size: 160%;
	display: inline-block;
	float: none;
	width: 256px;
	height: 256px;
	border: none;
	border-radius: 4px;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
	color: #fff;
	background-color: #333;
	font-size: 14px;
	line-height: 24px;
}

.page .featuredDestinationsContainer .savingsLink {
	border-radius: 5px;
	background-color: rgba(204, 204, 204, 0.75);
	color: initial;
}

.page .popularDestinations div.featuredDestination a {
	float: none;
	border-radius: 0 0 5px 5px;
	text-decoration: none;
}

.featuredDestinationsContainer .destinationSavings a.destinationIncentiveLink {
	display: none !important;
}

.page .popularDestinations div.featuredDestination:hover {
	background-size: 170%;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink span.averagePercenteOff {
	margin: 0 0 5px;
	font-weight: 500;
	position: static;
	background-color: transparent;
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink {
	font-size: 1.25rem;
	padding: 30% 0 0;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 2px 3px 0px rgb(0 0 0 / 30%);
}

.page .popularDestinations .featuredDestinationsContainer .savingsLink span {
	width: initial;
	position: absolute;
	left: 0;
	top: 0px;
	border: none;
	border-radius: 0 25px 25px 0;
	padding: 0.75rem 1rem;
	line-height: 1;
}

.page .popularDestinations .content .featuredDestinationsContainerContent div {
	margin-right: 20px;
}

.page .popularDestinations .content .featuredDestinationsContainerContent:last-child {
	margin-right: 0;
}

.featuredlocations.aem-GridColumn.aem-GridColumn--default--12 {
	text-align: right;
}

@media only screen and (max-width: 1000px) {
	.page .featuredDestinationsContainerContent {
		display: flex;
		overflow-x: auto;
		width: 100%;
		flex-wrap: nowrap !important;
		margin-left: 10px;
	}

	div#featured-locations {
		max-width: 100%;
	}

	.page .popularDestinations .content div.featuredDestination {
		width: 35%;
		background-size: 220%;
		min-width: 230px;
	}

	.page .popularDestinations .content .featuredDestinationsContainerContent.grid {
		grid-gap: 0;
	}

	.page .popularDestinations .content .featuredDestinationsContainerContent div {
		margin-right: 20px;
	}

	.page .popularDestinations .content .featuredDestinationsContainerContent:last-child {
		margin-right: 0;
	}

	.page .popularDestinations .content div.featuredDestination:hover {
		background-size: 200%;
	}

	.page .content a.featuredProperty {
		min-width: 220px;
	}
}

@media only screen and (max-width: 650px) {

	.page div.sectionContainer .content .featuredPropertiesContainerContent .grid {
		grid-gap: 0;
	}

	.featuredPropertiesContainerContent a.featuredProperty {
		margin: 0 0 0 2em !important;
	}

	section.popularDestinations.scroll.tint {
		width: 100vw;
	}
}

@media only screen and (max-width: 400px) {
	.page div.sectionContainer .content .contentBox {
		min-height: 95px;
	}
}

/* Plan Your Next Vacation */

.page .planVacation .card .mainImg {
	height: 418px;
	position: relative;
}

.page .planVacation .card .mainImg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 50%;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 50, 104, 0.5));
	bottom: 0;
}

.page .planVacation h4 {
	bottom: 15px;
	left: 15px;
	z-index: 1;
}

@media only screen and (max-width: 800px) {
	.page .planVacation .card .mainImg {
		height: 250px;
	}
}

@media only screen and (max-width: 650px) {
	.page .grid .columnTwo {
		grid-column: 1;
		-ms-grid-column: 1;
	}
}

/* Popular Properties */

.page .featuredContainer {
	padding: 0;
	background-color: transparent;
}

.popularProperties div.sectionContainer .content h1 {
	display: none;
}

a.featuredProperty:hover {
	box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.7);
}

section.pageBottom .popularProperties .featuredContainer {
	padding: 0;
}

a.featuredProperty {
	margin: 0 1.2%;
	width: 22.55%;
}

.featuredProperty img {
	height: 200px;
	border-radius: 5px 5px 0 0;
}

.ArnSubPage a.featuredProperty h2 {
	padding: 1rem 1rem 0.5rem;
	font-size: 1.125rem;
	color: initial !important;
}

.ArnSubPage a.featuredProperty h3 {
	color: #0a0405;
	font-size: 0.8rem;
	font-weight: 500;
	text-align: left;
	padding: 0 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

a.featuredProperty:last-child {
	display: inline-block;
}

@media only screen and (max-width: 1000px) {
	.page .popularProperties .featuredPropertiesContainerContent .text {
		display: flex;
		overflow-x: scroll;
	}

	.page .featuredPropertiesContainerContent .card {
		margin-bottom: 0.5rem !important;
	}

	.page .featuredPropertiesContainerContent .card:nth-child(3) {
		margin: 0 0 0.5rem 20px;
	}

	.page .popularProperties .products div.sectionContainer .content a {
		display: inline-block;
		width: 28%;
		flex: 0 0 auto;
		margin: 0 30px 0 0;
	}
}

@media only screen and (max-width: 650px) {
	.page .popularProperties .featuredPropertiesContainerContent a.featuredProperty {
		width: 60%;
	}
}

/***********************************/
/*********** Registration **********/
/***********************************/

.RegistrationPage .WBValidatedRegistrationFormFields fieldset div.success,
.WBValidatedRegistrationFormContainer.ArnSubPage .WBValidatedRegistrationFormFields fieldset div.success,
.WBValidatedRegistrationFormContainer.ArnSubPage .WBValidatedRegistrationFormFields fieldset div.failure {
	margin: 0.5rem 0 0;
}

.success {
	color: green;
}

.RegistrationPage a,
.RegistrationPage a:link,
.WBValidatedRegistrationFormContainer a,
.WBValidatedRegistrationFormContainer a:link {
	text-decoration: underline;
	color: #351f65;
}

.RegistrationPage .SSForm.ArnSubPage .SSFormBody form,
.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody form,
.titleContent {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.SSForm.ArnSubPage .SSFormBody form,
.titleContent {
	max-width: 66.5%;
	margin: 0 auto;
	padding: 1.5rem 16px;
}

.RegistrationPage .SSForm.ArnSubPage .SSFormBody form,
.RegistrationPage .titleContent,
.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody form,
.WBValidatedRegistrationForm .titleContent {
	padding: 5rem 16px;
}

.RegistrationPage .SSForm.ArnSubPage .SSFormBody form legend,
.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody form legend {
	display: none;
}

.titleContent {
	padding: 7.5rem 16px 3rem;
}

.titleContent {
	padding: 7.5rem 6rem 3rem 0;
	margin: 0 0 0 auto;
	width: 560px;
}

.RegistrationPage .SSForm.ArnSubPage .SSFormBody,
.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody,
.WBValidatedRegistrationForm .titleContainer {
	background-color: white;
	max-width: 56%;
	width: 56%;
}

.userControl {
	max-width: 75%;
	margin: 2rem auto;
}

.userControl svg {
	width: 13px;
	margin: 0 5px 0 0;
}

.userControl svg path {
	fill: #000;
}

.userControl span {
	float: right;
}

.userControl span a {
	margin: 0 0 0 5px;
}

.RegistrationPage .ArnSubPage .SSFormBody fieldset,
.WBValidatedRegistrationForm .ArnSubPage .SSFormBody fieldset {
	border-top: none;
	border-bottom: none;
	margin: 1rem 0;
}

.RegistrationPage .ArnSubPage #thePersonalInfoGroup div label,
.WBValidatedRegistrationFormContainer #thePersonalInfoGroup div label,
.loginLink,
#theUserNameAjax label,
.WBLoginForm label,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.empty label,
.WBClub365ChangePasswordPublicFormFields label {
	display: inline-block !important;
	position: relative;
	top: 1.35rem;
	left: 1rem;
	font-size: 0.8rem;
	color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.RegistrationPage div.passwordInputView span.passwordShow,
.WBValidatedRegistrationFormFields div.passwordInputView span.passwordShow {
	top: 80px;
}

.WBLoginForm label.hamburger {
	display: none !important;
}

.SSForm .formField {
	height: 55px !important;
	padding: 2rem 0.75rem 1rem !important;
	font-weight: 500;
}

.SSForm select.formField {
	padding: 0.75rem 0.75rem 0 !important;
	transition: all 0.2s ease-in-out;
}

.SSForm .formField:focus {
	border: 0.0625rem solid dodgerblue;
}

.RegistrationPage .ArnSubPage div.passwordInputView,
.WBValidatedRegistrationFormContainer div.passwordInputView,
.WBValidatedRegistrationFormFields div {
	margin: 0 0 1rem 0;
}

.WBValidatedRegistrationFormFields div.confirmationWarning input {
	width: auto;
}

.RegistrationPage .ArnSubPage #theEditablePasswordAjax,
.RegistrationPage .ArnSubPage #theLastNameAjax,
.WBValidatedRegistrationFormContainer #theEditablePasswordAjax,
.WBValidatedRegistrationFormContainer #theLastNameAjax {
	border-bottom: 1px solid #aaa;
	padding: 0 0 2.5rem 0;
}

.RegistrationPage .confirmationWarning span {
	display: block;
	margin: 0 0 15px 0;
}

.RegistrationPage .confirmationWarning span.translateMe {
	display: inline;
	margin: 0;
}

#availableUser {
	color: mediumseagreen;
}

.RegistrationPage .ArnSubPage .SSFormBody fieldset,
.WBValidatedRegistrationFormContainer .ArnSubPage .SSFormBody fieldset {
	border: none;
}

.registerVerify {
	margin: 1rem 0 0;
}

.RegistrationPage .page div.sectionContainer .content .grid,
.WBValidatedRegistrationForm .page div.sectionContainer .content .grid {
	width: 70%;
	margin: 0 auto 2.5rem;
	max-width: 600px;
}

.RegistrationPage .page div.sectionContainer .content span.box,
.RegistrationPage .page div.sectionContainer .content a.box,
.WBValidatedRegistrationForm .page div.sectionContainer .content span.box,
.WBValidatedRegistrationForm .page div.sectionContainer .content a.box {
	padding: 0 1.25rem;
}

.WBValidatedRegistrationForm .page div.sectionContainer .content .grid .box img {
	margin: 0 5px 0 0;
}

.RegistrationPage .ArnSubPage .loginLink,
.WBValidatedRegistrationFormContainer .loginLink {
	display: none !important;
}

.RegistrationPage .ArnSubPage ul,
.WBValidatedRegistrationFormContainer ul {
	padding: 0;
}

.RegistrationPage .ArnSubPage li,
.WBValidatedRegistrationFormContainer li {
	list-style: none;
	font-size: 16px;
	margin: 0.5rem 0;
}

@media only screen and (min-width: 1000px) {
	#xaccountRight div.sectionContainer {
		position: sticky;
		top: 88px;
	}
}

@media only screen and (max-width: 1000px) {
	.titleContent {
		padding: 2.5rem 1.5rem 2.5rem;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
	}

	.RegistrationPage .SSForm.ArnSubPage .SSFormBody,
	.RegistrationPage .titleContainer,
	.WBValidatedRegistrationForm .SSForm.ArnSubPage .SSFormBody,
	.WBValidatedRegistrationForm .titleContainer {
		max-width: 100%;
		width: 100%;
		display: block;
		padding: 1rem;
	}

	.userControl {
		max-width: 95%;
	}

	.RegistrationPage #xaccountRight,
	.WBValidatedRegistrationForm #xaccountRight {
		padding: 0;
		display: block;
		height: initial;
		min-height: initial;
	}

	.RegistrationPage .page div.sectionContainer .content .grid,
	.WBValidatedRegistrationForm .page div.sectionContainer .content .grid {
		max-width: 70%;
	}
}

@media only screen and (max-width: 650px) {

	.RegistrationPage .registrationImageContainer,
	.WBValidatedRegistrationForm .registrationImageContainer {
		flex: 25%;
	}

	.RegistrationPage .page div.sectionContainer .content .grid,
	.WBValidatedRegistrationForm .page div.sectionContainer .content .grid {
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 800px) {
	.registrationImageContainer img {
		width: 100%;
	}
}

.registrationImageContainer img {
	width: 500px;
	height: auto;
}

.registrationImageContainer {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	justify-content: center;
}

.RegistrationPage .page div.sectionContainer .content .grid,
.WBValidatedRegistrationForm .page div.sectionContainer .content .grid {
	grid-gap: 10px;
}

/****************************************/
/**** Login - WBLoginFormm - Structure ****/
/****************************************/

/* Login Header */

.WBLoginForm #header.enterpriseHeader,
.WBLoginForm .needHelp,
.WBLoginForm #theWBLoginForm h1,
.WBLoginForm .loginTerms,
.WBLoginForm .dashboard {
	display: none;
}

.WBLoginForm,
.WBForgotPasswordForm,
.WBClub365ChangePasswordPublicForm,
.WBClub365LinkExpiredForm {
	margin: 0;
}

.WBLoginForm #theWBLoginFormBody,
.home .topContainer {
	/* background-image: url("//media.travsrv.com/appSkins/68395/v6/themes/standard/images/bg/C-StaysBanner.jpg"); */
	background-size: cover;
	position: relative;
	background-position: center 75%;
	padding: 0;
}

.WBLoginForm #theWBLoginFormBody:before,
.home .topContainer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(rgba(0, 0, 0, 0.7) 5%, transparent);
	width: 100%;
	height: 75%;
}

.WBLoginForm .userControl {
	display: none;
}

.WBLoginForm .SSForm.ArnSubPage {
	background-color: transparent !important;
}

.WBLoginForm .SSForm.ArnSubPage .SSFormBody form,
.titleContent {
	max-width: 1120px;
	padding: 0;
}

.WBLoginForm .loginContainer {
	max-width: 50%;
	padding: 2rem 2rem;
	position: relative;
	text-align: left;
	background-color: rgba(51, 51, 51, 0.9);
}

.WBLoginForm .SSForm.ArnSubPage .SSFormBody,
.WBLoginForm .titleContainer {
	max-width: 100%;
	width: 100%;
	padding: 5rem 0 0 0;
	display: block;
	margin: 0 auto;
}

.WBLoginFormContainer.ArnSubPage,
.WBValidatedRegistrationFormContainer.ArnSubPage {
	background-color: #fff;
	max-height: 600px;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions {
	text-align: left;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .loginTerms {
	max-width: 400px;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .loginTerms a {
	display: inline;
}

.WBLoginFormContainer.ArnSubPage .ForgotPasswordAction {
	margin: 0.5rem 0 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm label {
	margin: 8px 0 0;
	color: #999;
}

/* .ArnSubPage .FormFields .formField,
.ArnSubPage .FormFields .text,
.ArnSubPage .FormFields textarea,
.ArnSubPage .FormFields select {
  color: #000;
  width: 100%;
} */

.createAccountContainer {
	margin: 0;
	display: block;
	width: 100%;
	padding: 0;
	font-size: 1.2rem;
}

.createAccountContainer span {
	font-size: 0.9rem;
	margin: 0 0 0 5px;
	font-size: 16px;
	letter-spacing: 0.46px;
	line-height: 24px;
	color: #fff;
}

.createAccountContainer span a {
	padding: 0;
}

.needHelp {
	text-align: left;
}

.CreateAnAccountAction {
	display: block !important;
}

#thePasswordAjax span.passwordShow {
	top: 42px;
}

@media only screen and (max-width: 1000px) {

	.WBLoginForm .SSForm.ArnSubPage .SSFormBody,
	.WBLoginForm .titleContainer {
		padding: 0;
	}

	.WBLoginForm .accountRight {
		display: none;
	}

	.WBLoginForm .loginContainer {
		max-width: 85%;
	}
}

@media only screen and (max-width: 650px) {
	.WBLoginFormContainer.ArnSubPage .WBLoginFormFields {
		max-width: 100%;
	}

	.createAccountContainer,
	.WBLoginFormContainer.ArnSubPage #theWBLoginForm .createAccountContainer a {
		width: 100%;
	}

	.WBLoginForm .loginContainer {
		max-width: 100%;
		padding: 16px;
	}

	.WBLoginForm form#theWBLoginForm {
		padding: 0;
	}
}

@media only screen and (max-width: 600px) {
	.memberInfo img {
		width: 60px;
		height: 60px;
	}
}

/***********************************/
/************* Password ************/
/***********************************/

/* Forgot Password */

.WBClub365ChangePasswordPublicForm .SSForm.ArnSubPage .SSFormBody,
.WBForgotPasswordForm .SSForm.ArnSubPage .SSFormBody {
	max-width: 55%;
	width: 55%;
	padding: 5rem;
}

/* .WBClub365ChangePasswordPublicForm #theEmailAjax {} */

.WBClub365ChangePasswordPublicFormFields #theEmailAjax label {
	top: -4px;
	left: -8px;
}

.WBClub365ChangePasswordPublicFormFields #theEmailAjax label:first-child {
	left: 1rem;
}

.goBackLink svg path {
	fill: #003268;
}

.WBForgotPasswordForm .SSFormBody a {
	color: #333 !important;
}

@media only screen and (max-width: 650px) {

	.WBClub365ChangePasswordPublicForm .SSForm.ArnSubPage .SSFormBody,
	.WBForgotPasswordForm .SSForm.ArnSubPage .SSFormBody {
		max-width: 100%;
		width: 100%;
		padding: 15px;
	}
}

/***********************************/
/********** Article Pages **********/
/***********************************/

.article ul {
	padding: 0 0 0 2rem;
}

.article li {
	list-style: revert;
}

.article .topImage {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 340px;
}

.article .userControl {
	max-width: 75%;
	margin: 81px auto;
	max-width: 1120px;
	padding: 1.5rem 0;
	position: relative;
	z-index: 1;
}

.article .topMessage {
	margin: -4rem 0 0;
}

.article .topMessage div.sectionContainer .content {
	padding: 1rem 2rem;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
}

.article .topMessage div.sectionContainer .content h2 {
	width: 100%;
}

.article .topMessage div.sectionContainer .content p {
	width: 65%;
	padding: 0 1rem 0 0;
	margin: 0;
}

.article .topMessage div.sectionContainer .content a {
	width: 35%;
}

.article .topMessage div.sectionContainer {
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.article .topMessage a.submit {
	padding: 1rem;
	width: 100%;
	max-width: initial;
	height: initial;
	line-height: 1.4rem;
}

.article .main {
	padding: 3rem 0;
}

.article .main div.sectionContainer {
	max-width: 1120px;
	display: flex;
	flex-wrap: nowrap;
}

.article .main div.sectionContainer .content {
	display: block;
	background-color: white;
	padding: 1rem 2rem;
	width: 100%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	text-align: left;
}

.article .main div.sectionContainer .content p.small {
	margin: 1.5rem 0;
}

.article .main div.sectionContainer div.sideContent {
	margin: 0 0 0 30px;
	width: 35%;
}

@media only screen and (max-width: 1000px) {
	.article .topImage {
		padding: 0 1.5rem;
		height: 215px;
	}

	.article .userControl {
		margin: 0 auto;
	}

	.article .topMessage div.sectionContainer .content p {
		width: 100%;
		padding: 0;
	}

	.article .topMessage div.sectionContainer .content a {
		width: 50%;
	}

	.article .main {
		padding: 1.5rem;
	}

	.article .main div.sectionContainer .content {
		width: 100%;
	}

	.article .main div.sectionContainer div.sideContent {
		padding: 1rem 2rem;
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {
	.article .topImage {
		height: 80px;
	}

	.article .topMessage {
		margin: 0;
	}

	.article .topMessage div.sectionContainer .content a {
		width: 100%;
	}

	.article .main {
		padding: 1.5rem 0;
	}
}

@media only screen and (max-width: 300px) {
	.article .topMessage div.sectionContainer .content {
		padding: 1rem 0;
	}

	.article .topMessage div.sectionContainer .content h2 {
		font-size: 25px;
	}

	.article .main div.sectionContainer .content {
		padding: 1rem;
	}
}

/* Autocomplete */

.pac-container {
	border: 2px solid black;
	border-radius: 0.25rem;
	min-width: 485px;
	margin: 1rem 0 0;
}

.pac-item {
	padding: 5px 15px;
	border-top: none;
	font-size: 14px;
	color: #999;
}

.pac-item {
	font-size: 16px;
	color: #36382e;
	font-weight: 300;
}

.pac-item:hover {
	background-color: #f5eee3;
	font-weight: 700;
}

.pac-matched {
	font-weight: 300;
}

.pac-item:hover .pac-matched {
	font-weight: 700;
}

.pac-logo::after {
	display: none;
}

/* Calendar Date Picker */
.litepicker .container__days .day-item.is-locked {
	color: #999;
	background-image: url('//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/block.jpg');
}

.litepicker .container__days .day-item {
	border-radius: 0 !important;
	border: 1px solid white;
	/* cursor: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/dot.png"), auto; */
	cursor: pointer;
}

.litepicker .container__days .day-item {
	background-color: #fff;
}

.litepicker .container__days .day-item.is-today {
	color: black;
	background-color: #f5eee3;
}

.litepicker .container__days .day-item:hover {
	color: #d5d5d5;
	background-color: #e5e5e5;
	border-radius: 50% !important;
	border: 1px solid #333;
	box-shadow: none;
	/* cursor: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/hand-dot.png"), auto; */
}

.litepicker .container__days .day-item.is-start-date {
	color: #333;
}

.litepicker .container__days .day-item.is-end-date {
	color: #351f65;
	background-color: #e5e5e5;
}

.litepicker .container__days .day-item.is-in-range {
	border-radius: 0;
	color: #351f65;
}

.litepicker .container__months.columns-2 {
	width: calc((var(--litepicker-month-width) * 2) + 100px);
}

.litepicker .container__months .month-item {
	padding: 25px;
}

.ArnCarRentals.CheckoutPage .litepicker .container__months .month-item {
	padding: 5px;
}

.ArnCarRentals.CheckoutPage .litepicker .container__months .month-item-header div>.month-item-name,
.ArnCarRentals.CheckoutPage .litepicker .container__months .month-item-header div>.month-item-year {
	font-size: initial;
}

.litepicker {
	border: 2px solid black;
	margin: 1rem 0 0;
	font-size: 16px;
	cursor: pointer;
}

.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {
	font-size: 24px;
}

@media only screen and (max-width: 1000px) {
	.litepicker {
		position: fixed !important;
		right: 0 !important;
		left: auto !important;
	}
}

@media only screen and (max-width: 650px) {
	.litepicker .container__months.columns-2 {
		width: 100%;
	}

	.litepicker .container__months .month-item {
		margin: 0 auto;
	}
}

/***********************************/
/******* Support Article Pages *****/
/***********************************/

.article.support label {
	display: block;
	font-size: 1.125rem;
	margin: 0.5rem 0 0;
	font-weight: 700;
}

.article.support .topImage {
	background-image: none;
}

.article.support .topMessage {
	margin: -16rem 0 0;
	position: relative;
}

.article.support .topMessage div.sectionContainer {
	box-shadow: none;
}

.article.support .main div.sectionContainer .content {
	padding: 2rem;
}

.article.support .topMessage div.sectionContainer .content h2 {
	text-align: center;
}

.article.support .topMessage div.sectionContainer .content p {
	width: 100%;
	padding: 0;
	text-align: center;
}

.article.support .main div.sectionContainer .content {
	width: 50%;
}

.article.support .main div.sectionContainer div.sideContent {
	width: 100%;
	display: block;
	margin: 0;
}

.article.support .main div.sectionContainer .content.wide {
	width: 100%;
}

.article.support .ArnSupportLinks.ArnSupportBottom {
	background-color: transparent;
}

.contact-usPage .article.support .main div.sectionContainer .content {
	display: none;
}

.contact-usPage .article.support .main div.sectionContainer div.sideContent {
	display: block;
}

.contact-usPage textarea {
	width: 100%;
	height: 100px;
}

@media only screen and (max-width: 1000px) {
	.article.support .topMessage {
		margin: -10rem 0 0;
	}
}

@media only screen and (max-width: 800px) {
	.article.support .main {
		padding: 4.5rem 0;
	}

	.article.support .main div.sectionContainer {
		display: block;
	}

	.article.support .main div.sectionContainer .content,
	.article.support .main div.sectionContainer div.sideContent {
		width: 100%;
		margin: 0;
	}

	.article.support .topMessage {
		margin: -10rem 0 0;
	}
}

@media only screen and (max-width: 650px) {
	.article.support .topMessage {
		margin: 0;
	}
}

/***********************************/
/*********** Support Pages *********/
/***********************************/

.MemberNotAuthenticated.WBPrivacyPolicy,
.MemberNotAuthenticated.cruisepricingtermsandconditionsPage,
.MemberNotAuthenticated.WBTermsAndConditions,
.MemberNotAuthenticated.WBResendOrCancelForm,
.MemberNotAuthenticated.WBFaq,
.MemberNotAuthenticated.WBSupportForm,
.WBPrivacyPolicy,
.cruisepricingtermsandconditionsPage,
.WBTermsAndConditions,
.WBFaq,
.WBSupportForm,
.ArnSubPage h1 {
	margin: 0 0 1.5rem;
}

.MemberNotAuthenticated.WBFaq,
.WBFaq {
	margin: 0 auto;
	background-color: white;
}

/***********************************/
/************** Hotels *************/
/***********************************/


section.pageBottom h2,
section.pageBottom .h2,
.featuredPropertiesContainerContent h1 {
	color: #191414 !important;
	font-size: 2.125rem;
}

.xRootBody .popularProperties div.sectionContainer .content h2,
.xRootBody .popularDestinations div.sectionContainer .content h2 {
	text-align: left;
	font-size: 36px;
}

.xRootBody .popularProperties div.sectionContainer .featuredProperty h2 {
	padding: 1rem 1rem 0.5rem;
	font-size: 1.125rem;
}

@media only screen and (min-width: 1000px) {
	.SinglePropDetail .ArnProperty .ArnPropName .ArnRateCell {
		top: 40px;
	}

	.SinglePropDetail .ArnProperty .percentSavings {
		top: -41px;
	}

	.SinglePropDetail .OnSale .bestPrice a.showRoomsLink {
		margin: 10px 0 0px;
	}

	.featuredPropertiesContainerContent .text {
		max-width: 1120px;
	}

	.xRootBody .searchLeft {
		padding: 300px 0;
	}
}

/***********************************/
/************* Resorts *************/
/***********************************/

.RootTypeDestination .landingBottomContent,
.RootTypeDestination .featuredContainer {
	display: none;
}

.RootTypeDestination .searchingTitle {
	display: none;
}

#theSmokingRoomAjax {
	display: none;
}

.checkOutSummaryTable .numberOfAdults,
.checkOutSummaryTable .numberOfChildren {
	display: none;
}

.WBSearchDestination #theSpecialRequestsAjax {
	display: none;
}

.SearchHotels.SearchDestination .ArnPriceCell .memberSavings span {
	font-size: initial;
}

.RootTypeDestination .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
	margin: 0 0.5% 20px 0;
}

.RootTypeDestination .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
	width: 100%;
}

.RootTypeDestination select {
	background-color: transparent;
}

/***********************************/
/****** Checkout Page Updated ******/
/***********************************/

/* General Checkout Page */

/* this breaks with other languages */
.CheckOutForm label {
	top: 24px;
	font-size: 0.85rem;
	color: rgba(0, 0, 0, 0.5);
	left: 0.75rem;
	display: inline-block;
}

#thePhoneNumberFieldsAjax table {
	width: 100%;
}

#thePhoneNumberAjax input {
	width: 50%;
}

#theSpecialRequestsAjax textarea {
	padding: 25px 10px 10px;
}


#theCardExpirationFieldsAjax table {
	width: 100%;
}

#theExpirationMonthAjax select,
#theExpirationYearAjax select {
	width: 100%;
}

@media only screen and (min-width: 1000px) {

	#theAdditionalEmailsLink {
		margin: 1rem 0 -1rem;
	}
}

/* Guest Details */

.CheckOutForm input.text,
.CheckOutForm input,
.CheckOutForm select {
	height: 55px;
	border-radius: 0.25rem;
}

.WBGuestFormFields {
	padding: 90px 20px 15px;
	border-radius: 0.25rem;
}

#theBookingPage fieldset legend {
	font-weight: 700 !important;
}



.hurryBook {
	color: #186329;
}

.guestCityZip table td:first-child {
	width: 50%;
}

/* Hotel Summary */

#theHotel {
	padding: 0;
	background-color: transparent;
	border-radius: 0.25rem 0.25rem 0 0;
}

#theHotel legend {
	display: none !important;
}

#mainHotelImage {
	border-radius: 0.25rem 0.25rem 0 0;
}

.recommendedProperty {
	border: 1px solid #186329;
	color: #186329;
	width: 100%;
	padding: 0.25rem;
}

.theHotelName {
	background-color: transparent;
	color: inherit;
	font-size: 1.5rem;
	padding: 20px 20px 5px;
	text-align: left;
	font-weight: 900;
	line-height: 1.1em;
}

x#theHotelAddress {
	text-align: left;
	padding: 0 20px;
	font-size: 1rem;
	margin: 0.75rem 0 0;
}

#theCharges {
	border-radius: 0 0 0.25rem 0.25rem;
}

#theHotel table.checkOutSummaryTable {
	width: 90%;
	margin: 15px auto;
}

#theHotel table.checkOutSummaryTable th {
	width: 40%;
}

#theHotel table.checkOutSummaryTable td {
	width: 60%;
}

#theHotel table.checkOutSummaryTable th {
	font-weight: 700;
}

/* Payment Area */

.cvvInfo {
	margin: 2rem 0;
}

.cvvInfo p {
	color: inherit;
	font-size: 1rem;
	text-align: left;
	margin: 0;
	font-weight: 700;
	width: 50%;
	display: inline-block;
}

.cvvInfo img {
	display: inline-block;
}

.paymentMethods {
	border-top: 1px solid #ccc;
	margin: 25px 0 15px;
	padding: 10px 0 0;
	font-weight: 700;
	font-size: 1rem;
}

.paymentMethods img {
	display: inline-block;
	margin: 0 0 0 3rem;
}

.cvvTable {
	width: 100%;
}

#theCvvCode {
	width: 50%;
	margin-right: 0;
	display: block;
}

/* Guest Payment Info */

.totalsTable tr th {
	font-weight: 700 !important;
}

.PaymentPolicies table th,
.PaymentPolicies table td {
	white-space: normal;
}

.totalsTable .dueNowRow td,
.totalsTable .balanceDueRow td {
	font-size: 1.5rem;
	letter-spacing: 1px;
}

/* Confirmation */

#theConfirmationContainer {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 90px 25px 10px;
	position: relative;
	border-radius: 0.25rem;
}

#theConfirmationContainer p {
	font-size: 1rem;
	margin: 0.5rem 0;
}

#theConfirmationContainer h4 {
	margin: 10px 0;
}

#theBookingPage ul,
#theCopyInfoAjax {
	padding: 0;
	margin: 0 0 0px 20px;
}

.bookNowConfirm {
	font-style: normal;
	font-weight: normal;
}

@media only screen and (max-width: 800px) {
	#theConfirmationContainer {
		padding: 0;
	}
}

/* Policies */

#theStayPolicies {
	background-color: #edeef6;
	border: none;
	margin: 20px 0 0;
	padding: 20px;
}

#theBookingPage li {
	list-style: outside;
}

#theStayPolicies h4 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0.5rem 0;
}

@media only screen and (max-width: 800px) {
	x#theBookingPage fieldset legend {
		font-size: 1.4rem;
		display: none;
	}

	.hotelBox {
		background-color: transparent;
	}

	#mainHotelImage {
		max-width: 500px;
	}

	.theHotelName {
		padding: 20px 0 5px;
	}

	x#theHotelAddress {
		margin: 0 0 1rem;
	}

	.recommendedProperty {
		background-color: transparent;
	}

	#thePhoneNumberAjax input {
		width: 100%;
	}

	#theCardExpirationFieldsAjax {
		width: 100%;
	}

	.cvvInfo p {
		width: 100%;
	}
}

/***********************************/
/************** Footer *************/
/***********************************/

.WBLoginForm .ArnSupportLinks.ArnSupportBottom,
.ArnSupportLinks.ArnSupportBottom {
	display: none;
}

.userAdmin .ArnSupportLinks.ArnSupportBottom.static,
.WBLoginForm .ArnSupportLinks.ArnSupportBottom.static,
.ArnSupportLinks.ArnSupportBottom.static {
	display: block;
	text-align: center;
}

.WBClub365ChangePasswordPublicForm .ArnSupportLinks.ArnSupportBottom.static,
.WBClub365ChangePasswordPublicForm .footer,
.WBForgotPasswordForm .ArnSupportLinks.ArnSupportBottom.static,
.WBForgotPasswordForm .footer {
	display: none;
}

.ARN_ServiceLinks {
	display: none;
}

/***** footer background and style *****/
WBLoginForm .ArnSupportLinks.ArnSupportBottom,
.ArnSupportLinks.ArnSupportBottom {
	margin: 0;
	padding: 20px;
}

/* Hide Links */

.MemberNotAuthenticated .cancelResend {
	display: none;
}

/* Footer Content */

.landingPage span.content.heroesDollarsDisclaimer {
	display: block;
}

.ArnActivities .support-links {
	display: none;
}

.static-articleLink,
.static-articletestLink,
.static-landingLink,
.static-oldlandingLink {
	display: none !important;
}

.ArnSupportLinks.ArnSupportBottom a.instagramLink svg {
	position: relative;
	top: 5px;
	margin: 0;
}

@media only screen and (max-width: 800px) {
	.ArnSupportLinks.ArnSupportBottom a {
		margin: 0px 1rem;
	}
}

@media only screen and (max-width: 650px) {
	.ArnSupportLinks.ArnSupportBottom a {
		margin: 1rem 0;
		display: block;
	}
}

div .dropdown {
	border-radius: 50%;
}

/*mobile targets for specific styles*/
/*mobile*/
@media (max-width: 999px) and (min-width: 651px) {
	.WBLoginForm.mobileLarge .WBLoginFormContainer.ArnSubPage {
		padding: 0;
		margin: 0;
		max-width: 100%;
		width: 100%;
		display: inline;
	}
}

@media (max-width: 600px) and (min-width: 0px) {

	.page .dashboard div.sectionContainer .content .details .freeTrialMember,
	.page .freeTrialMember p.small {
		text-align: center;
	}

	.page .dashboard .details .memberInfo {
		margin: 0 auto;
		width: 12% !important;
	}

	.dashboard .details .memberInfo span.arnliusername {
		padding: 0;
		text-align: center;
	}

	.dashboard .details .memberInfo span.small {
		padding: 0.5rem 0;
	}

	.ArnAcdParentLable::after {
		display: none;
	}

	.dashboard .details .memberInfo span.small {
		display: block;
	}

	.SinglePropDetail .rateRow table td.bookRoomCell {
		width: 100%;
	}
}

/*not certain if using?*/
.navRow #commands {
	display: none;
}

.homePage .mobileLarge .theProfileImage {
	left: 0;
	position: absolute;
	bottom: 0;
	padding: 18% 18% 0 0;
}

/*hide toggle map for now? - on mobile*/
@media screen and (max-width: 1000px) {

	.SearchHotels .filters,
	.SearchHotels a.ArnToggleMap,
	.SearchHotels .subHeader a.refineLink .ArnAvailability {
		z-index: 2 !important;
	}

	.SearchHotels .filters,
	.SearchHotels a.ArnToggleMap {
		border-bottom: 4px solid #333;
	}

	.SearchHotels .ArnSearchHolderBoth {
		font-weight: 300 !important;
	}
}

.ArnSortContainer a {
	padding: 10px 0;
}

.ArnSortContainer a:hover {
	border-left: 4px solid #006bb7;
}

.SearchHotels .ArnSearchHolderBoth {
	font-weight: 300 !important;
}

/*custom structure that changes per site - for Realtor NAR Site */
.WBLoginForm .loginContainer img {
	max-width: 90%;
	padding: 0;
	margin: 15px 0;
}

.WBLoginForm .loginContainer img.headerCoBrandLogo {
	height: 65px;
	margin: 0 0 0 15px;
}

/*****RegistrationPage Fixes****/

.WBClub365Menu .myAccountSummary a.selected span svg path {
	fill: #fff;
}

.memberType label {
	color: #fff;
}

@media only screen and (max-width: 500px) {
	#header.enterpriseHeader #HeaderLogo {
		height: 38px;
	}

	/* .dropdown.tablet-show {
    top: 0px;
  } */
}

@media only screen and (max-width: 800px) {
	div#xaccountRight {
		display: none;
	}
}

@media only screen and (max-width: 400px) {
	#header.enterpriseHeader #HeaderLogo {
		height: 28px;
	}

	.WBLoginForm .loginContainer img {
		max-width: 100%;
		padding: 2.5rem 0;
		margin: 0% auto 20% auto;
	}

	.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
		text-align: left;
		font-size: 20px;
	}
}

/*mobile-fixes to cards*/

@media only screen and (max-width: 1000px) {
	.homePage #header.enterpriseHeader.container-fluid {
		background-color: #000;
	}

	.page div.sectionContainer .content #our-top-deals .card {
		width: 100%;
	}

	.page .photocardlist .card .mainImg {
		width: 100%;
	}

	.page div.sectionContainer .content .photocardlist .card {
		width: 100%;
	}

	.page div.sectionContainer .bloglist .content .card {
		width: 100%;
	}

	page a.upgrade {
		font-size: 14px;
	}

	#SortControlsContainer {
		z-index: 2;
		top: 0;
	}
}

/*get rid of double footer on SearchHotels?*/
.SearchHotels span.content.copyright p:nth-child(1) {
	display: none !important;
}

/*ipad pro*/

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	/* For portrait layouts only */

	.page .popularDestinations div.featuredDestination {
		width: 46%;
		margin: 1.5% 1.5%;
	}

	.page div.sectionContainer .content {
		padding: 5rem 2rem;
	}

	.home .planVacation.dark.scroll h2 {
		padding: 2rem;
	}

	.page div.sectionContainer .content .grid {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		grid-gap: 1em;
	}

	.page div.sectionContainer .content .photocardlist .grid {
		grid-template-columns: repeat(auto-fill, minmax(60px, 250px));
		grid-gap: 1%;
	}

	.page .photocardlist .card .mainImg {
		height: 300px;
		width: 100%;
	}

	.page div.sectionContainer .bloglist .content .grid.twoColumn {
		grid-template-columns: 50% 50%;
	}
}

/*custom dashboard views*/
@media only screen and (min-width: 410px) and (max-width: 999px) {
	.page .dashboard div.sectionContainer .content .grid .columnOne {
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
}

@media only screen and (max-width: 409px) {
	.page .dashboard div.sectionContainer .content .grid .columnOne {
		flex-direction: column;
	}

	.upgradeButton {
		font-size: 12.5px;
	}
}

/*fixes to icons - Single Prop Page*/

.xSinglePropDetail .PropertyLinks a img {
	position: initial;
	vertical-align: initial;
	margin-right: 3%;
	width: 12px;
}

.SinglePropDetail .PropertyLinks a {
	direction: rtl;
}

/**** password page updates ****/
.WBForgotPasswordForm .SSForm.ArnSubPage .SSFormBody {
	padding: 140px 25px;
}


/*navigation - stick styles*/

.SearchHotels #HeaderLogo,
.xRootBody #HeaderLogo,
.SinglePropDetail #HeaderLogo,
.CheckOutForm #HeaderLogo,
.articlePage #HeaderLogo,
.contact-usPage #HeaderLogo,
.CheckoutMode-WBCheckoutForm3 #HeaderLogo,
.ArnActivities #HeaderLogo,
.ArnCarRentals #HeaderLogo {
	display: none;
}

.SearchHotels #HeaderLogoDark,
.xRootBody #HeaderLogoDark,
.SinglePropDetail #HeaderLogoDark,
.CheckOutForm #HeaderLogoDark,
.articlePage #HeaderLogoDark,
.contact-usPage #HeaderLogoDark,
.CheckoutMode-WBCheckoutForm3 #HeaderLogoDark,
.ArnActivities #HeaderLogoDark,
.ArnCarRentals #HeaderLogoDark {
	display: inline-block;
	height: 58px;
}

.SearchHotels .stick #HeaderLogo,
.xRootBody .stick #HeaderLogo,
.SinglePropDetail .stick #HeaderLogo,
.CheckOutForm .stick #HeaderLogo,
.articlePage .stick #HeaderLogo,
.contact-usPage .stick #HeaderLogo,
.CheckoutMode-WBCheckoutForm3 .stick #HeaderLogo,
.ArnActivities .stick #HeaderLogo,
.ArnCarRentals .stick #HeaderLogo {
	display: none;
}

.homePage #HeaderLogoDark {
	display: none;
}

.homePage #HeaderLogo {
	display: inline-block;
	height: 58px;
}

.homePage .stick #HeaderLogo {
	display: none;
}

.homePage .stick #HeaderLogoDark {
	display: inline-block;
	height: 58px;
}

/* Refundable Hotel Label */

.animated-background .refundableLabel {
	display: none !important;
}

.xSearchHotels .ArnIndividualSearchContainer div.refundable {
	display: block !important;
}

.xSearchHotels .ArnIndividualSearchContainer div.prePay,
.xSearchHotels .ArnIndividualSearchContainer div.postPay {
	display: none !important;
}

.xArnTripAdvisorDetails,
.xArnTripAdvisorDetails.HasReviews {
	float: none !important;
}

.xrefundableLabel {
	display: block;
	color: #008009;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
	margin: 6px 0 0;
}

.xSinglePropDetail .ArnRateCell .refundableLabel {
	text-align: right;
}

.xrefundableLabel svg {
	margin: 0px 3px 0 0;
	width: 12px;
	height: 12px;
	position: relative;
	top: 1px;
}

.xrefundableLabel svg path {
	fill: #008009;
}

.xrefundableRateLabel {
	display: block;
	color: #008009;
	font-size: 12px;
	font-weight: 700;
	margin: 0.5rem 0 0;
}

.xSinglePropDetail .refundableRateLabel {
	text-align: right;
}

.refundableRateLabel svg {
	margin: 0px 3px 0 0;
	width: 12px;
	height: 12px;
	position: relative;
	top: 1px;
}

.SearchHotels .ArnIndividualSearchContainer.ArnRateFiltersContainer {
	display: block !important;
}


@media only screen and (max-width: 1000px) {
	.page .scroll .text .grid {
		overflow-x: scroll;
	}
}

/*header fix flight*/
.arnAirRevelex {
	margin: 0 !important;
}

/*** Updated changes - for franky **/

.dashboard .resSeeAll.yesUpcoming a.submit.light {
	padding: 11px;
}

.page .dashboard div.sectionContainer .content .grid .columnOne {
	gap: 4%;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember a {
	padding: 1rem 2rem;
}

/*shopping tile */
.page .productList .box span:first-child {
	width: 100%;
}

/****************************************/
/*********** Registration *********/
/****************************************/

.registrationPaywall .SSForm {
	vertical-align: top;
}

.registrationPaywall .page div.sectionContainer .content .grid span img {
	width: 20px;
	margin: 16px 5px 0;
}

@media only screen and (max-width: 1185px) {
	.registrationPaywall .page div.sectionContainer .content .grid {
		display: flex;
		flex-wrap: wrap;
	}

	.registrationPaywall .disclaimer {
		position: static;
		max-width: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		display: block;
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	.registrationPaywall .page div.sectionContainer .content .grid {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}
}

@media only screen and (min-width: 786px) and (max-width: 986px) {
	.registrationPaywall .page div.sectionContainer .content {
		display: flex;
	}
}

@media only screen and (max-width: 650px) {
	.page .inspirations div.sectionContainer .content .contentBox {
		min-height: 35px;
	}

	.registrationPaywall .SSFormBody {
		width: 100%;
		padding: 0.5rem;
	}

	.userAdmin .ArnSupportLinks.ArnSupportBottom.static,
	.WBLoginForm .ArnSupportLinks.ArnSupportBottom.static,
	.ArnSupportLinks.ArnSupportBottom.static {
		padding: 20px 0;
	}
}

/****************************************/
/******* Navigation/Header Franky *******/
/****************************************/

/***updates for responsive navigation links ****/

.enterpriseHeader .links a,
.enterpriseHeader .wsite-menu li a,
.enterpriseHeader #wsite-menus .wsite-menu li a {
	line-height: 20px;
	text-transform: capitalize;
	letter-spacing: 0;
}

@media only screen and (min-width: 1446px) {

	.enterpriseHeader .links a,
	.enterpriseHeader .wsite-menu li a,
	.enterpriseHeader #wsite-menus .wsite-menu li a {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1445px) {

	.enterpriseHeader .links a {
		font-size: 17px;
	}

	#HeaderLogoDark {
		height: 50px !important;
	}
}

@media only screen and (max-width: 1260px) and (min-width: 1108px) {
	.enterpriseHeader .links li {
		padding: 0 4px;
	}

	.enterpriseHeader .links a {
		font-size: 14px;
	}

	.enterpriseHeader .links {
		margin: 0;
	}
}

@media only screen and (max-width: 1107px) {
	.enterpriseHeader .links a {
		font-size: 13px;
	}

	.enterpriseHeader .links {
		margin: 0;
	}
}

@media only screen and (max-width: 1025px) {
	.enterpriseHeader .links a {
		line-height: 1;
	}

	.xSearchHotels .submit {
		font-size: 15px;
	}

	.xSearchHotels #Properties {
		padding: 20px 15px;
	}
}

/*NAR Updates*/
@media only screen and (max-width: 800px) {
	.dropdown-content .show {
		right: -68px;
	}
}

/* Navigation Logo */
@media only screen and (max-width: 450px) {

	#header.enterpriseHeader #HeaderLogo,
	.SearchHotels #HeaderLogoDark,
	.xRootBody #HeaderLogoDark,
	.SinglePropDetail #HeaderLogoDark,
	.CheckOutForm #HeaderLogoDark,
	.articlePage #HeaderLogoDark,
	.contact-usPage #HeaderLogoDark,
	.CheckoutMode-WBCheckoutForm3 #HeaderLogoDark,
	.ArnActivities #HeaderLogoDark,
	.ArnCarRentals #HeaderLogoDark {
		height: 45px;
	}
}

/*dashboard mobile*/
@media (max-width: 600px) {
	.page .dashboard .details .memberInfo {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

.navRow form .submit {
	margin: 0 !important;
}

.SearchHotels .ArnPagerContainer {
	text-align: center;
}

/*Customization */
/*Search Window View after one clicks 'Nearby Properties' what is the class for this view*/
@media only screen and (min-width: 1000px) {
	#theSubmitButton[name='171'] {
		right: 150px !important;
		width: 36% !important;
	}
}

/* 7204 */

/* /////////////////////////// */
/* Find a better spot for these home page grid fixes */

@media only screen and (min-width: 490px) and (max-width: 1000px) {
	.page .productList div.sectionContainer .content .grid.threeColumn {
		grid-template-columns: 1fr 1fr;
		display: grid;
	}

	.page .productList .box span:first-child div {
		width: 100%;
	}

	.page .productList div.sectionContainer .content .box {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.page .productList .box span:first-child div {
		height: 150px;
	}
}

/**************************************************/
/* Get Started On Your Next Adventure/ Icon Cards */
/**************************************************/

/* To implement, add smallIconCards class to productList section tag */

.page .productList.smallIconCards .box span:first-child div {
	background-color: lightgray;
	border-radius: 50%;
	height: 96px;
	width: 96px;
	position: relative;
}

.page.home .productList.smallIconCards h4 {
	margin-top: 0;
}

.page .productList.smallIconCards .contentContainer .box div {
	display: flex;
}

.page .productList.smallIconCards div.sectionContainer .content .box div span:last-child {
	padding: 0;
	padding-left: 15px;
}

.page .productList.smallIconCards .box span:first-child div img {
	margin: initial;
}

.page .productList.smallIconCards .box span:first-child {
	width: auto;
}

.page .productList.smallIconCards .box {
	min-height: auto;
	border: none;
}

.page .productList.smallIconCards p.small {
	margin: 0;
}

@media screen and (max-width: 750px) {
	.page .productList.smallIconCards div.sectionContainer .content .grid.threeColumn {
		grid-template-columns: 1fr;
	}

	.page .productList.smallIconCards div.sectionContainer .content .box {
		padding: 8px;
	}
}

/* iphone12 fix placed in frankenstein - only shows on iphone12 must have tablecell. Research further on a fix*/
.page .productList.smallIconCards div.sectionContainer .content .box div span {
	display: table-cell;
}

/***************************************/
/* Icon Card SVG Dimensions */
/***************************************/

.page .productList.smallIconCards .content .svg-icons .grid .one span:first-child div img {
	width: 80px;
	margin-left: 9px;
}

.page .productList.smallIconCards .content .svg-icons .grid .two span:first-child div img {
	width: 75px;
	margin-left: 8px;
}

.page .productList.smallIconCards .content .svg-icons .grid .three span:first-child div img {
	width: 80px;
	margin-left: 9px;
}

.page .productList.smallIconCards .content .svg-icons .grid .four span:first-child div img {
	width: 77px;
	margin-left: 12px;
}

.page .productList.smallIconCards .content .svg-icons .grid .five span:first-child div img {
	width: 78px;
	margin-left: 10px;
}

.page .productList.smallIconCards .content .svg-icons .grid .six span:first-child div img {
	width: 75px;
	margin-left: 7px;
}

.page .productList.smallIconCards .content .svg-icons .grid .seven span:first-child div img {
	width: 80px;
	margin-left: 10px;
}

.page .productList.smallIconCards .content .svg-icons .grid .eight span:first-child div img {
	width: 80px;
	margin-left: 8px;
}

.page .productList.smallIconCards .content .svg-icons .grid .nine span:first-child div img {
	width: 80px;
	margin-left: 9px;
}

/* Remove Travel credits from cars & activities checkout */

.ArnCarRentals .payment-summary .totals .points,
.ArnActivities .savings.amount-container.points {
	display: none !important;
}

/* Inspirations/Vacation Goals scroll 0-1000 view for mobile and iPad AB*/

@media only screen and (max-width: 1000px) {

	.page .inspirations div.sectionContainer .content .grid,
	.page .ourTopDeals div.sectionContainer .content .grid.fourColumn {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0.4rem;
	}

	.page .inspirations div.sectionContainer .content .card,
	.page .ourTopDeals div.sectionContainer .content .card {
		width: 265px;
	}
}

/* fix for scroll to work with above Franken layout franken  */
@media only screen and (max-width: 650px) {
	.WBLoginForm.mobileLarge .WBLoginFormContainer.ArnSubPage {
		display: inline;
	}
}

/***********************************/
/********** Static Cruise Page *********/
/***********************************/

.cruisePage .ArnSubPage {
	margin-top: 90px;
}

.cruisePage .page-display-1 .sectionContainer {
	max-width: 1120px;
	margin: 0 auto;
}

.cruisePage .page-display-1 .titleContainer {
	display: flex;
	max-width: 2000px;
	margin: 0 auto;
	width: 100%;
}

.cruisePage .page-display-1 .titleContent {
	margin: 0;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 10%;
}

.cruisePage .page-display-1 .titleContent h1 {
	margin: 0;
	line-height: 1.2;
}

.cruisePage .page-display-1 .titleContent p {
	font-size: 20px;
}

.cruisePage .page-display-1 .titleContent .buttonLink {
	display: inline-block;
	padding: 10px 0;
	border-radius: 5px;
	width: 90%;
}

.cruisePage .page-display-1 .products {
	background-color: white;
}

.cruisePage .page-display-1 .products .sectionContainer {
	padding: 50px 20px;
}

.cruisePage .page-display-1 .products .content h2 {
	text-align: center;
}

.cruisePage .page-display-1 .products .content p {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

.cruisePage .page-display-1 .products hr {
	width: 90%;
}

.cruisePage .page-display-1 .products .contentContainer {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.cruisePage .page-display-1 .products .contentContainer .box {
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%),
		0 1px 3px 0 rgb(0 0 0 / 20%);
	width: 100%;
	position: relative;
	padding: 15px 0;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cruisePage .page-display-1 .products .contentContainer .box .number {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 5px 0 0 0;
}

.cruisePage .page-display-1 .products .contentContainer #cruiseNew {
	display: block;
}

.cruisePage .page-display-1 .products .contentContainer #cruiseNew a {
	display: inline-block;
	min-width: 200px;
	padding: 10px 0;
	border-radius: 5px;
	margin: 10px 0;
}

.cruisePage .page-display-1 .products .redeem.hide {
	display: none !important;
}

.cruisePage .page-display-1 .products .redeemView.show {
	display: block !important;
	text-align: center;
	background-color: #f2fbfe;
}

.cruisePage .page-display-1 .products .redeemView h3 {
	text-decoration: none;
}

.cruisePage .page-display-1 .products .redeemView #travelCreditOptions {
	display: flex;
	justify-content: space-evenly;
	margin: 15px 0;
}

.cruisePage .page-display-1 .products .redeemView #travelCreditOptions li {
	background-color: white;
	padding: 10px 20px;
	border-radius: 50px;
	cursor: pointer;
}

.cruisePage .page-display-1 .products .redeemView.show #travelCreditOptions li.active {
	background-color: gray;
	color: white;
}

.cruisePage .page-display-1 .products .redeemView .actions {
	margin-top: 30px;
}

.cruisePage .page-display-1 .products .redeemView .actions .cancel {
	background-color: white;
	padding: 10px 15px;
	border-radius: 50px;
	cursor: pointer;
	font-size: 20px;
}

.cruisePage .page-display-1 .products .redeemView .actions .redeemButton {
	display: none;
	background-color: #00847b;
	color: white;
	padding: 10px 15px;
	font-size: 20px;
	border-radius: 50px;
	margin-left: 30px;
	cursor: pointer;
}

.cruisePage .page-display-1 .products .redeemed .giftcardSvg {
	display: none;
}

.cruisePage .page-display-1 .products .redeemView .actions .redeemButton.active {
	display: inline-block;
}

.cruisePage .page-display-1 .products .redeem h3 {
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
}

.cruisePage .page-display-1 .priceGuarantee {
	display: none;
}

.cruisePage .page-display-1 .cruiseAmenities .sectionContainer {
	padding: 50px 20px;
}

.cruisePage .page-display-1 .cruiseAmenities h2 {
	text-transform: none;
}

.cruisePage .page-display-1 .cruiseAmenities .content {
	display: flex;
	gap: 30px;
}

.cruisePage .page-display-1 .cruiseAmenities .content .column.left {
	width: 50%;
	padding: 0 50px;
}

.cruisePage .page-display-1 .cruiseAmenities .content .column.left p {
	font-size: 18px;
	font-weight: 400;
}

.cruisePage .page-display-1 .cruiseAmenities .content .column.right {
	width: 50%;
}

.cruisePage .page-display-1 .tableContainer {
	padding: 0;
	max-width: 600px;
	margin: 0 auto;
}

.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row {
	justify-content: flex-start;
}

.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row div:last-child {
	margin-left: auto;
}

.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row div:last-child:not(.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row.bold div:last-child) {
	margin-right: 60px;
}

.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row div {
	max-width: initial;
	flex: none;
}

.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row.bg-mid {
	background-color: #f5f5f5 !important;
}

.cruisePage .page-display-1 .whyBook {
	text-align: center;
}

.cruisePage .page-display-1 .whyBook .sectionContainer {
	padding: 50px 20px;
}

.cruisePage .page-display-1 .whyBook h2 {
	text-align: center;
	text-transform: none;
}

.cruisePage .page-display-1 .whyBook p {
	margin: 15px 0;
}

.cruisePage .page-display-1 .whyBook .buttonLink {
	text-transform: uppercase;
	padding: 10px 0;
	display: block;
	width: 20%;
	min-width: 250px;
	margin: 20px auto !important;
	border-radius: 5px;
	max-width: initial !important;
	font-weight: 500;
}

.cruisePage .page-display-1 .whyBook .questions {
	text-decoration: underline;
	cursor: pointer;
}

@media screen and (max-width: 1000px) {
	.cruisePage .ArnSubPage {
		margin-top: 0;
	}

	.cruisePage .page-display-1 .titleContainer {
		display: flex !important;
		flex-direction: column-reverse;
	}

	.cruisePage .page-display-1 .accountRightImage {
		background-position: initial !important;
		max-height: 500px !important;
		min-height: initial !important;
	}

	.cruisePage .page-display-1 .titleContent {
		width: 100%;
		align-items: center;
		padding: 10%;
	}

	.cruisePage .page-display-1 .titleContent #cruiseNew {
		width: 100%;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content {
		flex-direction: column;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content .column.left {
		width: 100%;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content .column.right {
		width: 100%;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content h2 {
		text-align: center;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content p {
		text-align: center !important;
	}

	.cruisePage .page-display-1 .products .contentContainer {
		flex-direction: column;
	}
}

@media screen and (max-width: 800px) {
	.cruisePage .page-display-1 .titleContainer .accountRightImage {
		display: block !important;
	}
}

@media screen and (max-width: 650px) {
	.cruisePage .page-display-1 .titleContainer {
		padding: 0;
	}
}

@media screen and (max-width: 500px) {
	.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row div:last-child:not(.cruisePage .page-display-1 .cruiseAmenities .tableContainer .row.bold div:last-child) {
		margin-right: 0;
	}

	.cruisePage .page-display-1 .titleContent h1 {
		text-align: center;
	}

	.cruisePage .page-display-1 .cruiseAmenities .content .column.left {
		padding: 0;
	}

	.cruisePage .page-display-1 .titleContainer .accountRightImage {
		background-position: -240px 0 !important;
	}
}

/***********************************/
/********** End Static Cruise *********/
/***********************************/

/* Vacation Home Fixes for Alpha Skin */

.arnVillas header.alphaSkin .top-link a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
	font-family: inherit;
	font-size: 16px;
}

.arnVillas header.alphaSkin .menuItem a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
	font-family: inherit;
	text-transform: none;
	font-size: 16px;
}

.arnVillas header.alphaSkin .profile-dropdown a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
	font-family: inherit;
	font-size: 18px;
}

.arnVillas header.alphaSkin .logoutCommand a:not(.glyphicon):not(.btns):not(.compare):not(.ui-state-default):not(.nav-link) {
	font-weight: 600;
}

.arnVillas .alphaSkin .profile-btn .arn-username {
	font-size: 18px;
	line-height: 1.2;
}

@media screen and (min-width: 1000px) {

	/* Resorts Search Widget */

	.alphaSkin.SearchHotels .ArnIndividualSearchContainer.ArnCheckOutContainer {
		width: 15%;
	}

	.alphaSkin.SearchHotels .ArnSearchHolderBoth {
		width: 33%;
		border: none;
		margin: 0;
	}
}

/***********************/
/***** Article Page/Product *******/
/************************/

.article .userControl {
	margin: 0 auto;
}

/***********************/
/***** CSS Conflict Overrides *******/
/************************/
/* Need to adjust conflicts with branding as well */

.ArnActivities button {
	padding: 0;
}

/* to go in franken over-ride white font - for 'Room label or text disappears'*/
.alphaSkin .topSearch .ArnStayTable .ArnAcdChild span {
	color: #333;
}

/* to go in franken? line 6895 */
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	.alphaSkin .page .popularDestinations .featuredDestinationsContainer .savingsLink {
		padding: 20% 15% 0;
	}
}

/***********************/
/***** Alpha Cruise Page Mods  ***************/
/************************/

.alphaSkin.cruisePage .ArnSubPage {
	margin-top: 0;
}

.alphaSkin.cruisePage .products.points-display .content {
	text-align: center;
}

.alphaSkin.cruisePage .products.points-display .contentContainer {
	margin-top: 40px;
}

.alphaSkin.cruisePage .buttonLink {
	color: white;
}

.alphaSkin.cruisePage .products .contentContainer .box .number {
	background-color: #016b9f;
	color: white;
}

.alphaSkin.cruisePage .whyBook .buttonLink {
	background-color: #016b9f;
}

.alphaSkin.cruisePage .products.rewards-display {
	display: none;
}

/* Hotel Products/Fixes */

.CheckOutForm #theBookingPage #theCharges .checkoutReview {
	margin-top: 70px;
}

.CheckOutForm #theBookingPage #theCharges legend {
	font-size: 1.5rem;
}

.CheckOutForm #theRateDescription {
	width: initial;
}

/* .alphaSkin .ArnSubPage {
  margin: 40px auto 70px;
} */

@media screen and (max-width: 1000px) {
	.CheckOutForm #theBookingPage #theCharges .checkoutReview {
		margin-top: 100px;
	}
}

@media screen and (max-width: 800px) {
	.CheckOutForm #theBookingPage #theCharges .checkoutReview {
		margin: 0;
	}
}

/* Use Travel Credits Field on product pages */

.alphaSkin.CheckOutForm #theRewardRedemptionFieldset {
	display: none;
}

.alphaSkin.CheckOutForm #applyRewardRedemption {
	display: block !important;
}

.alphaSkin.CheckOutForm #applyRewardRedemption>div {
	margin-bottom: 10px;
}

.alphaSkin.CheckOutForm #applyRewardRedemption label {
	position: static;
}

.alphaSkin.CheckOutForm #theRewardRedemptionAvailableLabel {
	display: block;
}

.alphaSkin.CheckOutForm #rewardsApplied,
.alphaSkin.CheckOutForm #rewardsAvailable {
	margin-left: 10px;
}

.alphaSkin.CheckOutForm #theRewardRedemption {
	height: initial;
	padding: 11px 5px;
}

/* Alpha Adjustments Post-Demo */

.alphaSkin.WBLoginForm .freeTrial .content .contact {
	margin-left: 10px;
}

.alphaSkin.RegistrationPage #theWBValidatedRegistrationFormBody .errors {
	background-color: #ffe7e5;
	max-width: 600px;
	margin-bottom: -53px;
	padding: 0 20px;
}

.alphaSkin.RegistrationPage #theWBValidatedRegistrationFormBody .errors li {
	color: red;
}

.alphaSkin .dashboard .resSeeAll.yesUpcoming a.submit.light {
	padding: 18px 0;
	font-weight: 800;
}

.alphaSkin.userAdmin footer a.travelclubPhoneUS {
	margin-left: 5px;
}

.alphaSkin .page.home .freeTrial .content p a span:first-child {
	text-decoration: underline;
	margin-right: 5px;
	color: white;
}

.alphaSkin.registrationPaywall .SSForm {
	padding: 0;
}

.alphaSkin.registrationPaywall #xaccountRight {
	padding: 0;
}

.alphaSkin.registrationPaywall #xaccountRight .box ol {
	list-style: disc;
}

.alphaSkin.registrationPaywall #xaccountRight .box ol li span {
	display: initial;
}

.alphaSkin.WBLoginForm .loginContainer .loginCoBrandLogo {
	max-width: 40%;
	height: initial;
	margin: 10px 0 10px 15px;
}

@media screen and (max-width: 400px) {
	.alphaSkin.WBLoginForm .loginContainer .loginCoBrandLogo {
		padding: 0;
	}
}

.alphaSkin .languageContainer {
	border-radius: 36px;
	overflow: hidden;
	background: #cccccc;
	border: 1px solid #cccccc;
	position: relative;
	margin: 0 8px;
}

.languageContainer select:focus {
	outline: 5px auto !important;
	outline-color: -webkit-focus-ring-color !important;
	outline-offset: -2px;
	border-radius: 50px;
}

.alphaSkin #language select {
	width: 140px;
	height: 35px;
	border: 0px;
	outline: none;
	font-size: 11px;
	background-color: #f2e9ec;
	cursor: pointer;
	padding: 0 8px;
}

.alphaSkin #svgFlagContainer {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 9px;
	background: transparent;
	overflow: hidden;
	pointer-events: none;
	left: 11px;
}

.alphaSkin.contact-usPage .callCenterHours ul:last-child {
	list-style: none;
}

@media screen and (min-width: 1001px) {
	.alphaSkin.userAdmin .WBClub365Menu span:nth-child(2) {
		width: 100%;
	}
}

.alphaSkin.userAdmin .advancedIcon {
	display: none;
}

/* Alpha outlier page adjustments */

@media screen and (max-width: 1000px) {
	.alphaSkin.WBForgotPasswordForm .SSForm.ArnSubPage #xaccountRight {
		display: none;
	}

	.alphaSkin.WBForgotPasswordForm .SSForm.ArnSubPage .SSFormBody {
		padding: 0;
		height: 100vh;
		display: block;
		max-width: 100%;
		width: initial;
	}

	.alphaSkin.WBForgotPasswordForm .SSForm.ArnSubPage .SSFormBody form {
		max-width: 80%;
	}
}

/* Cookie Authorization */

#alpha_consent_popup {
	position: fixed;
	bottom: -20rem;
	width: 550px;
	left: 50%;
	z-index: 9;
	margin-left: -275px;
	font-size: 13px;
	background-color: #333;
	padding: 1rem;
	color: white;
	transition: all 0.6s ease-in-out;
	display: table;
	border-collapse: separate;
}

#alpha_consent_popup div {
	width: 82%;
	display: table-cell;
	vertical-align: middle;
}

#alpha_consent_popup div:last-child {
	width: 18%;
	text-align: center;
}

#alpha_consent_popup a {
	color: white;
	text-decoration: underline;
}

#alpha_consent_popup div:last-child a {
	text-align: center;
	text-decoration: none;
	border: 1px solid white;
	padding: 0.5rem;
	border-radius: 5px;
}

#alpha_consent_popup.show {
	bottom: 2rem;
}

.closeCookieAlert {
	cursor: pointer;
}

@media screen and (max-width: 550px) {
	#alpha_consent_popup {
		width: 100%;
		left: 0;
		margin-left: 0;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	#alpha_consent_popup div {
		width: 100%;
	}

	#alpha_consent_popup div:last-child {
		width: 100%;
	}

	#alpha_consent_popup.show {
		bottom: 0;
	}
}

/* TC Admin Ledger. Default to non-display. Displays via JS in alpha.js */

.alphaSkin.userAdmin .WBClub365Menu .travelCredits {
	display: none;
}

/* V6 Hotels Style Updates for Adult Child Select position changes */

.ArnAcdChild .ArnAcdChildAges .ArnAcdSpan {
	height: 30px;
}

/* Activities people dropdown/select adjustments */

.ArnActivities .product-details section.availability form .selectPeople .age-band div {
	font-size: 0.8rem !important;
}

.ArnActivities.es_ES .product-details section.availability form .selectPeople .age-band div {
	font-size: 0.8rem !important;
}

.ArnActivities .selectPeople {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.ArnActivities .product-details section.availability form div.age-band {
	width: 100%;
	flex: 0 48.4%;
}

/* adjusts for # of ageband inputs */

/* 3 inputs */
.ageband-three .product-details section.availability {
	padding: 5px;
}

.ageband-three .product-details section.availability form div.age-band {
	flex: 0 32.8%;
	font-size: 0.65rem;
	font-weight: 600;
}

.ageband-three select {
	margin: 0;
}

.ageband-three .selectPeople {
	justify-content: space-between;
}

@media only screen and (max-width: 1300px) {
	.ageband-three .product-details section.availability form div.age-band {
		flex: 0 60.8%;
	}

	.ageband-three .selectPeople {
		justify-content: center;
	}
}

/* 1 input */
.ageband-one .selectPeople {
	justify-content: center;
}

@media only screen and (max-width: 945px) {
	.ArnActivities .product-details section.availability {
		width: 100%;
		margin-top: 20px;
	}

	.ArnActivities .product-details section.photos {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.ArnActivities.es_ES .product-details section.availability form .selectPeople .age-band div {
		font-size: 0.68rem !important;
	}
}

/* Remove currency selector and 24/7 support, Lowest price gauranteed blocks on Activities page */

.ArnActivities .currency-select {
	display: none;
}

.ArnActivities .box.three,
.ArnActivities .box.four {
	display: none;
}

.ArnActivities .landingPageBottom section div {
	justify-content: center;
}

/* Adjust the size of the pac-container on mobile */

@media screen and (max-width: 500px) {
	.pac-container {
		min-width: 300px;
	}

	.pac-container .pac-item {
		text-overflow: initial;
		white-space: initial;
	}
}

/* Fix Cars title overlap with currency select */

@media screen and (max-width: 400px) {
	.ArnCarRentals .search-container h1 {
		max-width: 50%;
	}
}

.alphaSkin .uppercase {
	text-transform: uppercase;
}

.terms-and-conditions-policiesPage .termsNav .menuItem {
	display: flex !important;
	padding: 0.5rem !important;
	align-items: center;
	justify-content: space-between;
}

.terms-and-conditions-policiesPage .termsNav .menuItem .icon::before {
	top: 0.5em;
}

.alphaSkin.xRootBody.RootTypeCity .ArnAdultsChildren .ArnAcdChild {
	top: 70px;
}

.ArnAcdChildAges .ArnAcdSelect {
	font-size: 14px;
}

/****************** Product Page Continuity **********************/

/* Activities */

.alphaSkin.ArnActivities .root-search .search-container {
	max-width: initial;
}

.alphaSkin.ArnActivities .root-search .search-container #searchForm {
	flex-wrap: initial;
	align-items: flex-end;
}

.alphaSkin.ArnActivities .root-search .search-container #searchForm .search-date {
	margin: 0;
	padding: 0 10px;
}

/***********************/
/* Disable Activities */
/**********************/

.ArnActivities .activitiesMessage {
	position: relative;
	background-color: white;
	padding: 50px;
	font-size: 25px;
	text-align: center;
	line-height: 1.7;
}

/***********************/

@media screen and (max-width: 850px) {
	.alphaSkin.ArnActivities .root-search .search-container #searchForm {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.alphaSkin.ArnActivities .root-search .search-container #searchForm .search-date {
		padding: 0;
	}

	.alphaSkin.ArnActivities #searchForm #SearchText,
	.alphaSkin.ArnActivities #searchForm #SearchDate {
		margin: 7.5px 0 0;
	}
}

@media screen and (max-width: 500px) {
	.alphaSkin.ArnActivities .root-search .search-container #searchForm .search-date {
		width: 100%;
	}
}

/* Cars */
.alphaSkin.ArnCarRentals .search-container {
	padding: 25px;
}

.alphaSkin.ArnCarRentals .search-container h1 {
	line-height: 1.3em;
}

/**************** Hotels & Resorts (across both pages) ***************/
/* Anything that uses RootBody effects both Hotels & Resorts */

.alphaSkin.RootBody #accountRight {
	display: none;
}

.RootBody .ArnSearchContainerMainTable {
	margin: 0 auto 0;
	max-width: 1280px;
}

.alphaSkin.xRootBody .searchLeft {
	padding: 200px 15px !important;
}

.alphaSkin.RootBody .ArnSearchContainerMainDiv {
	padding: 0;
	width: 100%;
	background-image: url('//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/62.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.alphaSkin.xRootBody .ArnSearchContainerMainDiv.WBSearchDestination {
	background-image: url('//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/85.jpg');
}

.alphaSkin.xRootBody .searchLeft .ArnSearchContainerMainTable {
	background-color: rgba(255, 255, 255, 0.95);
	max-width: 1280px;
	margin: 50px auto;
}

.alphaSkin.xRootBody .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
	margin: 0 0.5% 0 0;
}

.alphaSkin.xRootBody .ArnSearch {
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.alphaSkin.xRootBody .ArnSearchContainerMainDiv .reserveHotel {
	font-size: 2em;
	text-transform: uppercase;
}

.alphaSkin.xRootBody #searchForm #theSubmitButton {
	width: 228px;
	margin: 0;
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: initial;
}

.alphaSkin.xRootBody .ArnQuadSearchContainer.ArnPrimarySearchContainer {
	max-height: initial;
	display: flex;
	align-items: flex-end;
}

@media screen and (max-width: 799px) {
	.alphaSkin.xRootBody .ArnQuadSearchContainer.ArnPrimarySearchContainer {
		background-color: transparent;
	}
}

@media screen and (max-width: 750px) {
	.alphaSkin.xRootBody .searchLeft {
		padding: 0 15px !important;
	}
}

/************ End Hotels & Resorts *************/

/* Resorts */

.alphaSkin.RootTypeDestination .ArnSearch input {
	padding: 5px 10px;
}

.alphaSkin.RootTypeDestination .ArnSearchContainerMainDiv #searchForm {
	padding: 25px;
}

.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
	max-width: 20%;
}

.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer>span {
	display: block;
}

.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer .ArnCheckInDate {
	background-position: 5px 12px;
}

.alphaSkin.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
	width: 100% !important;
}

.alphaSkin.RootTypeDestination .ArnSearch #DestinationContainer #destinationAC {
	border: 1px solid #cccccc;
	text-indent: 0;
}

.alphaSkin.RootTypeDestination .ArnSearch #DestinationContainer>span {
	display: block;
}

.alphaSkin.RootTypeDestination .ArnSearch #RoomsContainer #rooms {
	border: 1px solid #cccccc;
	background-color: white;
	padding: 5px 10px;
}

.alphaSkin.RootTypeDestination .ArnSearch #SleepsContainer {
	max-width: 15%;
}

.alphaSkin.RootTypeDestination .ArnSearch #SleepsContainer #adults {
	border: 1px solid #cccccc;
	background-color: white;
	padding: 5px 10px;
}

.alphaSkin.RootTypeDestination .ArnLeftSearchContainer form {
	width: 100%;
}

@media screen and (max-width: 999px) {
	.alphaSkin.RootTypeDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 900px) {

	.alphaSkin.RootTypeDestination .xRootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
		margin: 0;
	}

	.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer,
	.alphaSkin.RootTypeDestination .ArnSearch #DestinationContainer {
		max-width: 49%;
	}

	.alphaSkin.RootTypeDestination .ArnSearch #RoomsContainer,
	.alphaSkin.RootTypeDestination .ArnSearch #SleepsContainer {
		min-width: 100%;
		margin: 7.5px 0;
	}

	.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
		margin-right: 2%;
	}
}

.alphaSkin.RootTypeDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer {
	background-color: initial;
}


@media screen and (max-width: 800px) {
	.RootTypeDestination .ArnSearch {
		gap: 30px !important;
	}
}

@media screen and (max-width: 550px) {

	.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer,
	.alphaSkin.RootTypeDestination .ArnSearch #DestinationContainer {
		max-width: 100%;
	}

	.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
		margin-right: 0;
	}

	.alphaSkin.RootTypeDestination #searchForm #theSubmitButton {
		width: 100%;
	}
}

.userAdmin .filters {
	margin: -100px 0 0;
}

@media screen and (max-width: 1000px) {
	.userAdmin .filters {
		margin: -60px 0 0;
	}
}

@media only screen and (max-width: 650px) {
	.userAdmin .filters {
		margin: 0 0 16px 0;
	}
}

#theCoupon {
	padding: 0;
	height: 39px;
}

/*header fix*/
.arnVillas .main-view-div {
	margin-top: 110px;
}

@media screen and (max-width: 1000px) {
	#SortControlsContainer .hamburger {
		font-size: 14px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
	.ArnCarRentals .filters svg {
		display: block !important;
	}
}

@media only screen and (max-width: 1000px) {
	.ArnCarRentals section.filters .toggle {
		top: 10px;
	}
}

/**********************************/
/************ PTS Promos **********/
/**********************************/

.aem-caas {
	visibility: hidden;
}

.search-promo-banner {
	border: 1px solid #351f65;
	border-radius: 4px;
	background: #f3faf8;
	margin: 15px auto;
	max-width: 1120px;
	text-align: center;
	padding: 15px;
}

.search-promo-banner .text,
.search-promo-banner .text .cmp-text,
.search-promo-banner .text .cmp-text p {
	display: inline;
}

.search-promo-banner .iconcard .box span div {
	display: inline;
}

.search-promo-banner .iconcard img {
	width: 37px;
	height: 37px;
	display: inline;
}

.search-promo-banner .iconcard h4 {
	display: inline;
	margin-left: 10px;
	font-size: 18px;
	font-weight: bold;
}

.search-promo-banner .iconcard p {
	display: inline;
	font-size: 18px;
}

.search-promo-banner .iconcard,
.search-promo-banner .externalbutton,
.search-promo-banner .externalbutton a {
	display: inline;
}

.search-promo-banner .externalbutton a {
	padding: 10px;
	color: #fff;
	margin-left: 15px;
}

.my-offer {
	position: relative;
}

.my-offer .externalbutton {
	position: absolute;
	width: 90%;
	bottom: 20px;
}

.my-offer .iconcard .box {
	border: none !important;
	border-radius: unset !important;
	height: unset !important;
	padding: unset !important;
	background: transparent !important;
	text-align: center !important;
}

.my-offer .iconcard span {
	display: inline !important;
}

.page div.sectionContainer .content .my-offer .iconcard .box span,
.page div.sectionContainer .content .my-offer .iconcard a.box span {
	display: block !important;
}

.my-offer .iconcard img {
	margin: 0 0 1rem 0;
}

.my-offer .iconcard h4 {
	max-width: unset !important;
	letter-spacing: unset !important;
	color: #000 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 20px;
}

.my-offer .iconcard p {
	font-weight: normal;
	margin-bottom: 25px;
}

.my-offer .externalbutton a {
	color: #fff;
}

.page.home .dashboard .my-offer.box a:hover {
	background-color: unset;
}

@media only screen and (max-width: 1000px) {
	.search-promo-banner {
		margin: 15px 1rem;
	}

	.my-offer .externalbutton,
	.search-promo-banner .externalbutton {
		margin: 15px 15px 0;
	}
}

@media screen and (max-width: 800px) {
	.search-promo-banner .externalbutton {
		display: block;
		width: auto;
	}
}

/* Mobile Mod for Hotels (sticky header) */

/* Mobile sliding header functionality for hotels  */

.freeze-body-scroll {
	overflow: hidden;
}

.z-index-10 {
	z-index: 10 !important;
}

body.SearchHotels.mobile {
	background-color: #f7f7f7;
}

@media screen and (max-width: 800px) {
	.alphaSkin.SearchHotels.mobile header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 7;
		transition: top 0.3s;
	}

	.alphaSkin.SearchHotels.mobile.scroll-down header {
		top: -125px;
	}

	.alphaSkin.SearchHotels.mobile.scroll-up header {
		top: 0;
	}

	.alphaSkin.SearchHotels.mobile header .nav-bottom {
		z-index: 4;
	}

	.alphaSkin.SearchHotels.mobile .ArnSearchContainerMainDiv {
		position: relative;
		margin-top: 120px;
		transition: top 0.3s;
	}

	.alphaSkin.SearchHotels.mobile .subHeaderContainer {
		position: fixed;
		top: 118px;
		left: 0;
		right: 0;
		z-index: 6;
		background-color: white;
		transition: top 0.3s;
	}

	.alphaSkin.SearchHotels.mobile.scroll-down .subHeaderContainer {
		top: -250px;
	}

	.alphaSkin.SearchHotels.mobile.scroll-up .subHeaderContainer {
		top: 117px;
	}
}

/* End mobile sliding header functionality for hotels  */

.staticWidgetPage .topSearch .destination {
	text-overflow: ellipsis;
}

.termsPolicies.page a,
.termsPolicies.page a:link {
	text-decoration: underline;
}

/***************** New Widget Updates ********************/

/* selector structure - page, section, component, <whatever's needed> */

/* Resets for Widget */

/* grid.css 147 */
@media only screen and (min-width: 1000px) {
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer {
		width: initial;
		margin: initial;
	}

	/* grid.css 151 */
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer {
		float: initial;
		width: initial;
	}
}

/* brownstone.css 2722 */
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth {
	width: 100%;
	max-width: 218px;
	margin: initial;
	background-color: initial;
}

/* End Resets */

.staticWidgetPage .topContainer .titleContainer {
	max-width: 900px;
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	color: white;
}

.staticWidgetPage .topContainer .titleContainer .titleContent {
	margin: 4.3rem auto 4.3rem;
	width: 100%;
	padding: 3rem 0 3rem !important;
}

.staticWidgetPage .topContainer .titleContainer .topSearch {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	padding: 0 16px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm {
	background-color: white;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearch {
	display: flex;
	align-items: center;
	justify-content: center;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer {
	width: 100px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth,
.staticWidgetPage .topContainer .titleContainer .topSearch .the-submit-button-area,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer {
	background-color: white;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth {
	padding: 0 0 0 5px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer>span,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>span,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>span,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>span {
	color: #212427;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer>span,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>span,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>span {
	padding: 10px 10px 0 !important;
	line-height: 1.5;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>span {
	padding: 0px 0px 3px 0 !important;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer>input,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>input,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>input,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>input {
	border: none;
	font-size: 15px;
	padding: 0 5px;
	color: #7c7c7e;
	font-weight: 500;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer>input::placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>input::placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>input::placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>input::placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer>input:-ms-input-placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>input:-ms-input-placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>input:-ms-input-placeholder,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>input:-ms-input-placeholder {
	color: #7c7c7e;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>input,
.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>input {
	text-transform: lowercase;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer {
	width: 100%;
	max-width: 241px;
	border-radius: 4px 0 0 4px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnGroupSearchContainer {
	display: flex;
	align-items: center;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer .destination {
	text-overflow: ellipsis;
	border-radius: 4px 0 0 4px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnStayTable {
	height: 40px;
	color: #7c7c7e;
	font-weight: 600;
}

.staticWidgetPage .topContainer .titleContainer .topSearch #theSubmitButton {
	height: initial;
	width: 92px;
	padding: 14px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

.topContainer .titleContainer .topSearch #theSubmitButton:focus {
	outline: 5px auto;
	outline-color: -webkit-focus-ring-color;
	outline-offset: -2px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth .ArnAcdParentLable {
	font-size: 15px;
	font-weight: 500;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth .ArnAcdParent {
	text-align: initial;
	margin: 0;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth .ArnAcdParentLable::after {
	display: none;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .vl {
	border-right: 1px solid #b2b2b2;
	height: 48px;
}

.staticWidgetPage .topContainer .titleContainer .topSearch .the-submit-button-area {
	height: 68px;
	width: 100%;
	max-width: 115px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 0 4px 4px 0;
}

.topContainer .titleContainer .topSearch input[type="text"]:focus {
	outline: 5px auto;
	outline-color: -webkit-focus-ring-color;
	outline-offset: -2px;
}

@media screen and (max-width: 750px) {
	.staticWidgetPage .topContainer .titleContainer .topTitle h1 {
		padding: 0 15px;
		text-align: left;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearch {
		display: block;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer>input,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer>input,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer .destination {
		border-radius: 4px;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnDestSearchContainer {
		max-width: initial;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckOutContainer,
	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnCheckInContainer {
		width: 50%;
		max-width: initial;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth>span {
		padding: 10px 10px 0 5px !important;
	}

	.staticWidgetPage .topContainer .ArnAdultsChildren {
		padding: 0 0 5px 5px;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .searchForm {
		background-color: initial;
		box-shadow: none;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnGroupSearchContainer {
		margin: 15px 0;
		gap: 10px;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnStayTable {
		text-align: left;
		margin: 0 0 0 10px;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth {
		max-width: initial;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .the-submit-button-area {
		background-color: initial;
		max-width: initial;
		height: initial;
		margin-top: 15px;
	}

	.staticWidgetPage .topContainer .titleContainer .topSearch .submit {
		width: 100%;
		padding: 16px;
	}

	.staticWidgetPage .topContainer .titleContainer {
		padding-top: 0;
	}

	.staticWidgetPage .topContainer .titleContainer .titleContent {
		margin: 0;
	}
}

/***************** End New Widget Updates ********************/

/* Remove Sort by Name filter */

.SearchHotels #SortControlsContainer .ArnSortContainer .ArnSortByName {
	display: none !important;
}

/***************** update for resorts search bar ab********************/

/*get rid of sleeps and rooms on all PTS clubs to go in Alpha?*/
.RootTypeDestination.alphaSkin .ArnSearch .ArnIndividualSearchContainer.ArnRoomsContainer,
.RootTypeDestination.alphaSkin .ArnSearch .ArnIndividualSearchContainer.ArnSleepsContainer {
	display: none;
}

.RootTypeDestination.alphaSkin .searchLeft {
	padding: 80px 15px !important;
}

@media screen and (min-width: 1000px) {
	.RootTypeDestination.alphaSkin .ArnSearch {
		width: 80%;
	}

	.RootTypeDestination.alphaSkin .searchLeft .ArnSearchContainerMainTable {
		max-width: 880px;
	}

	.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
		max-width: 40%;
	}
}

@media screen and (max-width: 1000px) {
	.RootTypeDestination.alphaSkin .ArnSearch #CheckInContainer {
		max-width: 100%;
	}

	.alphaSkin.xRootBody .ArnQuadSearchContainer.ArnPrimarySearchContainer {
		gap: 2px;
	}

	.alphaSkin.xRootBody #searchForm #theSubmitButton {
		width: 100%;
	}
}

@media screen and (max-width: 900px) {

	.RootTypeDestination.alphaSkin .ArnSearch #CheckInContainer,
	.alphaSkin.RootTypeDestination .ArnSearch #DestinationContainer {
		max-width: 100%;
	}

	.RootTypeDestination.alphaSkin #searchForm #theSubmitButton {
		width: 100%;
	}
}

/*scroll fix to hide y? test*/
@media screen and (max-width: 1000px) {

	/*adjustment for search window on mobile*/
	.RootTypeDestination.alphaSkin .searchLeft {
		padding: 80px 15px !important;
	}
}

/***************** END update for resorts search bar ab********************/

/*****************  New Hotel Filter Design ********************/

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAdvancedSearchImg {
	border-bottom: 1px solid #c7c6c8;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAdvancedSearchImg h2 {
	text-align: center;
	letter-spacing: normal;
	line-height: initial;
	margin: 16px 0;
}

@media screen and (min-width: 800px) {
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop {
		background-color: white !important;
		position: fixed !important;
		z-index: 2;
		width: 100% !important;
		max-width: 627px;
		display: none;
		border-radius: 4px;
		left: 0 !important;
		bottom: 0;
		cursor: initial;
		border: none !important;
		margin: auto;
		padding: 0 !important;
		box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.15) !important;
		top: 0 !important;
		height: 83%;
		max-height: 900px;
		right: 0;
		overflow-y: scroll;
		transition: all 0.5s ease-in-out;
	}

	.SearchHotels.SearchDestination .subHeader form .ArnSecondarySearchOuterContainerTop {
		height: 75%;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox:hover~span {
		border: 1px solid #f6f6f6;
		background-color: #f6f6f6;
	}

}

@media only screen and (min-width: 1000px) {
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .close {
		position: absolute;
		top: 8px;
		right: 16px;
		font-size: 24px;
		font-weight: 300;
		cursor: pointer;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
		width: 100%;
		padding: 10px 30px;
	}

	.SearchHotels .ArnPrimarySearchContainer .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
		position: absolute;
		display: inline-block;
		height: 78px;
		width: 124px;
		margin: 0;
		text-transform: capitalize;
		text-align: center;
		padding-top: 45px;
		pointer-events: none;
		border: 1px solid black;
		left: 0;
		top: 0;
	}

	.subHeader form .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer.ArnHotelNameContainer {
		display: block !important;
	}
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop::-webkit-scrollbar {
	display: none;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.SearchHotels .subHeader #searchForm .ArnSecondarySearchOuterContainerTop select {
	cursor: pointer;
	padding: 0 25px 0 10px;
	border-radius: 4px;
	font-size: 14px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop #HotelNameContainer #hotelName {
	border-radius: 4px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .close {
	position: absolute;
	top: 18px;
	border: none !important;
	right: 16px;
	font-size: 0;
	font-weight: 300;
	cursor: pointer;
	color: black;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .close img {
	display: block !important;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop #HotelNameContainer #hotelName::placeholder {
	color: transparent;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
	width: 100%;
	padding: 6px 30px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField .checkbox,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField .checkbox,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField .checkbox {
	height: 18px;
	width: 18px;
	cursor: pointer;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop #HotelNameContainer span {
	padding: 12px 0;
	font-size: 16px;
	display: inline-block;
	font-weight: 700;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnHotelNameContainer {
	padding: 6px 30px 12px;
}

/* Ameneties */

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 78px;
	width: 124px;
	margin: 0;
	pointer-events: none;
	border: 1px solid black;
	left: 0;
	top: 0;
	font-size: 10px;
	border-radius: 4px;
	padding: 0 0 12px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-bottom: 1px solid #c7c6c8;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblAmenities {
	font-size: 16px;
	font-weight: 700;
	border-top: 1px solid #c7c6c8;
	padding: 12px 0 12px 0;
	grid-column: 1/-1;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnCurrenciesContainer .ArnSearchField .lblCurrency {
	flex: 0 0 100%;
	padding-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div:not(.lblAmenities) {
	position: relative;
	display: inline-block;
	padding: 0 0 16px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>img {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	left: 50px;
	top: 16px;
	width: 24px;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblComplimentaryBreakfast {
	text-align: center;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox {
	width: 124px;
	height: 78px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox:checked~span {
	border: 1px solid #026b9f;
	background-color: rgb(2, 107, 159, 0.1);
}

/* End Ameneties */

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 10px;
	padding: 0 0 20px;
	border-bottom: 1px solid #c7c6c8;
}

.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField .lblPropertyType,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField .lblRating,
.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField .lblRateTypes {
	grid-column: 1 / -1;
	font-size: 16px;
	font-weight: 700;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V5StarsBox {
	order: 1;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V4StarsBox {
	order: 3;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V3StarsBox {
	order: 5;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V2StarsBox {
	order: 2;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V1StarBox {
	order: 4;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .filterSubmitContainer {
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	background: rgba(255, 255, 255, 0.9);
}

.SearchHotels .ArnSecondarySearchOuterContainerTop #theOtherSubmitButton {
	width: initial;
	margin: 0;
	color: white;
	order: 2;
	padding: 12px 50px;
	line-height: initial;
	border: none;
	background-color: #0464b0;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop .clearAllBtn {
	text-decoration: underline;
	font-size: 15px;
	color: #246bf7;
	cursor: pointer;
}

@media screen and (max-width: 1000px) {
	.SearchHotels .close.filters {
		border-bottom: none;
		border-right: none;
		border-top: none;
		width: initial;
		padding: initial;
	}
}

@media screen and (max-width: 999px) {
	.alphaSkin.SearchHotels .overlay {
		background-color: rgba(0, 0, 0, 0.7);
		pointer-events: auto;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
}

@media screen and (max-width: 800px) {
	.SearchHotels #FilterIcon {
		display: none;
	}

	.SearchHotels .subHeader .ArnSecondarySearchOuterContainerTop {
		height: 75%;
		position: fixed;
		width: 100%;
		top: initial;
		bottom: -1000px;
		left: 0;
		background-color: white;
		padding: 0 20px;
		overflow: scroll;
		z-index: 9999;
		-webkit-transition: bottom 0.2s ease-in-out;
		transition: bottom 0.2s ease-in-out;
	}

	.SearchHotels .subHeader .ArnSecondarySearchOuterContainerTop.open {
		bottom: 0;
	}

	.SearchHotels .subHeader .ArnSecondarySearchOuterContainerTop .submit {
		height: 50px;
		margin: 0 !important;
		position: initial;
		left: initial;
		bottom: initial;
		width: 100%;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAdvancedSearchImg {
		display: inline-block;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAdvancedSearchImg h2 {
		text-align: left;
		padding: 0 0 0 30px;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .filterSubmitContainer {
		position: fixed;
	}

	.SearchHotels .subHeader #searchForm .ArnSecondarySearchOuterContainerTop {
		padding: 0 0 100px !important;
	}

	.SearchHotels .subHeader .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
		border-top: none;
		border-bottom: none;
	}
}

@media screen and (max-width: 600px) {
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 500px) {
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox {
		width: 100px;
		height: 78px;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
		height: 78px;
		width: 100px;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>img {
		left: 38px;
		top: 17px;
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
		font-size: 9px;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField,
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField,
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField {
		grid-template-columns: repeat(1, 1fr);
	}

	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V5StarsBox,
	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V4StarsBox,
	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V3StarsBox,
	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V2StarsBox,
	.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .V1StarBox {
		order: initial;
	}

	/* Rearrange checkbox layout */
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div:not(.lblRating),
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField>div:not(.lblPropertyType) {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField>.refundable:not(.lblRateTypes) {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>input[type='checkbox'],
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnPropertyTypesContainer .ArnSearchField>div>input[type='checkbox'],
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnRateFiltersContainer .ArnSearchField .refundable>input[type='checkbox'] {
		order: 2;
	}

	/* End Rearrange checkbox layout */
}

@media screen and (max-width: 370px) {
	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
		grid-template-columns: repeat(2, 1fr);
		justify-items: center;
	}

	.SearchHotels .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblAmenities {
		justify-self: normal;
	}
}

/***************** End New Hotel Filter Design ********************/

/******************** RESORT STORE BANNER **************************/

.SearchDestination .resortStoreCTA {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	border: 1px solid rgba(211, 211, 211);
	outline: 4px solid white;
	outline-offset: -4px;
	margin: 0 0 20px;
}

.SearchDestination .resortStoreCTA div:first-of-type {
	width: 100%;
	background-color: rgba(244, 245, 246);
	padding: 2rem 2rem 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 4px solid white;
}

.SearchDestination .resortStoreCTA div:last-of-type {
	width: 100%;
	background-color: rgba(224, 239, 249);
	padding: 1.5rem;
}

.SearchDestination .resortStoreCTA p {
	font-weight: 600;
	color: #333;
	font-size: 17px;
}

.SearchDestination .resortStoreCTA div:last-of-type a {
	background-color: #0072ce;
	color: white;
	padding: 10px 30px;
	border-radius: 4px;
	border: 1px solid #d3d3d3;
	text-align: center;
	margin: -15px 0 0 150px;
}

.SearchDestination .resortStoreCTA div:last-of-type a:hover {
	background-color: #00447c;
}

.SearchDestination span.circleContainer.one,
.SearchDestination span.circleContainer.two {
	background-color: rgba(211, 211, 211);
	border-radius: 50%;
	height: 82px;
	width: 85px;
	padding: 1.4rem 0.55rem 1.5rem;
	border: 2px solid #eee;
}

.SearchDestination .theCTAWrapperfirst,
.theCTAWrapperlast {
	display: inline-flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	line-height: 30px;
	align-items: flex-start;
	margin: 0 0 0 20px;
}

.SearchDestination .theCTAWrapperlast {
	width: 58%;
}

.SearchDestination .theCTAWrapperlast p {
	margin: 10px 0;
}

.SearchDestination .circleContainer h2 {
	margin: 0;
}

.SearchDestination img.hotelIcon {
	width: 50px;
	margin: -6px 0 8px 8px;
}

.SearchDestination img.resortsIcon {
	width: 46px;
	margin: -8px 0 0 6.5px;
}

.SearchDestination .theCTAWrapperfirst p,
.theCTAWrapperfirst h2,
.SearchDestination .theCTAWrapperlast p,
.theCTAWrapperlast h2 {
	margin: 0;
	line-height: 25px;
}

.SearchDestination .theCTAWrapperfirst h2,
.SearchDestination .theCTAWrapperlast h2 {
	padding: 10px 0 10px;
	font-size: 24px;
	line-height: 1.2;
}

.SearchDestination .resortStoreCTA div:last-of-type .theCTAContainerlast {
	display: inline-flex !important;
	width: 100%;
	align-items: center;
	justify-content: center;
	border: none;
}

@media screen and (max-width: 1000px) {
	.SearchDestination .resortStoreCTA {
		flex-direction: column;
	}

	.SearchDestination .resortStoreCTA div:first-of-type,
	.SearchDestination .resortStoreCTA div:last-of-type {
		width: 100%;
	}
}

/******************** RESORT STORE PLBE **************************/

.arnMywebresresorts .site-main-container h1,
.arnMywebresresorts .site-main-container h2,
.arnMywebresresorts .site-main-container h3,
.arnMywebresresorts .site-main-container h4,
.arnMywebresresorts .site-main-container h5,
.arnMywebresresorts .site-main-container h6 {
	font-size: 35px;
	letter-spacing: 0;
	margin: 15px 0 20px 0;
	text-transform: unset;
}

/* ************************ FinalComfirmation Upsell Component ***************** */

.FinalConfirmation .crossSell {
	border: 1px solid #ccc;
}

.FinalConfirmation .crossSell .crossSellImageContainer img {
	width: 100%;
	border-radius: 4px;
	height: auto;
	display: none;
}

.FinalConfirmation .crossSell .crossSellTitle {
	display: flex;
	align-items: center;
	padding: 11px 24px;
}

.FinalConfirmation .crossSell .crossSellTitle p {
	font-size: 24px;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
}

.FinalConfirmation .crossSell .crossSellTitleContainer {
	border-bottom: 1px solid #ccc;
}

.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
	font-size: 12px;
	background-color: #026b9f;
	padding: 4px 10px;
	color: white;
	border-radius: 30px;
	margin-left: 16px;
}

.FinalConfirmation .crossSell .crossSellBodyContainer {
	padding: 11px 24px;
}

.FinalConfirmation .crossSell .crossSellImageContainer {
	position: relative;
	min-height: 150px;
	background-image: url('//media.travsrv.com/appSkins/77062/v6/themes/standard/images/car-upsell-image-2.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.FinalConfirmation .crossSell .crossSellImageContainer .promoTag {
	color: white;
	background-color: black;
	position: absolute;
	top: 15px;
	left: 0;
	display: inline-block;
	padding: 4px 16px 4px 8px;
	border-radius: 0px 16px 16px 0px;
}

.FinalConfirmation .crossSell .crossSellContentContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}

.FinalConfirmation .crossSell .crossSellContent {
	width: 80%;
}

.FinalConfirmation .crossSell .crossSellContentSubTitle {
	font-size: 20px;
	margin: 0;
	font-weight: 600;
	padding-bottom: 6px;
}

.FinalConfirmation .crossSell .crossSellContentSubText {
	margin: 0;
}

.FinalConfirmation .crossSell .carUpsellBtn {
	padding: 7px 16px;
	color: white;
	display: inline-block;
	background-color: black;
	font-size: 16px !important;
	border-radius: 4px;
}

@media screen and (max-width: 1000px) {
	.FinalConfirmation .crossSell .crossSellContentContainer {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.FinalConfirmation .crossSell .crossSellContent {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.FinalConfirmation .crossSell .crossSellTitle {
		padding: 11px 15px;
	}

	.FinalConfirmation .crossSell .crossSellBodyContainer {
		padding: 11px 15px;
	}

	.FinalConfirmation .crossSell .crossSellTitle p {
		font-size: 20px;
	}

	.FinalConfirmation .crossSell .crossSellContentSubTitle {
		font-size: 18px;
	}
}

/* START: TIA-153: Package Enhancements CSS */
.packageEnhancements .accoundDetails .membershipInfo {
	display: block;
}

.packageEnhancements .accoundDetails .memberInfo span {
	font-size: 16px;
	letter-spacing: 0.12px;
	line-height: 24px;
	font-weight: bold;
}

.packageEnhancements .accoundDetails #MemberType.memberInfo {
	width: 45%;
}

.packageEnhancements .accoundDetails #MemberType.memberInfo .expiresOnDate {
	font-weight: normal;
}

/* END: TIA-153: Package Enhancements CSS */

/************** START: Sticky Map Button ***************/
.sticky-cta {
	display: none;
}

@media screen and (max-width: 480px) {
	.sticky-cta {
		display: block;
	}

	.sticky-cta .sticky-cta-img {
		display: none;
		position: fixed;
		bottom: 10px;
		left: 50%;
		margin-left: -58px;
		z-index: 9999999;
	}

	.sticky-cta .sticky-cta-img.sticky-cta-img--map {
		display: block;
	}
}

/************** END: Sticky Map Button ***************/

/*** Site Discount Card Active ***/

.siteDiscountCardActive .search-promo-banner-discount.discountCard {
	border: 1px solid #351f65;
	border-radius: 4px;
	background: #f3faf8;
	margin: 15px auto;
	max-width: 1120px;
	text-align: center;
	padding: 15px;
}

.siteDiscountCardActive .page .search-promo-banner-discount.discountCard a.submit {
	display: inline-block;
	width: initial;
	padding: 16px 16px;
	margin: 0 0 0 10px;
	color: white;
}

.siteDiscountCardActive #theCouponRemoveButton {
	display: none;
}

.siteDiscountCardActive .totalSavings {
	font-weight: 700;
	margin: 15px 0 5px;
}

.siteDiscountCardActive .PaymentPolicies table.savingsTable tr {
	border-bottom: none;
}

.siteDiscountCardActive .PaymentPolicies table.savingsTable th,
.siteDiscountCardActive .PaymentPolicies table.savingsTable td {
	background-color: transparent;
	width: 50%;
	border: none !important;
	padding: 2px 0;
	color: #3aab03;
	font-weight: 500;
}

.siteDiscountCardActive .PaymentPolicies table.savingsTable th {
	color: #333;
}

.siteDiscountCardActive .totalSavingsMessage {
	text-align: center;
	color: #3aab03;
	margin: 15px 0;
}

.siteDiscountCardActive .savingsTable.error tr {
	display: flex;
}

.siteDiscountCardActive .savingsTable.error tr td {
	color: red;
}

.siteDiscountCardActive .PaymentPolicies table.savingsTable.error tr:first-child {
	width: 100%;
	flex-direction: revert;
}

.siteDiscountCardActive .PaymentPolicies table.savingsTable.error tr:first-child td {
	width: 100%;
	text-align: center;
	border: 1px solid red !important;
	margin: 12px 0;
	padding: 5px;
}

/*** End Site Discount Card Active ***/

/* Start MyWebRez Fixes */

.arnMywebresresorts .checkbox {
	display: block;
	height: initial;
	min-height: initial;
	width: initial;
}

.arnMywebresresorts input {
	border-radius: 0;
	width: initial;
	height: initial;
	text-indent: 0;
}

.arnMywebresresorts h1 {
	text-transform: capitalize;
	letter-spacing: 0;
}

.arnMywebresresorts footer p {
	font-size: 10px;
	color: white;
}

.arnMywebresresorts footer a,
.arnMywebresresorts footer a:link {
	color: white;
	text-decoration: underline;
}

.arnMywebresresorts .resort-fees-and-policies-container h3.section-title {
	font-size: 16px;
}

.arnMywebresresorts .dropdown-content {
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.arnMywebresresorts .alphaSkin .nav-top {
		z-index: 2;
	}
}


/* ******************** Keystone Adjustments ******************** */
/* ************************************************************** */

.staticWidgetPage .ArnSearchHolderBoth {
	min-width: initial;
	height: initial;
}

.SearchHotels.SearchMode-WBHotelListKeystone .copyright {
	margin: 0;
	width: 915px;
}

footer li {
	list-style-position: inside !important;
}

@media screen and (max-width: 1200px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .copyright {
		width: 800px;
	}
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .copyright {
		width: 100%;
	}
}

/* Goes in Keystone */
/* 87908 */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
	height: 100%;
}

/*center eyeball*/
.WBLoginForm #thePasswordAjax span.passwordShow {
	top: 50px;
}

/*get rid of asterisk franken*/
.WBLoginForm .Required label:after {
	display: none;
}


/********** HOTEL SEARCH Alpha Style TEST**************/

.RootBody .ArnPrimarySearchOuterContainer {
	margin: 80px 0;
	background-color: rgba(255, 255, 255, 0.95);
}

.RootBody .RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
	margin: 40px auto;
	width: 100%;
	padding: 5px 25px 25px;
	max-width: 1280px;
	box-shadow: none;
	padding: none;
	border-radius: 0;
	background-color: unset;
}

.RootBody .RootPage .ArnSearch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0;
	flex: 1 0;
	gap: 4px;
	display: flex;
	width: 100%;
}

.RootBody .ArnSearchHeader {
	font-size: 30px !important;
	text-transform: uppercase;
	color: black !important;
	font-weight: 600;
	text-align: left !important;
	margin: 0 0 0 25px;
}

.RootBody .ArnPrimarySearchOuterContainer .submit {
	width: 15%;
	height: 55px;
	font-size: 16px;
	border-radius: 0;
	text-indent: 0;
	margin: 0 0 0 4px;
	font-weight: 400;
	text-transform: capitalize;
	max-width: 180px;
}

.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
	xwidth: 20%;
	min-width: 140px;
}

.RootBody .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
	display: flex;
	border: 1px solid #ccc;
	background-color: white !important;
	height: 55px;
}

.RootBody .RootPage .ArnSearchHolderBoth {
	margin: 0;
	font-weight: 600;
	height: 55px;
	border: 1px solid #ccc;
	width: 40%;
}

.RootBody .RootPage .ArnPrimarySearchContainer textarea,
.RootBody .RootPage .ArnPrimarySearchContainer input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: transparent;
}

.RootBody .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
	width: 40%;
	min-width: 160px;
}

.RootBody .RootPage .ArnIndividualSearchContainer.ArnPlacesSearchContainer label,
.RootBody .RootPage .ArnIndividualSearchContainer.ArnCheckInContainer span,
.RootBody .RootPage .ArnIndividualSearchContainer.ArnCheckOutContainer span {
	display: block !important;
	position: absolute !important;
	margin: -25px 0 0 0;
	font-weight: 500;
}

.RootBody .ArnIndividualSearchContainer.ArnCheckInContainer span,
.RootBody .ArnIndividualSearchContainer.ArnCheckOutContainer span {
	margin: -25px 0 0 -10px;
}

.RootBody .ArnPrimarySearchOuterContainer {
	padding: 0;
}

/*mobile*/
@media only screen and (max-width: 1000px) {
	.RootBody .ArnSearch .ArnSearchHolderBoth {
		min-width: 130px;
		width: 20%;
	}

	.RootBody .ArnAdultChildDropdown.WBRoomsAdultsChildrenKeystone {
		margin: 0 10px;
	}
}

@media only screen and (max-width: 800px) {
	.RootBody .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
		border: none;
		background-color: transparent !important;
	}

	.RootPage #pac-input {
		background-color: white;
		border: 1px solid #ccc;
	}

	.RootBody .RootPage .ArnSearch {
		flex-wrap: wrap;
	}

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
		width: 100%;
		min-width: 160px;
		gap: 20px;
	}

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
		width: 33%;
		min-width: 140px;
		border-right: 1px solid #ccc !important;
	}

	.RootBody .ArnSearch .ArnSearchHolderBoth {
		min-width: 130px;
		width: 32.6%;
	}

	.RootBody .ArnPrimarySearchOuterContainer .submit {
		width: 100%;
		margin: 20px 0 0 0px;
		max-width: 100%;
	}

	.RootBody .arnGeoButton {
		margin: 5px 20px 0;
	}
}

@media only screen and (max-width: 700px) {

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
		width: 100%;
		max-width: 100%;
	}

	.RootBody .ArnSearch .ArnSearchHolderBoth {
		width: 100%;
		max-width: 100%;
	}

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
		width: 100%;
		max-width: 100%;
	}

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
		margin: 25px 0 20px;
	}

	.RootBody .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer {
		margin: 0;
	}
}

/*over-ride for sections getting pushed up - hotel search page*/
@media only screen and (max-width: 500px) {
	.RootBody .ArnSearchContainerMainDiv {
		width: 100%;
		position: static !important;
		top: 0;
	}
}

/********** END of HOTEL SEARCH Alpha Style **************/

/*** Hotels Landing Page Fix - featured properties slider TEST ***/

/*landing bottom components - hotels*/
.RootBody .landingBottomContent, .popularDestinationsLandingContainer {
	display: block !important;
}

/*scroll cards featured properties*/
.RootBody .landingBottomContent.page .popularProperties .featuredPropertiesContainerContent .text {
	max-width: 100%;
	overflow-x: auto;
	display: flex;
	flex-wrap: nowrap;
}

.RootBody .featuredProperty h3 {
	color: black;
}

.RootBody .page .popularProperties div.sectionContainer .content {
	display: block;
}

.RootBody a.featuredProperty {
	margin: 0 5px 5px !important;
	width: 22.22%;
}

@media only screen and (max-width: 1000px) {
	.RootBody .page .content a.featuredProperty {
		min-width: 275px;
	}
}

/*over-ride as sections were pulling up on mobile*/
@media only screen and (max-width: 500px) {
	.RootBody .ArnSearchContainerMainDiv {
		width: 100%;
		position: static !important;
		top: 0;
	}
}

/*destinations*/
.RootBody .featuredDestinationsContainerContent {
	flex-wrap: nowrap;
}

/*** END of Hotels Landing Page Fix - featured properties slider ***/

/* ROOMS and GUESTS controller fix for Alpha Sites */
.alphaSkin .searchOptionsControls {
	justify-content: space-between;
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit:hover {
	background-color: white;
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit {
	width: 47%;
	padding: 10px 15px;
	border-radius: 32px;
}

.alphaSkin .searchOptionsControls button.doneSearchOptions.submit {
	width: 47%;
	padding: 10px 15px;
	border-radius: 32px;
}

@media screen and (min-width: 1000px) {

	/* MAP controls fix for Alpha Sites */
	.leaflet-top .leaflet-control {
		top: 130px !important;
	}
}

div.arnMapExtend {
	top: 140px;
}

/* Searching box and filter for mobile fix for Alpha Sites */
@media only screen and (max-width: 500px) {
	.RootBody div.ArnAcdChild {
		min-height: 100%;
	}

	div.searchingWrapper {
		left: 50%;
		top: 140px;
	}
}

@media screen and (max-width: 650px) {
	.SearchHotels.SearchMode-WBHotelListKeystone select.ARNSortItem {
		padding: 4px 25px 4px 4px;
	}

	.ArnSupportLinks.ArnSupportBottom.static {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone.filterView div.leftSide {
		top: 120px;
		height: calc(100% - 120px);
	}

	.SearchHotels.SearchMode-WBHotelListKeystone a.closeFilters {
		top: 135px;
	}
}



.alphaSkin .topSearch .ArnStayTable .ArnAcdChild span {
	margin: 0 !important;
	display: inline-flex;
	align-content: space-around;
	margin: 0px 0 10px !important;
}

@media only screen and (max-width: 500px) {
	.alphaSkin.RootBody div.ArnAcdChild {
		z-index: 26;
	}
}

@media only screen and (max-width: 800px) {
	.WBLoginForm .WBLoginFormContainer.ArnSubPage {
		padding: 0;
		margin: 0;
		max-width: 100%;
		width: 100%;
		display: inline;
	}
}

@media only screen and (max-width: 1000px) {
	.alphaSkin .litepicker {
		position: absolute !important;
	}
}

/* Fix for amenities icons */
.ArnIconContainer img.On {
	margin: 0 10px 0 0;
}


@media screen and (max-width: 1000px) {
	.staticWidgetPage .ArnAcdParentLable {
		display: block;
	}
}


/* Hide Pre & post pay checkboxes when showRateFilters.config=true  */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.prePay, .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.postPay {
	display: none !important;
}

/* Alignment for dates and number of people in mobile view - search results */
@media screen and (max-width: 650px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnAdultChildDropdown .ArnAcdParent {
		max-width: 65px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer, .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
		width: 85px;
		min-width: 85px;
	}
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
		background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/eyeglass-white.png?%version%") !important;
	}
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor:hover {
	color: #36382E;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
	max-width: 220px;
}

@media screen and (max-width: 650px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
		margin: 10px 0 0 auto;
	}
}


.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
	top: 170px !important;
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
		top: 175px !important;
		left: 15px !important;
	}
}


.en_GB.SearchHotels .arnMapMarkerSpan,
.en_GB.SearchHotels .original,
.en_GB.SearchHotels .rate,
.en_AU.SearchHotels .arnMapMarkerSpan,
.en_AU.SearchHotels .original,
.en_AU.SearchHotels .rate {
	display: none;
}

.en_GB.SearchHotels .arnMapMarkerTotalSpan,
.en_GB.SearchHotels .originalTotal,
.en_GB.SearchHotels .rateTotal,
.en_AU.SearchHotels .arnMapMarkerTotalSpan,
.en_AU.SearchHotels .originalTotal,
.en_AU.SearchHotels .rateTotal {
	display: inline-block !important;
}


/* Remove resorts with no vacancy */

.SearchDestination .PropLimitedAvail {
	display: none;
}

/* Password Layout for account password Update CSS*/

.passwordMessage {
	margin: 16px 0 0;
}

.passwordMessageContainer {
	display: flex;
	padding: 16px 0px 32px 0px;
	flex-wrap: wrap;
	width: 100%;
}

.passwordMessageContainer span.status.passed, .passwordMessageContainer li.passed span.status:not(.passed) {
	display: none;
}

.passwordMessageContainer li.passed span.status.passed {
	display: inline-block;
}

.passwordMessageContainer svg#theExMark {
	margin: 0 10px;
}

.passwordMessage ul.passwordMessageContainer li {
	display: flex;
	padding: 0 0 8px 0;
	opacity: .5;
	width: 50%;
}

.passwordMessage ul.passwordMessageContainer li svg path {
	fill: #62645f !important;
}

.passwordMessage ul.passwordMessageContainer li.passed {
	opacity: 1;
}

.passwordMessage ul.passwordMessageContainer li.passed svg path {
	fill: #38694d !important;
}

.passwordMessageContainer li span.status {
	padding: 0 10px 0 0;
}

.passwordMessageContainer li span.status svg {
	margin: 3px 0 0;
}

.WBClub365ChangePasswordPublicFormContainer .includeReminder,
.WBClub365ChangePasswordPublicFormContainer .password-rules {
	display: none;
}

@media screen and (max-width: 1000px) {
	.SearchHotels footer.footer.footer-mod {
		padding: 0 0 100px;
	}
}

/* static widget updates */

.ArnAcdParentLable {
	color: #7c7c7e;
	cursor: pointer;
	white-space: nowrap;
}


@media screen and (max-width: 1000px) {
	.homePage .ArnAcdParentLabelMobile {
		display: none !important;
	}
}