a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img { display: block; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; }

/*
	bright blue: #006fcf
	deep blue: #00175a
*/

@view-transition {
	navigation: auto;
}

	@font-face{
		font-family:'BentonSans';
		src:url("../fonts/BentonSansBook.woff") format("woff");
		font-weight: 300;
	}

	@font-face {
		font-family:'BentonSans';
		src:url("../fonts/BentonSansRegular.woff") format("woff");
		font-weight: 400;
	}

	@font-face{
		font-family:'BentonSans';
		src:url("../fonts/BentonSansMedium.woff") format("woff");
		font-weight: 500;
	}

	@font-face{
		font-family:'BentonSans';
		src:url("../fonts/BentonSansBold.woff") format("woff");
		font-weight: 700;
	}

	@font-face {
	  font-family: 'Guardian Egyptian Web';
	  src: url('../fonts/GuardianEgyp-Medium-Web.woff') format('woff');
	  font-weight:  500;
	  font-style:   normal;
	  font-stretch: normal;
	}

	@font-face {
	  font-family: 'Guardian Egyptian Web';
	  src: url('../fonts/GuardianEgyp-Regular-Web.woff') format('woff');
	  font-weight:  400;
	  font-style:   normal;
	  font-stretch: normal;
	}

	@font-face {
	  font-family: 'Guardian Egyptian Web';
	  src: url('../fonts/GuardianEgyp-Light-Web.woff') format('woff');
	  font-weight:  300;
	  font-style:   normal;
	  font-stretch: normal;
	}


body {
	background: #f8f8f8;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	scroll-behavior: smooth;
}

.inav-header  [class^="axp-global-header__dls-module__module___"] [class*="axp-global-header__dls-module__navSticky"]  {
	top: -60px !important;
	left: 0 !important;
	position: relative !important;
}

.inav-header { height: 60px; }
	@media all and (max-width: 1123px) { .inav-header { height: 60px; } }

.inav-header:empty { height: 0;}

[data-module-name="axp-navigation-root"] [class^="_module"] [class*="_navSticky"]  {
	top: -60px !important;
	left: 0 !important;
	position: relative !important;
}

/* Navigation */

.subnav {
	background: #414346;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	padding: 0 4px 0 26px;
	height: 75px;
}
	
	.travel-logo {
		font-weight: 700;
		font-size: calc(1.6rem * .625);
		color: #fff;
		display: block;
		text-decoration: none;
		height: 25px;
		display: flex;
		align-items: center;
	}
	
		.travel-logo span { font-size: calc(1.4rem * .625);transform: translateY(-1px); display: inline-block; font-weight: 400; margin-left: 8px; padding-left: 8px; border-left: 1px solid #fff; }

.nav-top-links .nav-link:last-child {
	margin-right:20px;
}

	.nav-top-links {
		display: flex;
		align-items: center;
		margin-left: 2em;
	}

	.nav-link {
		height: 30px;
		color: #fff;
		font-weight: 500;
		display: flex;
		align-items: center;
		text-decoration: none;
		font-size: calc(1.4rem * .625);
		margin-left: 20px;
	}

	.nav-link:hover, .nav-link-on { background-image: linear-gradient(#fff,#fff); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 2px; }

	.burger {
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		background: url(../img/icon_menu_rev.svg) no-repeat 50% 50%;
		display: none;
	}

	.subnav-mobile .nav-top-links {
		display: block !important;
		width: 100%;
		background: #2C2C2C;
		position: absolute;
		left: 0;
		top: 75px;
		border-radius: 0;
		margin-left: 0;
	}

/* END Navigation */

section {
	font-weight: 400;
	color: #333;
	font-size: 1rem;  /* this is 16px */
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 1.4em;
}

/* banner */

.mrNewBG {
	background: #fff; padding: .5em 0;
}

.mr-benefit-box {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mr-benefit {
	color: #fff;
	width: 95%;
	color: #b42c01; 
	font-size: calc(1.4rem * .625); 
	font-family: sans-serif;
}

	.mr-benefit a { color: inherit; }

/* HOME */

.home-hero {  /* only used in madpreview homeherofhr-fhr.asp */
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	border-radius: 0 0 3px 3px;
	display: flex;
	align-items: center;
	height: 550px;
}


.home-hero-text {  /* only used in madpreview homeherofhr-fhr.asp */
	width: 100%;
	margin: -50px auto 0 auto;
	max-width: 780px;
	text-align: center;
}

	.hh-logos {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
		.hh-logos img { width: 310px;}
		.hh-divider { width: 3px; height: 30px; margin: 0 30px; background: #fff; }

	.home-hero-head {
		color: #fff;
		font-weight: 700;
		font-size: calc(6.4rem * .625);
		line-height: 1.2em;
		text-shadow: 0 1px 10px rgba(0,0,0,0.3);
		margin: 0 0 .75em 0;
	}

.home-hero-wst {
	background: url(../img/world_service_tile.svg);
	background-size: 400px;
	border: 1px solid #E5E5E5;
	height: 150px;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 90px auto;
	position: relative;
}

.home-intro {
	background: #727578;
	width: 100%;
	max-width: 1200px;
	margin: -90px auto 0 auto;
	padding: 40px 10%;
	min-height: 280px;
	text-align: center;
	outline: 1px solid #fff;
	outline-offset: -6px;
	color: #fff;
	text-align: center;
	position: relative;
}

	.home-intro h2 { font-weight: 400; font-size: calc(2.2rem * .625); line-height: 1.5em; margin-bottom: 1.25em; }
	.home-intro .hero-image-location { bottom: auto; top: -50px; right: 0; }

.home-searchbox {
	background: url(../img/magnifyingglass.svg) no-repeat;
	background-size: 25px 25px;
	background-position: 15px 50%;
	padding: 15px 15px 15px 45px;
	width: 370px;
	margin: 0 auto 30px auto;
	background-color: #F6F6F6;
	border-radius: 3px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

	.home-intro-explore { height: 44px; padding-top: 10px; padding-bottom: 10px; color: #fff; text-decoration: none; display: inline-block; background: url(../img/arrow-white.svg) no-repeat calc(100% - 5px) 50%; padding-right: 1.25em; background-size: 8px; transition: background .125s; }
	.home-intro-explore:hover { background-position: 100% 50%; }

.easy-autocomplete input.home-search {
		font-size: 16px;
		width: 100%;
		border: 0;
		background-color: #F6F6F6;
		padding: 13px 5px 13px 10px;
		box-shadow: none;
	}

	.top-hero-article-left .hero-image-location { right: inherit; left: 20px; } /* /get-inspired */

.collection-tiles {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}

	.collection-tiles-wrap { /* hotel-finder and 404 */
		display: flex;
		justify-content: space-between;
		margin: 20px 0;
		flex-wrap: wrap;
	}

.collection-tile {
	width: 32.5%;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	text-decoration: none;
	height: 265px;
	transition: all .25s;
}
	.collection-tile:hover .ct-name { background-color:white; color:#333; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.35);}
	.collection-tiles-wrap .collection-tile { margin-bottom: 15px; }
	.hotel-finder-collection-tile { background-color: #ededed; }

.ct-name {
	border-radius: 3px;
	background: rgba(44,44,44,.8); /* was rgba(44,44,44,.7) */
	padding: .75em 2em;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	font-size: calc(1.4rem * .625);
	/* letter-spacing: 1px; */
	transition: all .25s;
	border: 2px solid transparent;
	text-align: center;
	margin: 0 1em;
}

.home100 {
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-radius: 3px;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
}

	.home100 .hero-image-location { right: inherit; left: 10px; }
	.home100-panel-left { justify-content: flex-start; }
	.last-home100 { margin-bottom: 40px; }

.home100-panel {
	background: #fff;
	border-radius: 2px;
	width: 100%;
	max-width: 430px;
	margin: 0 50px;
	padding: 0 20px 40px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.hp-head {
	font-size: calc(1.4rem * .625);
	margin: 1.5em 0 2em 0;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 1em;
	width: 100%;
	text-align: center;
}

/*	.hp-head-cmf::before {
		content: '';
		width: 16px;
		height: 16px;
		background: url(../img/icon_heart.svg) 50% 50% no-repeat;
		display: inline-block;
		margin-right: 5px;
		transform: translateY(3px);
	}
*/

	.hp-head + .hpadBrandlogo { margin-top: -30px; align-self: flex-start; } /* align-self seems necessary for Chrome 74 (!) but nowhere else */

.hp-hi-head {
	font-size: calc(3rem * .625);
	line-height: 1.1em;
	text-align: center;
}

.hp-hi-text {
	font-size: calc(1.4rem * .625);
	line-height: 1.4em;
	margin-top: 1em;
	text-align: center;
}

.hp-cmf-text {
	font-size: calc(1.9rem * .625);
	line-height: 1.3em;
	text-align: center;
}

.home100-panel .cta {
	display: inline-block;
	margin-top: 2em;
}

/* .hp-cta {
	background-color: #727578;
	border-radius: 3px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	margin: 20px 0 60px 0;
}

.hp-cta .cta-white {
	padding: 0 2.5em;
	line-height: 3.8em;
	font-size: calc(1.7rem * .625);
}

*/

.hp-collection-head {
	color: #53565A;
	text-align: center;
	font-size: calc(4.2rem * .625);
	margin: 1em 0;
	line-height: 1.1em;
	font-weight: 400;
}

.offers-box {
	background: #52565A url(../img/world_service_tile-white25.svg);
	background-size: 400px;
	border-radius: 2px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
}

	.offers-content {
		background: #52565A;
		border: 1px solid #FFF;
		padding: 40px 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		color: #fff;
	}
	
	.offers-text {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		width: 90%;
		max-width: 780px;
		margin: 0 auto;
	}
	
	.offers-head { width: 100%; font-size: calc(3.8rem * .625); margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid #fff; line-height: 1.2em;}
	.offers-content p { font-size: calc(1.7rem * .625); width: 80%; max-width: 520px; margin-right: 5%; margin-bottom: 0;}
	.offers-content .cta-white { width: 180px; flex-shrink: 0;  }

.get-inspired-tiles {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.get-inspired-tile {
	width: 48%;
}

	.get-inspired-tile img { width: 100%; height: auto; margin-bottom: 15px; }
	.get-inspired-tile p { margin-right: 2em; }

	.git-title { font-size: calc(2rem * .625); margin-bottom: 1em; line-height: 1.3em;}
	.git-cta { color: inherit; display: flex; gap: 10px; align-items: center; text-decoration: none; }
		.git-cta:hover { text-decoration: underline; }
		.git-cta img { width: 8px; margin-bottom: 0; }

.site-featuresBG { 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 40px auto;
	height: 500px;
	display: flex;
	align-items: center;
}

.site-features {
	display: flex;
	justify-content: center;
}

	.site-feature { 
		width: 29%;
		margin: 0 7px;
		border: 1px solid #fff;
		color: #fff;
		background: rgba(97,100,103,.95);
		padding: 30px 20px 20px 20px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.site-feature p {font-size: calc(1.5rem * .625); font-weight: 500; line-height: 1.4em; width: 75%; margin: 0 auto 2em auto; }
	.sf-head { font-weight: 700; font-size: calc(1.8rem * .625); padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #D8D8D8; }
	.site-feature .cta { display: inline-block; width: 180px; margin-top: auto; }

.home-benefits {
	background: #F2F2F2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px;
}

	.home-benefits-info { width: 55%; margin-right: 5%; }
	.home-benefits-head { font-weight: 400; font-size: calc(3.8rem * .625); line-height: 1.2em; margin-bottom: .5em; }
	.home-benefits-info p { font-size: calc(1.7rem * .625); line-height: 1.5em; }
	.home-benefits-info .cta { display: inline-block; }
	.home-benefits-cardart { width: 180px; transform: translateX(-40px); margin-bottom: 20px; }
		.home-benefits-cardart img { width: 100%; }

.home-benefits-hotel-credit { width: 40%; max-width: 400px; background: #52565A; padding: 0; text-align: center; color: #fff; }
	.home-benefits-hotel-credit-text { margin-top: -12px; padding: .5em .5em; }
	.home-benefits-hotel-credit img { border: 1px solid #fff; width: calc(100% - 8px); margin: 4px; }
	.hct-label { background: #fff; padding: 3px 6px; font-size: calc(1.4rem * .625);font-weight: 500; color: #52565A; letter-spacing: 1px; display: inline-block; margin-bottom: 20px; }
	.hct-head { letter-spacing: 1px; font-size: calc(1.8rem * .625); font-weight: 500; margin-bottom: 1em; }
	.home-benefits-hotel-credit p { font-size: calc(1.5rem * .625); line-height: 1.6em; }
	.home-benefits-hotel-credit-footnote { background: #F2F2F2; color: #000; padding-top: .5em; font-size: calc(1.2rem * .625); font-family: 'Helvetica Neue', Helvetica, sans-serif;}


.home-benefits-no-credit { justify-content: center; }
.home-benefits-no-credit .home-benefits-hotel-credit { display: none; }
.home-benefits-no-credit .home-benefits-info { display: flex;  margin-right: 0; width: 100%; max-width: 900px; }
.home-benefits-no-credit .home-benefits-cardart { width: 320px; margin-right: 40px; flex-shrink: 0; }

/* Benefits DDPG */

.gradBG {
	background: linear-gradient(180deg, #E5E5E3 , #F8F8F8 900px)	
}

.benefits-intro { 
	padding: 60px 0;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	max-width: 850px;
	color: #53565A;
}

	.benefits-head { font-size: calc(5rem * .625); font-weight: 300; margin-bottom: .75em; }
	.benefits-subhead { font-weight: 400; font-size: calc(2rem * .625);line-height: 1.3em;}

.benefits-fhr-hero {
	height: 500px;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
}


.benefits-hero-overlay {
	border-top: 1px solid #fff;
	background: rgba(117,120,123,0.9);
	height: 165px;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	scroll-margin-top: 72px;
}

	.benefits-hero-overlay .hero-image-location { bottom: auto; top: -50px; }
	.bho-thc { background: rgba(0,23,90,0.9); }

	.bho-wrap {
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translateY(-20px);
	}
	
	.bho-logo {
		width: 100%;
		max-width: 370px;
	}
	
		.bho-logo img { width: 100%; }
		
	.bho-tagline {
		font-size: calc(2.8rem * .625);
		color: #fff;
		line-height: 1.3em;
		max-width: 450px;
		font-weight: 300;
	}
	
	.bho-divider { width: 1px; height: 90px; margin: 0 50px; background: #fff; }

.benefits-panel-section {
	position: relative;
	z-index: 2;
}

.benefits-panel {
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	padding: 50px 30px 40px 30px;
	border-radius: 3px;
	width: 95%;
	margin: -40px auto 40px auto;
}

	.bp-head { text-align: center; line-height: 1.4em; font-weight: 500; font-size: calc(2.4rem * .625); margin: 0 auto 1.5em auto; width: 90%; max-width: 1000px; }

.benefits-unique {
	text-align: center;
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

	.bu-intro { width: 100%; margin-bottom: 40px; }

	.bu-head {
		font-size: calc(3.8rem * .625);
		line-height: 1.3em;
		text-align: center;
		font-weight: 400;
		margin-bottom: .5em;
	}

	.benefits-unique p { max-width: 900px; font-size: calc(1.5rem * .625); margin: 0 auto; line-height: 1.5em; }

	.bu-text { width: 40%; text-align: left; }
		.bu-text h3 { font-weight: 500; font-size: calc(1.8rem * .625); margin-bottom: .25em; }
		.benefits-unique .bu-text p { letter-spacing: 0; font-size: calc(1.6rem * .625); line-height: 1.5em; margin-bottom: 2em; }

	.bu-image { width: 55%; border-radius: 3px;}
		.bu-image .fineprint { text-align: left; margin-top: 1em;}
	.bu-img { background-size: cover;  padding-top: 66%; background-repeat: no-repeat; position: relative; }
		.bu-img .hero-image-location { right: 10px; }

.benefits-book-now {
	padding: 50px;
	background: #52565A;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
	border-radius: 2px;
}

	.bb-text { width: 100%; }
	.bb-details { width: 45%; flex-shrink: 0;}
	
	.bb-head { color: #fff; font-size: calc(3.8rem * .625); line-height: 1.2em; margin-bottom: .75em; }
	.bb-text p { color: #fff; margin-bottom: 1.5em; width: 90%; }
	.bb-text .cta { display: inline-block; }
	
	.bb-detail { padding: 25px 25px 25px 100px; color: #fff; margin-bottom: 15px; background-color: #767676; background-position: 30px 15px; background-size: 48px; background-repeat: no-repeat;  }
		.bbd-head { font-weight: 500; font-size: calc(2rem * .625); margin-bottom: 1em; }
		.bb-detail p { margin-bottom: 0; }
		.bbd-5x { background-image: url(../img/dls-icon-5x-white.svg); }
		.bbd-pwp { background-image: url(../img/dls-icon-pwp-white.svg); margin-bottom: 0; }

.two-hundred-credit {
	padding: 10px;
	background: #52565A;
	outline: 1px solid #fff;
	outline-offset: -10px;
	display: flex;
	justify-content: space-between;	
}

	.th-text { padding: 20px 40px 20px 40px; color: #fff; }
		.th-logos { color: #fff; display: flex; text-transform: uppercase; font-weight: 700; align-items: center; margin-bottom: 20px; }
		.th-logos img  {width: 170px; }
		.thl-divider { width: 1px; height: 15px; margin: 0 10px; background: #fff;  }
		.th-badge { background: #97999B; padding: 2px 10px; border-radius: 15px; color: #fff; font-weight: 700; display: inline-block; text-transform: uppercase; margin-right: 10px; font-size: calc(1.2rem * .625); }
		.th-head { display: flex;  margin-bottom: 15px;  align-items: center; }
		.th-head-text { font-size: calc(3.8rem * .625); line-height: 1.2em; }
		.th-footnote { font-size: calc(1.2rem * .625); color: #fff; margin-top: 1em; font-family: 'Helvetica Neue', Helvetica, sans-serif; }

	.th-image { width: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50%; padding: 20px; flex-shrink: 0; }



/* Benefits with MR */

.benefits-mr {
	background: #fff;
	margin-bottom: 20px;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	padding: 50px 30px 40px 30px;
}

.hpb-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 720px;
	margin: 0 auto;
}

	.hpb-grid-thc { max-width: 480px; }

.hpb {
	font-size: calc(1.6rem * .625);
	font-weight: 500;
	background-repeat: no-repeat;
	background-size: 45px;
	background-position: 50% 0;
	padding-top: 60px;
	width: 210px;
	line-height: 1.3em;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

	.breakfast { background-image: url(../img/dls-icon-benefit-food.svg); background-size: 32px; }
	.checkout { background-image: url(../img/dls-icon-benefit-late-checkout.svg); }
		.checkoutTHC { background-image: url(../img/dls-icon-benefit-late-checkout-blue.svg); }
	.wifi { background-image: url(../img/dls-icon-benefit-wifi.svg); }
	.upgrade { background-image: url(../img/dls-icon-benefit-hotel.svg);  }
		.upgradeTHC { background-image: url(../img/dls-icon-benefit-hotel-blue.svg?v=1);  }
	.checkin { background-image: url(../img/dls-icon-benefit-early-check-in.svg); }
		.checkinTHC { background-image: url(../img/dls-icon-benefit-early-check-in-blue.svg); }
	.amenity { background-image: url(../img/dls-icon-benefit-reward.svg); }
		.amenityTHC { background-image: url(../img/dls-icon-benefit-reward-blue.svg); }
	
	.b-desc { font-size: calc(1.3rem * .625); font-weight: 400; margin-top: 1em; }
	

.bmr-grid-wrap { min-height: 200px;}
.hpb-tandc { width: 90%; margin: 2em auto 0 auto; max-width: 750px; }
	.hpb-tandc p { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: calc(1.2rem * .625); margin-bottom: .5em; line-height: 1.4em; }

/* RESULTS */

.rh-box {
	display: flex;
	align-items: center;
	padding: 6px 10px 6px 0;
	margin-bottom: 16px;
	border-bottom: 1px solid #333;
	width: 100%;
	margin-top:40px;
}

.rh-box:first-child {
	margin-top:0px;
}

.rh {
	font-weight: 400;
	margin: 0 .5em 0 0;
	font-size: calc(3rem * .625);
	scroll-margin-top: 100px;
	line-height: 1.3em;
}

	.rh span:not([data-ml]) { display: block; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-size: calc(1.5rem * .625); margin-top: 1em; }

.regionCount {
	font-size: calc(1.4rem * .625);
	margin-left: auto;
	flex-shrink: 0;
	position: relative;
	display: flex; 
	align-items: center;
}

	.regionCount a { color: #333; height: 44px; display: flex; align-items: center; }

.show-map {
	border: 2px solid transparent;
	color: #FFF;
	background: #727578; /* was #2C2C2C */
	border-radius: 3px;
	padding: .9em 1.25em;
	appearance: none;
	font-size: calc(1.4rem * .625);
	margin-left: 10px;
	font-weight: 400;
	transition: all .125s;
}

	.show-map::after { content: 'View Map'; }
	.show-list::after { content: "View List"; }

	.show-map:hover { background: #fff; color: #2C2C2C; cursor: pointer; border: 2px solid #2C2C2C; }

.map-wrap {
	display: flex;
	justify-content: space-between;
}

.supplier-from-map {
	width: 23%;
	border: 1px solid #ccc;
	padding: 20px;
	margin-right: 10px;
}

.getHotels {
	font-size: calc(1.6rem * .625);
	text-align: center;
	margin: 3em 0;
	padding-bottom: 2em;
}

 .region-map { display: none; }

.region-map-container {
	width: 75%;
	height: 500px;
}

/* HOTEL FINDER */

.filter-overlay-subhead {
	font-size: calc(1.8rem * .625);
	margin: 1em 0;
	text-align: center;
}

.fixedBG {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
}

.form-overlay {
	width: 100%;
	height: 100%;
	background: rgba(237, 237, 237, .98);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
	padding-top: 50px;
}

.filter-overlay {
	background: #fff;
	padding: 5px;
	border-radius: 8px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.08);
	display: flex;
	flex-direction: column;
}

	.filter-overlay-section { position: absolute; z-index: 103; margin: auto; left: 0; right: 0; top: 0;  }
	.filter-overlay-section .results-head, .hotel-finder-filters .results-head { margin: 1em 0 .5em 0; text-align: center; }

	.hotel-finder-filters { position: relative; }

	.fo-padding { padding: 30px 25px; }

.cf-close {
	position: absolute;
	top: 50px;
	right: 0;
	cursor: pointer;
	appearance: none;
	background: none;
	border: 0;
}

.region-picks {
	display: flex;
	flex-wrap: wrap;
}

.region-pick {
	border: 1px solid #e9e9e9;
	text-align: center;
	font-size: calc(1.2rem * .625);
	background-color: #F6F6F6;
	padding: 3px;
	border-radius: 3px;
    margin: 3px;
    width: 120px;
    transition: all .125s;

}
	.region-pick:hover {
		background: #eaeaea;
		cursor: pointer;
		border-color: #b6b6b6;
		transform: translateY(-2px);
		box-shadow: 0 2px 4px rgba(125,125,125,.2);
	}

	.hiddenCB:checked + .region-pick {
		background-color: #33363B;
		color: #fff;
		border: 1px solid #333;
	}
	
		.hiddenCB:checked:focus + .region-pick {
			outline: 2px solid #006fcf;
			outline-offset: 2px;
		}

	.rp-img { background-size: cover; padding-top: 53%; width: 100%; background-repeat: no-repeat; border-radius:1px; }

	.rp1 { background-image: url(../img/rp1.jpg); }
	.rp2 { background-image: url(../img/rp2.jpg); }
	.rp3 { background-image: url(../img/rp3.jpg); }
	.rp4 { background-image: url(../img/rp4.jpg); }
	.rp5 { background-image: url(../img/rp5.jpg); }
	.rp6 { background-image: url(../img/rp6.jpg); }
	.rp7 { background-image: url(../img/rp7.jpg); }
	.rp8 { background-image: url(../img/rp8.jpg); }
	.rp9 { background-image: url(../img/rp9.jpg); }

	.rp-name {
		height: 4em;
		display:flex;
		padding: 3px 6px 0 6px;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-transform: uppercase;
		border-radius: 2px;
		font-weight: 500;
	    line-height: 1.2em;
	}

.collection-picks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 20px 0 0 5px;
}

.collection-group {
	width: 20%;
	display: flex;
	flex-wrap: wrap;
}

	.collection-group:last-of-type { width: 40%; background: none; }

.cg-head {
	font-weight: 700;
	font-size: calc(1.3rem * .625);
	letter-spacing: .5px;
	color: #232323;
	margin: 1.5em 0 1.5em 0;
	text-transform: uppercase;
	width: 100%;
	margin-right: 40px;
    padding-bottom: 6px;
    border-bottom: 1px solid #E4E4E4;
}

	.collection-group:last-child .cg-head {
		margin-right:0px;
	}

.cp-wrap { width: 200px; position: relative;}

.collection-pick {
	text-transform: none;
	font-weight: 400;
	font-size: calc(1.3rem * .625);
	border: 1px solid #e9e9e9;
	background-color: #F6F6F6;
	border-radius: 30px;
	padding: 10px 1.5em;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 8px;
	transition:.125s;
}

	.collection-pick:hover {
	    background: #e9e9e9;
	    border-color: #b6b6b6;
		cursor: pointer;
	}

.hiddenCB:checked + .collection-pick {
	background-color: #53565A;
	color: #fff;
	border-color: transparent;
}

.results-total-hotels {
	background-color: #F6F6F6;
	border-radius: 2px 2px 3px 3px;
	padding: 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #EDEDED;
}

	.rth-text {
		margin-right: 1em;
		font-size: calc(2.2rem * .625);
	}

	.rth-text span { font-size: calc(2.7rem * .625); }

	.hf-clear { color: #333; margin-left: 2em; }

	.hf-subhead {
		text-align: center;
		font-size: calc(3rem * .625);
		font-weight: 400;
		margin: 2em 0;
	}

.hiddenCB[disabled] + .region-pick {
	opacity: .3;
	pointer-events: none;
}

.hiddenCB[disabled] + .collection-pick {
	opacity: .3;
	pointer-events: none;
}

.filtersWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.amenity-filters {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 10px 30px 0 30px;
	border-radius: 2px;
	margin-bottom: 40px;
	border: 1px solid #EDEEED;
	width: 100%;
	justify-content: center;
}

.filterset-label {
	font-weight: 700;
	display: block;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	font-size: calc(1.3rem * .625);
	padding-bottom: 1em;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 1em;
	white-space: nowrap;
	height: 30px;
}

	.filterset-cmf::before {
		content: '';
		width: 16px;
		height: 16px;
		background: url(../img/icon_heart.svg) 50% 50% no-repeat;
		display: inline-block;
		margin-right: 5px;
		transform: translateY(3px);
	}

	.filterset-label-toggle { display: none; }

	.ua-filters { display: contents; }

.amenity-pick {
	text-transform: none;
	text-decoration: none;
	color: #333;
	margin: 0 15px;
	display: inline-block;
	margin-bottom: 16px;
	font-weight: 400;
	font-size: calc(1.3rem * .625);
	position: relative;
}

.amenity-pick::before {  /* NOT CHECKED circle */
	border-radius: 9px;
	content: '';
	width: 18px;
	height: 18px;
	border: 1px solid #C1C1C1;
	background-image: url(../img/toggleX.svg) !important;
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: 50% 50%;
	background-color: #ECECEC !important;
	display: block;
	position: absolute;
	right: 21px;
	top:2px;
	line-height: 1;
}

.amenity-pick::after { /* NOT CHECKED background */
	width: 40px;
	height: 20px;
	content: '';
	border-radius: 10px;
	margin-left: 5px;
	background-color: #D8D8D8;
	border: 1px solid #C1C1C1;
	display: inline-block;
	vertical-align: middle;
}

.hiddenCB:checked + .amenity-pick::after {  /* CHECKED background */
	background-color: #53565A;
	border: 1px solid #53565A;
}

.hiddenCB:checked + .amenity-pick::before { /* CHECKED circle */
	border-radius: 9px;
	content: '';
	width: 18px;
	height: 18px;
	border: 1px solid #333333;
	background-image: url(../img/dls-icon-check.svg) !important;
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: 50% 50%;
	background-color: #fff !important;
	display: block;
	position: absolute;
	right: 1px;
	top: 2px;
	line-height: 1;
}

.hiddenCB[disabled] + .amenity-pick {
	pointer-events: none;
}

.hiddenCB[disabled] + .amenity-pick::before {
	opacity: 0;
}

.hiddenCB[disabled] + .amenity-pick::after {
	border: 1px solid #EDEDED;
	background-color: #F6F6F6;
}

/*
.results-cmf-box {
	background: #fff;
	padding: 20px 30px 10px 30px;
	border-radius: 2px;
	margin: 0 0 40px 10px;
	border: 1px solid #EDEEED;
	width: 290px;
	flex-shrink: 0;
}

	.results-cmf-box .amenity-pick { margin-right: 0; }
*/

.results-head-box {
	display: flex;
	justify-content: space-between;
	margin: 40px 0 0 0;
}

.results-count {
	font-size: calc(2.5rem * .625);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

	.results-count-label { font-size: calc(2rem * .625); font-weight: 400; margin-top: 8px; display: inline; }
	.results-count .amenity-pick { margin-bottom: 0; margin-right: auto; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; }
	.results-count-cmf { margin-left: auto; margin-top: 5px; }

.results-head {
	font-size: calc(4rem * .625);
	line-height: 1em;
}

	.results-head svg { display: none; }
	
	h1.results-head { margin: 0;}

.col-description {
	margin-top: 1em;
	font-size: calc(1.5rem * .625);
	max-width: 560px;
}

	.col-description a { color: #006fcf; }

.cf-cta {
	border: 2px solid #2C2C2C;
	transition:.125s;
	color: #2C2C2C;
	border-radius: 3px;
	padding: .35em 0;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: calc(1.5rem * .625);
	width: 150px;
	height: 44px;
	margin-left: 1em;
}

	.cf-cta:hover { background: #2C2C2C; color: #fff; cursor: pointer; }

.chosen-filters {
	display: flex;
	font-size: calc(1.4rem * .625);
	align-items: center;
	margin-top: 1em;
}

/*
.hf-cta-stick {
	position: fixed;
	width: 95%;
	left: 0; right: 0;
	bottom: 0;
	margin: auto;
	padding: 6px 0;
	background: #fff;
	border-top: 1px solid #ededed;
	display: none;
}

.hf-cta {
	background-color: #727578;
	border: 1px solid #6A6D6F;
	border-radius: 3px;
	color: #fff;
	width: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	cursor: pointer;
}

.hf-cta span { font-weight: 700; }
*/

/* END HOTEL FINDER */

/* DESTINATIONS */

.destinations-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.dest-regions {
	width: 220px;
	align-self: flex-start;
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	margin-bottom:40px;
}

.dest-region-anchor {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
	padding: 3px;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #EDEDED;
	text-decoration: none;
	transition: all .125s;
}

	.dra-name { color: #333333; font-size: calc(1.2rem * .625); text-align: center; text-transform: uppercase; font-weight: 500; width: 50%; line-height: 1.2em; padding: 0 .5em;}
		.dest-region-anchor:hover { background: #727578; cursor: pointer; }
		.dest-region-anchor:hover .dra-name { color: #fff; }

	.dest-region-anchor img { width: 112px; border-radius: 2px; }
	.dest-region-anchor-on { background: #33363B; }
	.dest-region-anchor-on .dra-name { color: #fff; }

.dest-content {
	width: calc(95% - 220px);
	flex-shrink: 0;
	margin-bottom:40px;
}

.dest-content .rh-box { justify-content: space-between; }
.dest-content .rh-box .regionCount { top: 0; }

.region-destinations {
	display: flex;
	justify-content: space-between;
}

	.dest-col { width: 48%; }

.rh a { text-decoration: none; color: inherit; min-height: 44px; display: flex; align-items: center; }
.rh a:hover { text-decoration: underline; }

.dest-stateCountry {
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-transform: uppercase;
	font-size: calc(1.3rem * .625);
	margin-bottom: 0.77em;
	background: #fff;
	white-space: nowrap;
	border-radius:3px;
	justify-content: flex-start;
	align-items: center;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	border: 1px solid #EDEDED;
}

	.dsc-link { color: #333; text-decoration: none; width: 60%; padding-left: 1em; height: 44px; display: flex; align-items: center; /* border: 1px solid red; */ }
	.dsc-link:hover { text-decoration: underline; }

.dest-stateCountry-toggle {
	font-size: calc(1.4rem * .625);
	font-weight: 400;
	text-transform: none;
	margin-left: auto;
	display: flex;
	align-items: center;
	width: 35%;
	/* border: 1px solid green; */
	justify-content: flex-end;
}

.dsc-toggle-target, .rh-mobile-toggle-target {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:2px;
	width: 40px;
	height: 40px;
	margin: 3px 3px 3px 10px;
}
	.rh-mobile-toggle-target { display: none;}

.dest-stateCountry-toggle:hover { cursor: pointer; }
.dest-stateCountry-toggle:hover .dsc-toggle-target { border: 1px solid #EDEDED; background-color: #F6F6F6; cursor: pointer;  }

.rh-mobile-toggle {
	display: flex;
	align-items: center;
}

.areas-and-cities {
	background-color: #F6F6F6;
	border:1px solid #EDEDED;
	margin: 0 3px 3px 3px;
	border-radius:2px;
	padding: 5px;
	width: 100%;
	font-weight: 400;
	text-transform: none;
	display: none;
}

.dest-area {
	display: flex;
	align-items: center;
	font-weight: 500;
	border: 1px solid transparent;
}

	.dest-area:hover { background: #fff; border: 1px solid #EDEDED; border-radius:2px;}
	.dest-area-on { background: #fff; border: 1px solid #EDEDED; }

.area-toggle-target {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 2px 2px 2px auto;
	/* border: 1px solid purple; */
}

	.area-toggle-target:hover { border: 1px solid #EDEDED; background-color: #F6F6F6; cursor: pointer; }

.dest-city {
	display: flex;
	width: 100%;
	align-items: center;
	height: 44px;
	color: #333;
	text-decoration: none;
	margin-bottom: 2px;
	border: 1px solid transparent;
}

	.dest-city:hover { background: #fff; border-radius:2px; border: 1px solid #EDEDED; }
	.dest-city:hover .ac-name { text-decoration: underline;}


.ac-count {
	border: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 1px 0;
	text-align: center;
	width: 40px;
	margin: 0 5px;
}

.ac-name {
	color: #333;
	text-decoration: none;
	width: 75%;
	font-size: calc(1.5rem * .625);
	display: flex;
	align-items: center;
	height: 44px;
	/* border: 1px solid blue; */
}

.ac-name:hover { text-decoration: underline; }

.area-cities {
	background-color: #EDEDED;
	padding: 5px 5px 5px 5px;
	width: 100%;
	display: none;
	border-radius: 0 0 2px 2px;
	border: 1px solid #e5e5e5;
	border-top: 0px;
}

	.area-cities .ac-count { background: none; padding: 0; border: none;}

/* END DESTINATIONS */

.top-hero-boxBG {
	background: #e5e5e3;
}

.top-hero-box {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

	.top-hero-brand { max-width: 1400px; margin-top: 0; }
	.top-hero-brands { background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)), url('../img/brands_hero.jpg');  }
	.top-hero-benefits .top-hero { background-image: linear-gradient(to top, rgba(0,0,0,.5) 0, rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 50%), url('../img/benefits_hero.jpg'); padding-top: 38%; }
	.top-hero-destinations .top-hero { background-image: linear-gradient(to top, rgba(0,0,0,.5) 0, rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 50%), url('../img/destinations_hero.jpg'); padding-top: 38%; }

.top-hero {
	/* 1600 x 730 */
	/* padding-top: 45.625%; */
	padding-top: 35%; /*  was just too tall */
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	border-radius: 0 0 3px 3px;
}


	.top-hero-brand .top-hero { padding-top: 42.8571428571429%}

/*  .top-hero-enhanced {
		opacity: 0;
		animation: fadein 1.5s;
		animation-fill-mode: forwards;
	}

	@keyframes fadein {
		from { opacity: 0 }
		to { opacity: 1}
	}

	.top-hero-highres {
		width: 100%;
		padding-top: 45.625%;
		background-size: cover;
		background-position: 50% 50%;
		position: absolute;
		top: 0; left: 0;
		border-radius: 0 0 3px 3px;
		z-index: 2;
	}

	.top-hero-lowres {
		position: absolute;
		padding-top: 45.625%;
		top: 0; left: 0;
		border-radius: 0 0 3px 3px;
	}

		.top-hero-lowres img { position: absolute; top: 0; left: 0; width: 1600px; height: auto; }
*/

.top-hero-text-center {
	width: 100%;
	position: absolute;
	margin: auto;
	top: 0; left: 0; right: 0; bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-hero-text {
	width: 85%;
	max-width: 850px;
	text-align: center;
	font-size: calc(1.8rem * .625);
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
	margin-top: 35px; /* visually center because background image is hidden by subnav */
}

	.top-hero-text-head {
		font-size: calc(4.3rem * .625);
		font-weight: 400;
		margin-bottom: 1em;
		line-height: 1em;
	}

.top-hero-text-bottom {
	width: 100%;
	position: absolute;
	margin: auto;
	left: 0; right: 0; bottom: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-hero-text-bottom .top-hero-text {	text-align: left;	max-width: 1200px;  }
.top-hero-text-bottom .top-hero-text p { max-width: 800px;font-size: calc(2.2rem * .625); font-weight: 400; letter-spacing: 1px; margin-top: .5em; }
	.top-hero-destinations .top-hero-text-bottom .top-hero-text p { max-width: 600px; }
.top-hero-text-bottom .top-hero-text-head { margin-bottom: 0; }

.property-view-photos-mobile {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: none;
}

.hero-image-location {
	font-size: calc(1.4rem * .625);
	background-image: url(../img/dls-icon-location-white.svg);
	background-repeat: no-repeat;
	background-position: 6px 50%;
	background-size: 18px;
	background-color: rgba(0,0,0,.75);
	color: #fff;
	font-weight: 500;
	padding: 12px 1.2em 12px 2.2em;
	text-decoration: none;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 2px;
	line-height: 1.5em;
}

	.hil-right { right: 10px !important; left: inherit !important; }

	.hero-image-location:hover { text-decoration: underline; }

/* ALL BRANDS */

.brandFiltersBox {
	margin: 60px 0 30px 0;
	border-bottom: 1px solid #333;
	padding-bottom: 30px;
}

.brand-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

	.bf-filter { position: relative; }
		.bf-filter .cbLabel { height: 44px; display: flex; align-items: center; }
	
	.bf-label { font-weight: 700; font-size: calc(1.3rem * .625); margin-right: 1em; }
	.bf-count { margin-left: auto; }
	.bf-head { display: inline-block; font-size: calc(3rem * .625); border-bottom: 1px solid #e6e6e6; padding-bottom: .75em; margin-bottom: .75em;}

	.results-head-box + .brand-filters {
		border-top: 1px solid #333;
		margin: 20px 0 40px 0;
		padding-top: 20px;
	}

.cbLabel {
	text-transform: none;
	margin-right: 20px;
	display: block;
	font-weight: 700;
	font-size: calc(1.3rem * .625);
	letter-spacing: 1px;
	text-align: left;
	line-height: 1.3em;
}

.cbLabel::before {
	width: 20px;
	height: 20px;
	content: '';
	border: 1px solid #333;
	margin-right: 8px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.hiddenRadio:checked + .cbLabel::before {
	background-image: url(../img/dls-icon-check-white.svg) !important;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 50% 50%;
	background-color: #53565A !important;
}

.hiddenRadio { position: absolute; right: 0; opacity: 0; }

.brandFindBG {
	background: radial-gradient(circle, rgba(34,34,34,0.1) 0%, rgba(5,5,5,0.2) 100%);
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.15);
	width: 90%;
	max-width: 460px;
	padding: 13px 25px 25px 25px;
	margin: 60px auto 0 auto;
	position: relative;
	z-index: 2;
}

	.brandFindBG .easy-autocomplete-container ul { left: 0; top: 0; }

.brand-find-label {
	font-weight: 700;
	font-size: calc(1.5rem * .625);
	color: #fff;
	text-transform: uppercase;
}

.brands {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 50px auto;
}

.brand-tile {
	width: 32.5%;
	background: #fff;
	border: 1px solid #F2F2F2;
	border-radius: 3px;
	padding: 0 5px 5px 5px;
	margin-bottom: 10px;
	transition: all .25s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.brand-tile:empty { padding: 0; border: none; height: 0; }
	.brand-tile:hover {
		transform: translateY(-4px);
		border: 1px solid #dcdcdc;
		box-shadow: 0 4px 8px rgba(0,0,0,.1);
	}

	.brand-tile img { width: 100%; border-radius: 2px; }

	.brand-logo {
		width: 100%;
		padding-top: 25%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}

/* BRAND PAGE */

.brand-descriptionBG {
	background: #fff;
	display: flex;
	align-items: center;
	margin: -40px auto 60px auto;
	padding: 25px 25px 25px 0;
	border-radius: 3px;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
	position: relative;
	z-index: 2;
}

	.brand-descriptionBG .hero-image-location { top: -45px; bottom: inherit; right: 0; }

.bd-logo {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 250px;
	height: 100px;
	flex-shrink: 0;
	transform: scale(1.3);
}

.bd-description {
	font-size: calc(1.4rem * .625);
	line-height: 1.5em;
	padding-left: 2.5em;
	border-left: 1px solid #dedede;
}

/* PROPERTY PAGE */

.save-share { display: flex; }

.fav-wrap { display: flex; justify-content: space-between; align-items: baseline; padding-right: 28px; }

.fav-box, .share-link {
	margin-right: 5px;
	background: #fff url(../img/heart.svg);
	background-repeat: no-repeat;
	background-position: 12px 50%;
	background-size: 17px;
	padding: 13px 15px 13px 38px;
	border: 1px solid #e8e8e8;
	color: #53565A;
	font-size: calc(1.5rem * .625);
	cursor: pointer; 
	border-radius: 2px;
	transition: background-color .125s;
}

	.share-link {
		background-image: url(../img/share.svg);
		background-size: 16px;
		padding-left: 35px;
		margin-left: auto;
	}
	
		.share-link:hover { background-color: #767676; color: #fff; background-image: url(../img/share-white.svg); }

	.faved {
		background-image: url(../img/heart-filled.svg) !important;
	}

	.fav-box:hover { background-color: #767676; color: #fff; background-image: url(../img/heart-white.svg); }

	.pc-left .fav-box { 
		width: 40px;
		height: 40px;
		background: url(../img/heart.svg) no-repeat;
		background-position: 50%;
		background-size: 18px;
		position: absolute; right: 0; bottom: 0; z-index: 2;
		border: none;
		padding: 0;
	 }
	
	.pc-left .fav-box:hover { border: 1px solid #EDEDED; background-color: #F6F6F6; }
	
	.results-count .cta { font-weight: normal; margin-left: 1em; cursor: pointer; } /* on results-all.asp when Favorites */



.property-breadcrumbs {
	position: absolute;
	top: 0;
	height: 45px;
	background: linear-gradient(to right, rgba(34,34,34,0.58) 10%, rgba(34,34,34,0.00) 100%);
	width: 100%;
	max-width: 1200px;
	left: 0; right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	padding-left: 15px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

	#customBreadcrumbs { display: flex; }

	.property-breadcrumbs svg {
		margin-right: 15px;
	    transform: scale(.7);
	}

	.pb-link {
		color: #fff;
		text-decoration: none;
		font-size: calc(1.4rem * .625);
		font-weight: 500;
	}

	.pb-link:hover { text-decoration: underline; }

	.pb-divider::before {
		content: "/";
		margin: 0 .75em;
		color: #fff;
	}

	.pb-supplier { color: #fff; font-size: calc(1.4rem * .625); font-weight: 500;  }

.property-info {
	width: 100%;
	margin: -110px auto 0 auto;
	max-width: 1200px;
	position:relative;
	z-index:3;
	display: flex;
	justify-content: space-between;
}

.pi-left { width: 100%; margin-right: 20px; min-height: 1200px; }

.pl-text {
	border-left: 1px solid #DEDEDE;
	padding: 45px 0 0 45px;
}

.pl-description {
	font-size: calc(1.9rem * .625);
	line-height: 1.6em;
	font-weight: 400;
	max-width: 90%;
	letter-spacing: 0.0125em;
}

.pl-section-head {
	font-size: calc(2.1rem * .625);
	font-weight: 500;
	margin-bottom: 1em;
	letter-spacing: 0.0125em;
}

	.sh-normal { font-weight: normal;}

.tipBG {
	background: #fff;
	border: 1px solid #EDECEC;
	border-left-color: #DEDEDE;
	border-radius: 0 3px 3px 0;
	padding: 1em 50px;
	display: flex;
	align-items: center;
	min-height: 120px;
	margin: 50px 20px 50px -46px;
}

	.tip-label { text-transform: uppercase; color: #585858; font-weight: 500; font-size: calc(1.7rem * .625); letter-spacing: 1px; flex-shrink: 0; }
	.tip-divider { background-color: #DEDEDE; width: 1px; height: 80px; margin: 0 40px; flex-shrink: 0; }
	.tipBG p { margin-left: 40px; padding-left: 40px; margin-bottom: 0; border-left: 1px solid #dedede; font-size: calc(1.5rem * .625); }


.pl-written { margin: 0 35px 2.5em 0; line-height: 1.5em; }

.plw-head {
	font-weight: 600;
	margin-bottom: .5em;
}

.pl-collections {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}

	.pl-collection { font-size: calc(1.3rem * .625); width: 200px; margin-bottom: 8px; }

.pl-location, .pl-airport {
	font-size: calc(1.3rem * .625);
	line-height: 1.3em;
	margin-botton: 1em;
	background-image: url(../img/dls-icon-location-filled.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	padding-left: 18px;
	background-position: 0 0;
}

	.pl-airport { background-image: url(../img/plane.svg); }

.pl-divider {
	background-color: #D8D8D8;
	height: 1px;
	margin: 40px 0;
}

.property-title {
	background: linear-gradient(to right, rgba(34,34,34,0.60) 0%, rgba(34,34,34,0.60) 20%, rgba(34,34,34,0.18) 100%);
	width: 100%;
	flex-grow: 0;
	height: 110px;
	border-top: 3px solid #2C2C2C;
	padding: 20px 28px 20px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-radius: 0 2px 0 0;
	transition: .125s;
}

.pt-text {
	color: #fff;
}

	.pt-brand-location { display: flex; font-size: calc(1.4rem * .625); font-weight: 500; }
	.pt-brand { text-transform: uppercase; font-weight: 700; padding-right: 1em; border-right: 1px solid #ccc; margin-right: 1em; line-height: 1.2em; color: #fff; height: 44px; display: flex; align-items: center; }
	.pt-location { background: url(../img/dls-icon-location-filled-white.svg); background-size: 12px; padding-left: 18px; background-repeat: no-repeat; background-position: 0 50%; margin-right: 1em; line-height: 1.3em; }
		.pt-location a { height: 44px; display: flex; align-items: center; }
	.pt-supplierName { font-weight: 400; font-size: 2.45vw; margin: .35em 1em 0 0; line-height: 1.1em; }

.pi-right, #benefits-and-cta {
	width: 290px;
	border-radius: 3px 3px 0 0;
	flex-shrink: 0;
}
	#benefits-and-cta { display: none; }

.pi-program {
	border-radius: 3px 3px 0 0;
	text-align: center;
	font-size: calc(1.3rem * .625);
	font-weight: 700;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	letter-spacing: 1px;
	width: 100%;
}

	.pi-fhr .pi-program { background: #727578; }
	.pi-thc .pi-program { background: #00175A; }

.pi-benefits {
	background: #fff;
	border: 1px solid #EDECEC;
	border-radius: 2px;
}

.pi-benefits-head {
	padding: 20px 2em 20px 2em;
	color: #454545;
	font-size: calc(1.4rem * .625);
	font-weight: 500;
	line-height: 1.4em;
}

.pibUL {
	list-style: disc;
	border-top: 1px solid #E4E4E4;
	padding: 20px 0px 9px;
    margin: 0 9px;
}

	.pibUL li {
		font-size: calc(1.4rem * .625);
		line-height: 1.3em;
		color: #454545;
		margin: 0 1.5em 1em 2.4em}

/*
.pi-special-benefit {
	background-color: #F6F6F6;
	border: 1px solid #EDEDED;
	margin: 5px;
	padding: 1.5em;
	color: #33363B;
	border-radius: 2px;
	font-size: calc(1.4rem * .625);
	line-height: 1.3em;
}
	.pi-special-benefit p {margin-bottom:0px; }
	.special-benefit-head { text-transform: uppercase; color: #33363B; letter-spacing: .0125em; font-size: calc(1.3rem * .625); margin-bottom: .75em; font-weight: 700; }

*/

.private-stays {
	background: #fff;
	padding: 0px 0 1px 0;
}

	.ps-top {
		background: #d9d9d6 url(../img/world_service_tile.svg);
		background-size: 500px;
		width: 100%;
		height: 20px;
		background-position: -100px -130px;
		border-radius: 3px 3px 0 0;
		margin-top: 10px;
	}

	.ps-ribbon {
		margin: 0 auto;
		position: relative;
		top: 10px;
	}

	.ps-text {
		border: 1px solid #EDEDED;
		margin: -5px 5px 5px 5px;
		padding: 30px 20px 20px 20px;
		background: #F6F6F6;
	}
	
	.ps-head {
		font-size: calc(1.8rem * .625);
		text-align: center;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	.ps-text p { font-size: calc(1.5rem * .625); line-height: 1.5em; margin-bottom: 1em; }
	.ps-call { text-transform: uppercase; font-weight: 700; font-size: calc(1.35rem * .625); }

.pi-grey {
	position: -webkit-sticky;
	position: sticky;
	top:95px;
	/* https://stackoverflow.com/questions/44446671/my-position-sticky-element-isnt-sticky-when-using-flexbox */
	align-self: flex-start;
	background-color: #727578;
	border-radius: 2px;
	color: #fff;
	padding-bottom: 1px;
	margin-top: 10px;
	padding-top: 1px;
}

	.pi-grey .cta-white { margin: 25px auto; max-width: 85%; }
	.pig-fineprint { background-color: #53565A; border-radius: 2px; margin: 5px; padding: 1em; font-size: calc(1.2rem * .625); font-weight: 500; text-align: center; line-height: 1.3em; }
	.pig-fineprint a { color: inherit; }

	.pi-thc .pig-fineprint { background-color: #4D5D8C; }

	.pi-thc .pi-grey { background: #00175A; }

	.pig-head { margin: 0 9px; color: #fff; font-weight: 500; text-align: center; padding: 1.25em 0; font-size: calc(1.5rem * .625); border-bottom: 1px solid rgba(216,216,216,.3); }

	.pig-benefit {
		line-height: 1.4em;
		font-size: calc(1.4rem * .625);
		line-height: 1.4em;
		padding: 0 2em 0 60px;
		margin: 1.5em 0;
		background-image: url(../img/dls-icon-point-5x.svg);
		background-repeat: no-repeat;
		background-size: 40px 40px;
		margin-left: 20px;
		min-height: 40px;
	}

		.pig-benefit-swipe {background-image: url(../img/swipe-white.svg); background-position: 5px 0; background-size: 45px 45px; }
		.pig-benefit-offers { font-size: calc(1.4rem * .625); margin: 1.5em; }
		
		.offer-details span { font-size: calc(1.2rem * .625); line-height: 1.4em; display: block; margin-top: .5em; }

	.pig-or {
		color: #fff;
		margin: 1em 0;
		text-align: center;
		font-weight: 500;
		font-size: calc(1.8rem * .625);
		background-image:linear-gradient(#fff,#fff);
		background-size: 60% 1px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

		.pig-or span { padding: 0 .75em; background: #727578; /* was #53565A */}
		.pi-thc .pig-or span { background: #00175A; }

#pmap {
	width: 100%;
	height: 500px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.pbd-box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #52565A;
	outline: 1px solid #fff;
	outline-offset: -5px;
	min-height: 250px;
}

	.pbd-thc .pbd-box { background: #00175A; }

	.pbd-content {
		display: flex;
		width: 100%;
	}
	
	.pbd-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 45%;
	}
	
		.pbd-logo img { width: 100%; filter: invert(100%); }
	
	.pbd-divider { width: 1px; background: #fff; margin-right: 50px; }

	.pbd-text { width: 45%; }
	.pbd-text .cta-white { display: inline-block; }

	.pbd-head { font-size: calc(2.6rem * .625); line-height: 1.2em; margin-bottom: 1em; color: #fff; padding-right: 2em;  }

/* PROPERTY CARDS */

.property-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.property-card {
	border: 1px solid #EDEEED;
	background: #fff;
	padding: 8px;
	border-radius: 0 3px 3px 3px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	width: 100%;
	text-decoration: none;
	color: #333;
	transition: transform .25s, box-shadow .25s;
	position: relative;
	margin-top: 25px;
}

	.pc-fhr { border: 1px solid #73787B; }
		.pc-fhr::before, .pc-thc::before, .ad-fhr::before, .ad-thc::before {
			content:"FINE HOTELS + RESORTS";
			color: #fff;
			height: 25px;
			width: calc(100% + 2px);
			background: #727578;
			max-width: 390px;
			text-align: center;
			font-weight: 700;
			font-size: calc(1.1rem * .625);
			display: block;
			position: absolute;
			top: -25px; left: -1px;
			z-index: 1;
			letter-spacing: 1px;
			border-radius: 3px 3px 0 0;
			padding-top: 2px;
		}
	.pc-thc { border: 1px solid #00175A; }
		.pc-thc::before, .ad-thc::before {
			content: 'THE HOTEL COLLECTION';
			background: #00175A;
		}
		
		.ad-fhr::before, .ad-thc::before { max-width: 430px; }

	.property-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 4px 8px rgba(0,0,0,.1);
	}
	
	.property-card:hover .pc-right { }
	.property-cards-slider .property-card { margin-left: 5px; margin-right: 5px; }

	.home-new {
		position: relative;
		padding-bottom: 40px;
	}

	.home-slider-arrow { background-image: url(../img/icon_carat_left.svg); background-repeat: no-repeat; width: 44px; height: 44px; border: 2px solid #333; background-position: 50%; margin-left: 8px; appearance: none; background-color: #fff; }
	.home-slider-prev { cursor: pointer; }
	.home-slider-next { transform: rotate(180deg); cursor: pointer; }
	.home-slider-arrow.slick-disabled { opacity: .3; }

.pc-left {
	display: flex;
	flex-direction: column;
	padding-right: 10px;
	width: 100%;
	position: relative;
}

.pc-text {
	padding: 20px 20px 0 20px;
}

	.pc-brand { text-transform: uppercase; font-size: calc(1.3rem * .625);color: #767676; font-weight: 500; }
	.pc-supplierName { letter-spacing: 1px; font-weight: 400; font-size: calc(3rem * .625); line-height: 1.2em; margin: .25em 0 .5em 0; }
	.pc-location { background: url(../img/dls-icon-location-filled.svg) no-repeat; background-size: 11px; padding-left: 16px; font-size: calc(1.4rem * .625); background-position: 0 50%; }

.pc-left-bottom {
	margin-top: auto;
}

.pc-teaser { border-top: 1px solid #d8d8d8; font-weight: 400; padding: 1em 0 calc(1em - 8px) 1.5em; font-size: calc(1.8rem * .625); }

.pc-stacked .pc-right {
	border-radius: 2px;
}

.pc-right {
	/* transition: .125s; */
	max-width: 530px;
	width: 45%;
	background-size: cover;
	background-position: center;
	/*background-position: 100% 0;*/
	min-height: 310px;
	flex-shrink: 0;
	position: relative;
	background-color: #ededed;
}

	.cmf {
		position: absolute;
		bottom: 10px;
		right: 10px;
		background: #FFF;
		color: #585858;
		font-size: calc(1.3rem * .625);
		padding: .5em 1em;
		border-radius: 2px;
		z-index: 3;
	}

	.property-title .cmf {
	    top: -35px;
		bottom: auto;
		left: 0;
		right: auto;
		border-radius: 3px 3px 0 0;
		box-shadow: rgba(0, 0, 0, .1) 2px 2px 32px;
		background: #2C2C2C;
		color: #fff;
	}

.pc-stacked {
	width: 32.5%;
	flex-direction: column-reverse;
	justify-content: flex-end;
	margin-bottom: 15px;
	border-radius: 0 0 3px 3px;
}

	.pc-stacked .pc-left { padding-right: 0; margin-top: 15px; height: 100%; min-height: 0; }
	.pc-stacked .pc-text { padding-top: 0; }
	.pc-stacked .pc-right { width: 100%; padding-top: 60%; min-height: 0; }
	.pc-stacked .pc-teaser { display: none; }
	.pc-stacked .pc-brand { font-size: calc(1.2rem * .625); line-height: 1.3em; margin-bottom: 8px; }
	.pc-stacked .pc-supplierName { font-size: calc(2rem * .625); }
	.pc-stacked .pc-location { font-size: calc(1.2rem * .625);margin-bottom: 2em; line-height: 1.3em; }
	.pc-stacked .pc-amenity { font-size: calc(1.3rem * .625); line-height: 1.3em; padding-right: 1.5em; }

	.property-card:empty { border: 0; padding: 0; width: 32.5%; height: 0; margin-bottom: 0; }

	.pc-last-card {
		display: flex;
		justify-content: center;
		align-items:center;
		color: #333;
		font-size: calc(2.7rem * .625);
		line-height: 1.4em;
		text-align: center;
	}

.pc-with-map { margin-left: 10px; margin-bottom: 0; }

		.pc-arrow {
			position: absolute;
			top: calc(50% - 20px);
			width: 40px;
			height: 40px;
			background-color: rgba(0,0,0,.8);
			background-image:url(../img/results_carousel_arrow.svg);
			background-position: 50% 50%;
			background-repeat: no-repeat;
		}
		.pc-arrow:hover { background-color: #000;}
		.pc-next {right: 0; transform:rotate(180deg);}


/* NEW (A11Y) PROPERTY CARDS - April 2023 */

.cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.card {
	width: 32%;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;
	position: relative;
	transition: transform .25s, box-shadow .25s;
	padding-bottom: 20px;
}

.card:focus-within {
	outline: 5px auto -webkit-focus-ring-color;
	transform: translateY(-4px); box-shadow: 0 4px 8px rgba(0,0,0,.1);
}

	.card:has(button:focus) { outline: 0; } /* when Favorite is focused, remove the focus on the entire card */


.card:hover { transform: translateY(-4px); box-shadow: 0 4px 8px rgba(0,0,0,.1); cursor: pointer;  }
.card:empty { background: none; }

.card:has(.card-header-thc) { border: 1px solid #00175A; }
.card:has(.card-header-fhr) { border: 1px solid #727578; }

.card-image { margin: 0 8px; position: relative;}
.card-image img { width: 100%; height: 200px; object-fit: cover; max-height: 310px; }
.card-brand { font-size: calc(1.2rem * .625); line-height: 1.3em; color: #767676; font-weight: 500; text-transform: uppercase; margin-bottom: 8px;}

.card-program {
	color: #fff;
	height: 25px;
	background: #727578;
	text-align: center;
	font-weight: 700;
	font-size: calc(1.1rem * .625);
	letter-spacing: 1px;
	border-radius: 3px 3px 0 0;
	padding-top: 2px;
	margin-bottom: 8px;
}

	.card-header-thc { background: #00175A; }
	

.card-text { margin: 10px 20px; }

	.card-supplierName { letter-spacing: 1px; color: inherit; text-decoration: none; line-height: 1.2em; margin-bottom: .5em; font-size: calc(2rem * .625); display: block; }
	
	.card-supplierName::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 2; }
	.card-supplierName:focus { outline: none; }
	
	.card-location { font-size: calc(1.2rem * .625); line-height: 1.3em; background:url(../img/dls-icon-location-filled.svg) no-repeat; background-size: 11px; padding-left: 16px; background-position: 0 50%; }

.card-teaser {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #d8d8d8;
	font-size: calc(1.8rem * .625);
}

.card-multiple-offers { color:#006fcf; font-weight: 700; font-size: calc(1.4rem * .625); }

.card-stacked .card-teaser, .pc-with-map .card-teaser { display: none; }
.card .fav-box { appearance: none; border: 0; position: absolute; z-index: 3; right: 10px; bottom: 10px; width: 44px; height: 44px; border: 1px solid #fff; background-position: 50% 50%; padding: 0; }
.card .fav-box:hover { border: 1px solid #ededed; background-color: #f6f6f6;  background-image:url(../img/heart.svg)}


.card-arrow {
	position: absolute;
	appearance: none;
	border: 0;
	top: calc(50% - 20px);
	width: 44px;
	height: 44px;
	background-color: rgba(0,0,0,.8);
	background-image:url(../img/results_carousel_arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index:5;
}

	.card-arrow:hover { background-color: #000;}
	.card-next {right: 0; transform:rotate(180deg);}

		.card-offer {
			font-size: calc(1.4rem * .625);
			line-height: 1.4em;
			margin-top: 1em;
			background: url(../img/dls-icon-tag-filled.svg) no-repeat;
			background-size: 18px;
			padding-left:22px;
			margin-bottom: 1em;
		}

		.card-offer span {font-size: calc(1.2rem * .625); }
		.allTandC { font-size: calc(1.4rem * .625); font-family: "Helvetica",sans-serif; color: #333; text-decoration: underline; display: block; margin-bottom: 1em; background: url(../img/arrow.svg) no-repeat 0 50%; background-size: 5px; padding-left: 9px; }

.pc-with-map .card-arrow { display: none; }

/* probably a way to do this with container queries or a single media query max-width 900, but this made the most sense at the time -KSB 4/3/23 */
@media all and (min-width: 900px) {
	.cards-wide .card { width: 100%; display: flex; justify-content: space-between; margin-top: 24px; padding: 10px 0; border-radius: 0 3px 3px 3px; }
	.cards-wide .card-program { width: 40%; position: absolute; top: -25px; left: -1px; }
	.cards-wide .card-image { width: 45%; max-width: 530px; flex-shrink: 0; aspect-ratio: 530 / 310; }
	.cards-wide .card-image img { height: 100%; }
	.cards-wide .card-text { width: 50%; display: flex; flex-direction: column; margin-bottom: 0; }
	
	.cards-wide .card-supplierName { letter-spacing: 1px; font-weight: 400; font-size: calc(3rem * .625); line-height: 1.2em; margin: .25em 0 .5em 0; }
	.cards-wide .card-location { font-size: calc(1.4rem * .625); }
	.cards-wide .card-teaser { margin-top: auto; margin-bottom: 10px;}
	.cards-wide .card .fav-box { right: 46%; }
	
	.cards-wide + .region-map .map-wrap .card.pc-with-map { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding-top: 8px; margin-top: 25px;}
	.cards-wide + .region-map .map-wrap .card.pc-with-map .card-program { width: calc(100% + 2px); position: absolute; top: -22px; left: -1px; }
}

@media all and (max-width: 899px) {
	.cards-wide .card { width: 49%;  display: flex; flex-direction: column-reverse; justify-content: flex-end; margin-top: 24px; padding: 10px 0 20px 0; border-radius: 0 3px 3px 3px;  }
	.cards-wide .card-program { width: calc(100% + 2px); position: absolute; top: -25px; left: -1px; }
	.cards-wide .card-image img { height: 200px; }
	.cards-wide .card-text { display: flex; flex-direction: column; margin-bottom: 0; }
	
	.cards-wide .card-supplierName { letter-spacing: 1px; font-weight: 400; font-size: calc(2rem * .625); line-height: 1.2em; margin: .25em 0 .5em 0; }
	.cards-wide .card-location { font-size: calc(1.2rem * .625); }
	.cards-wide .card-teaser { display: none; }

	.cards-wide + .region-map .map-wrap { gap: 10px; }
	.cards-wide + .region-map .map-wrap .card { display: flex; justify-content: flex-end; flex-direction: column-reverse; margin: 30px auto 0 auto; padding-top: 10px; width: 50%; max-width: 530px; }
	.cards-wide + .region-map .map-wrap .card .card-program { width: calc(100% + 2px); position: absolute; top: -20px; left: -1px; }
}


@media all and (max-width: 780px) {
	.card { width: 49%; }
	.pc-with-map { margin: 30px auto 0 auto; width: 100%; max-width: 530px; }
	.cards-wide .card-supplierName { font-size: calc(1.8rem * .625); }
	.cards-wide + .region-map .map-wrap .card { width: 100%; max-width: 530px; }
}

@media all and (max-width: 500px) {
	.card { width: 100%; }
	.cards-wide .card { width: 100%; }
	.cards-wide .card-supplierName { font-size: calc(2rem * .625); }
	.pc-with-map { margin-left: 0; margin-top: 10px; }
}

.card.hideMe { display: none; }


/* SEARCH */

.nav-fav {
	height: 47px;
	width: 35px;
	border: 1px solid #5A5C60;
	border-radius: 1px;
	background: url(../img/heart-nav.svg) no-repeat 50% 50%;
	background-size: 18px;
	display: flex;
	align-items: flex-end;
	margin-left: auto;
	margin-right: 10px;
	transition: background-position .35s ease-out, border-color .125s linear;
	text-decoration: none;
}

	.nav-fav:hover { border: 1px solid #999; }
	.nav-fav-on { border: 1px solid #fff !important; background-image:url(../img/heart-filled-white.svg); }
	
	.nav-fav-count { border: 1px solid #5A5C60; background-position: 50% 6px; background-image:url(../img/heart-filled-white.svg); }

	#navFavCount { background: #fff; font-size: calc(1.4rem * .625); font-weight: 700; color: #414346; text-align: center; width: 100%; }
	
	.nav-fav:not(.nav-fav-count) #navFavCount { display: none; }
	
	.nav-fav-mobile {
		display: none; 
		background: #414346;
	}

	.nfm {
		background: url(../img/heart-white.svg) no-repeat 0 50%;
		background-size: 16px;
		padding-left: 20px;
	}
	
		.nfm span { margin-left: 10px; padding-left: 10px; border-left: 2px solid #999;}

.search-box-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.search-box {
	width: 235px;
	padding-left: 20px;
	margin-right: 10px;
	border-radius: 2px;
	height: 50px;
	background: #5A5C60;
	display: flex;
	align-items: center;
	transition: background .125s;
}

	.search-box:hover, .search-box-icon:hover { background: #555; cursor: pointer; }

	.search-box svg { margin-right: 5px; flex-shrink: 0; }
	.search-box:focus-within { background: #fff; }
	.search-box:focus-within svg path { stroke: #000; }

	.globalSearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #fff;
		opacity: 1; /* Firefox */
	}

	.globalSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #fff;
	}

	.globalSearch::-ms-input-placeholder { /* Microsoft Edge */
		color: #fff;
	}

.search-box-icon {
	background: #5A5C60;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .125s;
	display: none;
}

.easy-autocomplete input.globalSearch {
	font-size: calc(1.3rem * .625);
	background: transparent;
	color: #fff;
	border-radius: 0;
	border: none;
	width: 200px;
	transition: background .125s;
	box-shadow: none;
}

.easy-autocomplete input.globalSearch:focus {
	color: #5A5C60;
	background: transparent;
	outline: none;
}

/*
.ac-item {
	padding: 6px 0 4px 0;
	line-height: 1.4em;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 0 7px;
	padding-left: 20px;
	margin-bottom: 0;
}

	.ac-region,.ac-country,.ac-city,.ac-state,.ac-area { background-image: url("../img/icon_search_location.svg"); }
	.ac-hotel { background-image: url("../img/icon_search_property.svg"); }
	.ac-brand { background-image: url("../img/icon_search_brand.svg"); }
	.ac-collection { background-image: url("../img/icon_search_collection.svg"); }
	.ac-article { color: #000; font-weight: 700 !important; font-size: 11.5px;  background-image: url("../img/icon_search_article.svg"); }

.easy-autocomplete-container ul li div { word-break: normal !important; text-align: left !important; color: #333; }

.easy-autocomplete-container ul li.selected .eac-item .ac-item { filter:invert(1) contrast(200%); border: none; }
.easy-autocomplete-container ul li:has(.eac-item:empty) { display: none; }
.easy-autocomplete-container ul li { border-bottom: 1px solid #efefef !important; }
*/

/* FORMS */
.textEntry {
	font-size: 16px;
	padding: .85em;
	display: block;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 3px;
	background: #fbfbfb;
}

.onPageSearch {
	margin-top: 10px;
	background-image: url(../img/magnifyingglass.svg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding: 12px 20px 12px 40px !important;
}

/* GET INSPIRED  */


.gi-head {
	color: #53565A;
	text-align: center;
	font-family: 'Guardian Egyptian Web',serif;
	font-size: calc(4rem * .625);
	margin: 1em 0 .25em 0;
	line-height: 1.1em;
}

.gi-subhead {
	text-align: center;
	margin: 0 auto 2em auto;
	max-width: 800px;
	line-height: 1.5em;
}

.top-hero-article { max-width: 1200px; position: relative; margin: 0 auto; border: 2px solid #ededed; }
.top-hero-article .top-hero { padding-top: 0; background-position: 0 0; }
	.top-hero-article-left .top-hero { background-position: 100% 0; }

.article-heroes.slick-initialized .slick-slide { height: 520px; }

.at-carousel.slick-initialized .slick-slide { height: 279px; display: block; margin-right: 10px;}

.article-featured-text {
	position: absolute;
	top: 40px;
	right: 0%;
	max-width: 550px;
	background: rgba(117,119,122,0.85);
	padding: 40px;
}
	.top-hero-article-left .article-featured-text { right: auto; left: 0; }

	.af-head { font-family: 'Guardian Egyptian Web', serif; color: #fff; font-size: calc(3rem * .625); font-weight: 400; line-height: 1.2em; margin: 0 0 1em 0; }
	.article-featured-text .cta-white { margin-top: 40px; width: 145px; }

.hasArrows { display: flex; justify-content: space-between; align-items: center; }

.article-count { margin-left: auto; font-weight: 400; font-size: calc(1.6rem * .625);}
.article-arrows { display: flex;  align-items: center;}
	.article-arrow { width: 30px; height: 30px; border: 2px solid #333; display: flex; justify-content: center; align-items: center; margin-left: 8px;}
	.article-arrow-prev { transform: rotate(180deg);}
	.article-arrow.slick-disabled { opacity: .2; pointer-events: none;  }
	
	.article-arrow:hover { background: #333; cursor: pointer; }
	.article-arrow:hover path { fill: #fff; }

.article-panel {
	display: block;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	transition: all .125s;
	margin-bottom: 20px;
	display: flex;
	justify-content:space-between;
	align-items: center;
	color: #333;
	text-decoration: none;
}

	.article-panel:hover { transform: translateY(-4px); box-shadow: 0 4px 8px rgba(0,0,0,.1); }
	.article-panel:hover .ap-arrow svg path { fill: #333; }

	.ap-left { margin: -50px 0 0 40px; }
	.ap-arrow { width: 15px; margin: 0 30px; flex-shrink: 0; }
	.ap-title {font-family: 'Guardian Egyptian Web',serif; font-size: calc(3rem * .625); line-height: 1.2em; }
	.ap-subhead { font-size: calc(1.5rem * .625); line-height: 1.4em; margin-top: 1em; }

/*
.three-col-article-ad {
	background: #ccc;
	width: 100%;
	margin-top: 30px;
	height: 400px;
}

.two-col-article-ad {
	background: #ccc;
	width: 66%;
	margin-bottom: 10px;
}

.one-col-article-ad {
	background: #ccc;
	width: 32.5%;
	margin-bottom: 10px;
}
*/

.getInspiredH4 {
	font-family: 'Guardian Egyptian Web',serif;
	font-size: calc(3rem * .625);
	padding-bottom: .5em;
	border-bottom: 1px solid #D2D2D2;
	font-weight: 400;
	margin-bottom: .5em;
	padding-top: 1.5em;
}

/*
.double-divider {
	height: 8px;
	background-image: linear-gradient(#868686,#868686),linear-gradient(#868686,#868686);
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-position: 0 0, 0 100%;
	margin-top: 50px;
}
*/

.article-titleBG {
	background: #fff;
	text-align: center;
	margin: -40px auto 60px auto;
	padding: 35px 25px 25px 25px;
	border-radius: 3px;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
	position: relative;
	z-index: 2;
}

	.article-titleBG .hero-image-location {
		bottom: auto;
		top: -50px;
		right: 0;
	}
	
	.article-titleBG .share-link {
		position: absolute;
		right: -5px;
		bottom: -45px;
		top: auto;
	}

.article-title {
	transition: .125s;
	font-weight: 400;
	margin: 0 0 .75em 0;
}

.article-byline {
	text-align: center;
	border-top: 1px solid #d8d8d8;
	padding-top: 1.5em;
	/* font-style: italic; */
}

.article-wrap {
	display: flex;
	justify-content: space-between;
}

.article-content {
	max-width: 760px;
	border-left: 1px solid #dedede;
	padding-left: 40px;
	margin-bottom: 60px;
	margin-right: 1.5em;
}

.article-content p:first-child:first-letter {
	float: left;
	font-family: 'Guardian Egyptian Web',serif;
	font-size: 90px;
	line-height: 60px;
	padding-top: 15px;
	padding-right: 8px;
	padding-left: 3px;
}
	.article-content p { line-height: 1.8em; }
	.article-content p.no-margin { margin: 0; }
	.article-content p.no-margin-horizontal { margin-left: 0; margin-right: 0; }
	.article-content img { box-shadow: 1px 1px 4px rgba(0,0,0,.4); margin: 10px 0; width: 100%; max-width: 720px; }

	.article-image-caption { display: block; text-align: right; font-size: calc(1.4rem * .625); margin-bottom: 1em; color: #666; text-decoration: none;}

.article-sidebar {
	width: 285px;
}

	.article-sidebar-head { font-weight: 700; font-size: calc(1.5rem * .625); margin-bottom: 1em; }

.article-subhead {
	font-family: 'Guardian Egyptian Web',serif;
	font-size: calc(2.2rem * .625);
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 2em;
}

	.article-subhead a {
		color: #333;
		text-decoration: underline;
	}

	p + .article-subhead { margin: 2em 0 1em 0; }

.article-tiles {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* margin-top: 40px; */
}

.article-tile {
	width: 285px;
	height: 279px;
	background: #fff;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ededed;
	display: block;
	margin-bottom: 10px;
	color: #333;
	font-family: 'Guardian Egyptian Web',serif;
	font-size: calc(1.4rem * .625);
	text-decoration: none;
}

	.article-tile img { width: 100%;  }
	.article-tile:empty { background: none; border: none !important;}

	.article-tile-cta { width: 100%; padding: 1em; display: flex; justify-content: space-between; align-items: flex-start; }

		.more-articles-mobile { display: none; }
		.more-articles-mobile .article-tile { width: 100%; }
		.more-articles-mobile .article-sidebar-head { margin-top: 2em; }
		.more-articles-mobile img { display: none; }

	.article-tile-cta-title { width: 80%; }
	.article-tile:hover { border: 1px solid #dcdcdc; }
	.article-tile:hover .article-tile-cta-title { text-decoration: underline; }
	.article-tile:hover .article-tile-cta svg path { fill: #333; }
	.article-tile:hover .article-tile-cta svg { transform: translateX(4px); transition: all .25s; }
	.article-tile .article-tile-cta svg { transition: all .25s; }

.article-tiles .article-tile { width: 32.5%; font-size: calc(1.6rem * .625); display: flex; flex-direction: column; line-height: 1.4em; }
.article-tile:empty { height: 0; padding: 0; margin: 0; }


.article-tile-subhead {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: calc(1.4rem * .625);
	border-top: 1px solid #F5F5F5;
	margin-top: auto;
	padding: 1em 1.5em;
}

.article-images {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

	.article-images img { border-radius: 3px; width: 48.5%; height: 100%; }

.articleH3 {
	font-size: calc(1.8rem * .625);
	font-weight: 500;
	margin-top: 2em;
}

/*
.listicle {
	margin-top: 40px;
}

.listicle-item {
	position: relative;
	padding-left: 60px;
	margin-left: 10px;
	margin-bottom: 40px;
}

.listicle-counter {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #dedede;
	border-radius: 50%;
	font-size: calc(1.5rem * .625);
}

.listicle-head {
	font-size: calc(1.6rem * .625);
	margin-bottom: 1em;
	padding-top: .5em;
}
*/

.gallery-thumbs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	justify-content: center;
}

	 .gt-left { justify-content: flex-start; }

.gallery-thumb {
	margin: 5px;
	max-width: 230px;
	position: relative;
	display: block;
}

	.gt-left .gallery-thumb { max-width: 100px;}

	.gallery-thumb img { width: 100%; }

	.gallery-thumb:after {
		content:'';
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		transition: background-color .25s;
		background-color: rgba(0,0,0,0);
	}

	.gallery-thumb:hover:after {
		content:'';
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.4);
		background-image: url(../img/galleryHover.svg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

.gallery-thumb .cta-white { display: none; }

.article-designed .article-subhead,
.article-designed .article-intro {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: calc(2.4rem * .625);
	font-weight: 300;
	line-height: 1.4em;
}

.article-designed .article-subhead:first-letter {
	font-family: 'Guardian Egyptian Web',serif;
	font-size: 90px;
	font-weight: 300;
	line-height: 60px;
}

.article-designed .article-intro {
	margin-bottom: 2em;
}

.artdes-divider {
	height: 1px;
	background: #ccc;
	width: 80%;
	margin: 40px auto;
}

	.artdes-divider.full-width {
		width: 100%;
	}

.artdes-location,
.artdes-detail {
	text-transform: uppercase;
	font-size: calc(1.2rem * .625);
	color: #939AA0;
	font-weight: 500;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 1em;
}

.artdes-property-wrap {
	display: flex;
	justify-content: center;
}

.artdes-property {
	font-weight: 300;
	color: #333;
	font-size: calc(3rem * .625);
	text-align: center;
	display: block;
	text-decoration: none;
	margin-bottom: 1em;
	line-height: 1.2em;
}

.artdes-property.margin-bottom {
	margin-bottom: 0.5em;
}

.artdes-detail {
	margin-bottom: 2.5em;
}

.artdes-location.no-margin {
	margin: 0;
}

.article-designed p {
	font-family: 'Guardian Egyptian Web',serif;
	font-weight: 300;
	font-size: calc(2rem * .625);
	margin: 0 40px 15px;
	line-height: 1.5em;
}

.article-designed p a { text-decoration: none; font-weight: 500;}
.article-designed p a:hover { text-decoration: underline;}

.artdes-show-box {
	margin: 40px auto 40px auto;
	position: relative;
	width: 100%;
}

	.artdes-show-box p.artdes-show-box-caption {
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: calc(1.3rem * .625);
		line-height: 1.2em;
		margin: 10px 0;
	}

	.artdes-arrow {
		position: absolute;
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		background-color: rgba(0,0,0,.4);
		background-image:url(../img/results_carousel_arrow.svg);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		z-index: 3;
	}
	.artdes-arrow:hover { background-color: #000;}
	.artdes-arrow-next {right: 0; transform:rotate(180deg);}

.artdes-feature {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 40px 30px;
}

	.artdes-feature-location { background-image: url(../img/dls-icon-location-filled.svg); background-size: 11px; }
	.artdes-feature-hotel { background-image: url(../img/dls-icon-hotel-filled.svg); }
	.artdes-feature-gift { background-image: url(../img/dls-icon-gift-filled.svg); }
	.artdes-feature-experience { background-image: url(../img/dls-icon-compass-filled.svg); }
	.artdes-feature-rewards { background-image: url(../img/dls-icon-rewards-filled.svg); }

	.artdes-feature-content { padding-left: 25px; }
	.artdes-feature-content-title { border: 0; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-size: calc(1.1rem * .625); font-weight: 500; letter-spacing: 1.8px; line-height: 1em; margin: 0; padding: 2px 0 10px; text-transform: uppercase; }
	p.artdes-feature-content-text { margin: 0; }

.artdes-fact {
	margin: 0 40px;
	position: relative;
}

	.artdes-fact::before, .artdes-fact::after { background-color: #D8D8D8; content: ''; display: inline-block; height: 1px; position: absolute; right: 0; top: 55%; vertical-align: middle; width: 100%; }

	.artdes-fact-box { background-color: #FFF;	border: 1px solid #D9D9D6; border-radius: 3px; margin: 0 auto; max-width: 300px; padding: 5px; position: relative; width: 100%; z-index: 1; }
	.artdes-fact-content { background-color: #F6F6F6; border: 1px solid #EDEDED; border-radius: 2px; color: #454D55; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-size: calc(1.1rem * .625); line-height: 1.6;; padding: 10px 30px; text-align: center; }
	.artdes-fact-content-title { margin-bottom: 5px; text-transform: uppercase; }

.artdes-pullquote {
	color: #9B9B9B;
	font-size: calc(2.8rem * .625);
	text-align: center;
	font-family: 'Guardian Egyptian Web',serif;
	font-weight: 300;
	text-align: center;
	line-height: 1.3em;
	border-bottom: 1px solid #979797;
	border-top: 1px solid #979797;
	padding: 1em 0;
	margin-bottom: 3em;
	position: relative;
}

	p + .artdes-pullquote { margin-top: 2em;}

.artdes-pullquote::before {
	content: "“";
	font-size: 65px;
	position: absolute;
	top: -10px;
	left: calc(50% - 40px);
	width: 80px;
	font-weight: bold;
	background: #f8f8f8;
	font-family: serif;
}

.artdes-caption { font-size: calc(1.3rem * .625);}

.article-content .artdes-img { margin-top: 30px;}

.featured-benefit {
	background-color: #53565A;
	border-radius: 4px;
	margin: 30px 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 3px;
}

.fbBG {
	background: #53565A url(../img/flourish.svg) no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	padding: 80px 10%;
	color: #fff;
	border-radius:2px;
	border: 1px solid #86888A;
	width: 100%;
}


.fb-head {
	font-size: calc(3.5rem * .625);
	padding-bottom: .5em;
	border-bottom: 1px solid #909090;
	line-height: 1.1em;
	letter-spacing: 1px;
	text-align: center;
	max-width: 830px;
	margin: 0 auto .7em auto;
}

.fb-info {
	display: flex;
	align-items: flex-start;
	max-width: 830px;
	margin: 0 auto;
}

	.fb-info .cta-white { width: 220px; flex-shrink: 0; margin-left: 5%; }
	.fb-info p { line-height: 1.4em; font-size: calc(1.7rem * .625);}

.fb-text {
	background: url(../img/icon_benefit_out_white-tight.svg) no-repeat;
	background-size: 35px;
	padding-left: 80px;
	line-height: 1.6em;
}

/* ADS - all these have .mad in the class name because "ad" can get blocked */

.mfBG {
	background-color: #727578; /* was #53565A */
	padding: 60px 30px;
	margin-bottom: 20px;
}

.mfBG:empty { padding: 0; background: none;}

.mad-footer {
	width: 100%;
	max-width: 1200px;
	background: #fff;
	padding: 5px;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

	.mf-label { position: absolute; text-transform: uppercase; font-weight: 700; font-size: calc(1.4rem * .625); top: -25px; left: 0; color: #fff; }

	.mf-left {
		width: 47%;
	}

		.mf-hero { padding-top: 66.66667%; background-size: cover; background-position: 50% 50%; height: 100%; }

	.mf-right {
		width: 53%;
		padding-left: 5px;
		display: flex;
		flex-direction: column;
	}

	.mf-head {
		font-family: 'Guardian Egyptian Web',serif;
		font-weight:  500;
		font-size: calc(2.7rem * .625);
		margin: 6%;
		line-height: 1.2em;
	 }

	 .mf-property {
	 	background: #f6f6f6;
	 	border: 1px solid #EDEDED;
	 	border-radius: 2px;
	 	margin-top: auto;
	 	padding: 25px;
	 	width: 100%;
	 	display: flex;
	 	justify-content: space-between;
	 	align-items: center;
	 }

	 .mf-property .pc-supplierName { font-size: calc(2.3rem * .625); }
	 .mf-property .cta {  width: 150px; flex-shrink: 0; margin-left: 20px; }

	#footer2020 .footer-headline { 	padding: 0 20px; font-weight: 500; color: #454D55; font-size: calc(2.7rem * .625); line-height: 1.2em; text-align: center; margin-bottom: .5em;}
	#footer2020 .footer-text { padding: 0 20px; color: #53565A; font-size: calc(1.5rem * .625); line-height: 1.4em; text-align: center; margin-bottom: 1em; }
	#footer2020 .home100-panel { display: flex; flex-direction: column; padding: 0 4px 4px 4px;}
	#footer2020 .home100-panel .cta { margin-top: 0; }
	#footer2020 .footer-bottom { width: 99%; margin-top: auto; background-color: #F6F6F6; border: 1px solid #EDEDED; border-radius: 2px; padding: 15px; margin: 4px; display: flex; justify-content: space-between; align-items: center; }
	#footer2020 .footer-bottom-text { max-width: 60%; }
	#footer2020 .footer-bottom-propertyName {font-weight: 500; color: #454D55; font-size: calc(1.4rem * .625); margin-bottom: 6px; line-height: 1.3em; }
	#footer2020 .footer-bottom-propertyLocation { color: #454D55; font-size: calc(1.3rem * .625);background: url(../img/dls-icon-location-filled.svg) no-repeat; background-size: 10px; padding-left: 16px; background-position: 0 4px;}


/* Get Inspired Ads */

	#GetInspiredBanner { border: 4px solid #fff; margin-top: 40px;}
	
	#GetInspiredBanner .home100 { height: 400px; background-position: 50% 50%; }
	#GetInspiredBanner .footer-headline { 	padding: 0 20px; font-family: 'Guardian Egyptian Web',serif; font-weight: 500; color: #454D55; font-size: calc(2.7rem * .625); line-height: 1.2em; text-align: center; margin-bottom: .5em;}
		#GetInspiredBanner .footer-headline-no-spotlight { 	padding-top: 1em; }
	#GetInspiredBanner .footer-text { padding: 0 20px; color: #53565A; font-size: calc(1.5rem * .625); line-height: 1.4em; text-align: center; margin-bottom: 1em; }
	#GetInspiredBanner .home100-panel { display: flex; flex-direction: column; padding: 0 4px 4px 4px;}
	#GetInspiredBanner .home100-panel .cta { margin-top: 0; }
	#GetInspiredBanner .footer-bottom { width: 99%; margin-top: auto; background-color: #F6F6F6; border: 1px solid #EDEDED; border-radius: 2px; padding: 15px; margin: 4px; display: flex; justify-content: space-between; align-items: center; }
	#GetInspiredBanner .footer-bottom-text { max-width: 60%; }
	#GetInspiredBanner .footer-bottom-propertyName {font-family: 'Guardian Egyptian Web',serif; font-weight: 500; color: #454D55; font-size: calc(1.4rem * .625); margin-bottom: 6px; line-height: 1.3em; }
	#GetInspiredBanner .footer-bottom-propertyLocation { color: #454D55; font-size: calc(1.3rem * .625); background: url(../img/dls-icon-location-filled.svg) no-repeat; background-size: 10px; padding-left: 16px; background-position: 0 4px;}

	.gi-largetile { height: 279px; width: 66%; max-width: 794px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border: 5px solid #fff; box-shadow: 0 0 2px #bbb; position: relative; }
	.gi-text { height: 100%; width: 100%; max-width: 390px; background: linear-gradient(to right, rgba(0,0,0,.8) 0%, rgba(0,0,0,.5) 90%, rgba(0,0,0,0) 100%); text-align: left; padding: 20px; }
	.gi-spotlight { text-align: left; color: #fff; font-family: 'Guardian Egyptian Web',serif; font-size: calc(1.4rem * .625); margin-bottom: .5em; border-bottom: 1px solid #fff; padding-bottom: .5em;  }
	.gi-headline { text-align: left; color: #fff; font-family: 'Guardian Egyptian Web',serif; font-size: calc(1.5rem * .625); line-height: 1.4em; }
	.gi-fineprint { color: #fff; font-size: calc(1.2rem * .625); font-family: sans-serif; line-height: 1.2em; margin: 1em 0; }
	.gi-propertyName {font-family: 'Guardian Egyptian Web',serif; font-weight: 500; color: #fff; font-size: calc(1.4rem * .625); margin-bottom: 6px; line-height: 1.3em; }
	.gi-propertyLocation { color: #fff; font-size: calc(1.3rem * .625); background: url(../img/dls-icon-location-filled-white.svg) no-repeat; background-size: 12px; padding-left: 16px; background-position: 0 4px;}
	.gi-text .cta { background: #fff; color: #333; display: inline-block; margin-top: 20px;}

	.gi-smalltile { height: 280px; width: 100%; max-width: 380px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border: 5px solid #fff; box-shadow: 0 0 2px #bbb; }



/* GLOBAL */

.wst-footer {
	width: 100%;
	max-width: 1600px;
	margin: 40px auto 0 auto;
	border: 1px solid #e2e2e2;
	height: 50px;
	background: url(../img/world_service_tile.svg);
	background-size: 400px;
	background-position: 50% 15px;
	border-radius: 4px 4px 0 0;
}

.greyBG + .wst-footer {
	margin-top: 0;
}

.cta-white, .cta {
	background: #fff;
	color: #333;
	border:2px solid transparent;
	border-radius: 2px;
	font-size: calc(1.5rem * .625);
	letter-spacing: .5px;
	padding: 0 1.5em;
	line-height: 3em;
	display: block;
	text-align: center;
	text-decoration: none;
	transition: all .125s;
	flex-shrink: 0;
}

	.cta { color: #fff; background-color: #52565A; }
	.cta-white { background: #fff; color: #333; }

.cta:hover {
	/* background-color:#fff;
	color:#333;
	border:2px solid #333; */
	text-decoration: underline;
	cursor: pointer;
}

.hiddenCB {
	/* display: none; */
	position: absolute;
	/* left: 0; */
	right: 0;
	opacity: 0;
}

.hiddenCB:focus + label {
	outline: 5px auto -webkit-focus-ring-color;
}

.hideMe { display: none; }
.search-or-close.hideMe { display: none; }

.dll {
	width: 90%;
	max-width: 520px;
	padding: 50px 0;
	margin: 0 auto;
}

.dllBG {
	background: #fff;
	border-bottom: 1px solid #ccc;
}

.fineprint { font-size: calc(1.3rem * .625); font-family: 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.2em; }
	.cta + .fineprint { margin-bottom: 20px; }
	p + .cta { margin: 1.5em 0; }

[href^=tel] { text-decoration: none; color: inherit; }

.greyBG { background-color: #F2F2F2; padding: 30px 0 0px 0; margin-top:20px;}

.lang-picker {
	display: flex;
	justify-content: center;
	font-size: calc(1.4rem * .625);
	align-items: center;
}

	.lang-picker a, .lang-countries a { color: #006fcf; display: inline-block; line-height: 2.25em; }
	.lang-current, .lang-change { margin: 0 1em;}
	
	.lang-current {
		background-size: 26px;
		padding-left: 35px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		display: flex;
		align-items: center;
	}
	
	.lang-flag { width: 30px; height: 30px; border-radius: 15px; margin-right: 10px; background-size: cover;background-position: 50%; border: 1px solid #ccc; }

	.lang-countriesBox { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }
	.lang-countries { columns: 4; font-size: calc(1.4rem * .625); padding-top: 20px; 	}

	@media all and (max-width: 500px) {
		.lang-countries { columns: 2; font-size: calc(1.2rem * .625); }
	}

.legal {

}

.footnotes {
	margin-top: 1em;
}

.legal p, .footnotes p, .legal li {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: calc(1.2rem * .625);
	line-height: 1.4em;
}

	.legal ul { margin: 1em;}
	.legal li { list-style: disc; margin-bottom: .25em;}

h1 {
	font-size: calc(3.5rem * .625);
	font-weight: 400;
	margin: 1em 0;
	line-height: 1em;
}

h4 {
	font-size: calc(3rem * .625);
	padding-bottom: .5em;
	border-bottom: 1px solid #333;
	font-weight: 400;
	margin-bottom: 1em;
	padding-top: 1.5em;
}

p {
	margin-bottom: 1em;
}

p a { color: inherit; }

.a11ylink { min-height: 44px; margin-bottom: 0; display: flex; align-items: center; }

.showFlex { display: flex !important; }

sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 66%;
}

sup {
	top: -1ex;
}

.bg-alt {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%) ;
	clip-path: inset(50%);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	white-space: nowrap;
	overflow: hidden;
}

/* https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2 */
body:not(.user-is-tabbing) .hiddenCB:focus + label {
  outline: none;
}

body:not(.user-is-tabbing) div:focus {
  outline: none;
}

#mainContent:focus {
	outline: 5px auto -webkit-focus-ring-color !important;
}

/* IE11 */
/* https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11 */
 @media all and (-ms-high-contrast:none)  {
	.subnav { position: relative; } /* otherwise the z-index doesn't kick in because IE11 doesn't understand position: sticky */
	.brand-tile svg { height: 100px; }
	.brand-tile img { height: 100%; }
	.globalSearch { color: #fff !important; }
	.property-title { justify-content: flex-start;  }
	.property-title .cta-white { margin-left: auto; }
	.home100-panel { display: block; text-align: center; }
	.home100-panel div { max-width: 100%; }
}
/* Edge https://stackoverflow.com/questions/32940965/how-to-target-microsoft-edge-with-css */
@supports (-ms-ime-align: auto) {
  .globalSearch {
        color: #fff !important;
  }
}

@media all and (max-width: 1400px) { .top-hero, .top-hero-brand .top-hero, .top-hero-benefits .top-hero, .top-hero-destinations .top-hero { padding-top: 50%; } }
@media all and (max-width: 1200px) { .top-hero, .top-hero-brand .top-hero, .top-hero-benefits .top-hero, .top-hero-destinations .top-hero { padding-top: 55%; } }
@media all and (max-width: 1000px) { .top-hero, .top-hero-brand .top-hero, .top-hero-benefits .top-hero, .top-hero-destinations .top-hero { padding-top: 60%; } }
@media all and (max-width: 800px) { .top-hero, .top-hero-brand .top-hero, .top-hero-benefits .top-hero, .top-hero-destinations .top-hero { padding-top: 70%; } }
@media all and (max-width: 500px) { .top-hero, .top-hero-brand .top-hero, .top-hero-benefits .top-hero, .top-hero-destinations .top-hero { padding-top: 92%; } }

@media all and (max-height: 767px) {
	.dest-regions { top: 80px; }
	.dest-region-anchor img { width: 85px;}
}

@media all and (max-height: 620px) {
	.dest-regions { top: 80px; }
	.dest-region-anchor img { display: none;}
	.dra-name { width: 100%; padding: .5em 0;}
}

/* BP1200 */


@media all and (min-width: 1200px) {
	.pt-supplierName { font-size: calc(2.7rem * .625); }
	/* .af-head { font-size: calc(4rem * .625); } */
	.af-subhead { font-size: calc(2rem * .625); }
}

@media all and (max-width: 1300px), all and (max-height: 800px) {
	.results-total-hotels {
		position: sticky;
		background-color:#fff;
		bottom: 0;
		left: 0;
		padding: 10px 0;
		width: 100%;
		border-right: 0px;
		border-left: 0px;
		border-radius: 0px;
		/*border-top: 2px solid #999;*/
	}
}

@media all and (max-width: 1200px) {
	.top-hero-home { margin-top: 0; }
	.home-hero { height: 400px; }
	.home-hero-wst { height: auto; background: none; }
	.home-intro { margin-top: 0; }
}

/* BP1160 */

@media all and (max-width: 1166px) {
	.nav-link {font-size: calc(1.24rem * .625); margin-left: 1.5em; }
	.benefits-hotelfinder {margin-bottom:0px;}
}

@media all and (max-width: 1160px) {
	.collection-group, .collection-group:last-of-type { width: 24%; }
	/* .bcb-items { flex-direction: column; }
	.bcb-item { width: 100%; }
	.bcb-or { margin: 1em 0; }
	.hpb-right { padding: 45px; }
	.hp-benefits .hpb-tandc { margin-top:0px; } */
	.artdes-show-box { max-width: 600px; }
}

@media all and (max-width: 1140px) {
	.nav-top-links { margin-left: 1.5em; }
	.logo { width: 190px; height: 100%; }
	.destinations-wrap { flex-direction: column; margin-top: 0;}
	.dest-regions { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; top: auto; position: relative; margin: 10px 0;}
	.dest-region-anchor { flex-direction: column-reverse; margin: 0 2px 5px 2px; }
	.dra-name{ width: 110px; height: 40px; display: flex; align-items:center; justify-content:center; }
	.dest-content { width: 100%; }
}

@media all and (max-width: 1100px) {
	/* .bc-benefits { padding: 30px; } */
	.bc-curated { padding: 30px; }
	.region-map-container { height: 450px; }
	
	.bho-tagline { font-size: calc(2rem * .625);}

	.search-box-icon {
		display: flex;
		border-radius:2px;
	}
	.search-box { display: none; }

	.benefits-unique { flex-direction: column; }
	.bu-text { width: 100%; max-width: 600px; margin: 0 auto; }
	.bu-image { margin: 0 auto; width: 100%; max-width: 500px; }
	.article-tiles .article-tile { width: 49%; }
	.artdes-show-box { max-width: 450px; }
	.iap-logos img { width: 22%; }
	
	.gi-largetile { width: 100%; max-width: 780px; height: 279px; margin: 0 auto 10px auto; }
	.gi-smalltile { width: 100%; max-width: 375px; height: 279px; margin: 0 auto 10px auto;  }
}

/* BP980 */

@media all and (max-width: 980px) {
	.ap-subhead { display: none; }
	.ap-left { width: 60%; margin-top: 0; }
	.ap-right img { width: 100%; }
	.fb-head { font-size: calc(3.2rem * .625); }
}

/* BP920 */

@media all and (max-width: 920px) {
	.top-hero { border-radius: 0; }
	.property-info { margin-top: 0; }
	.property-view-photos-mobile { display: block; }
	.property-title { flex-direction:column; align-items: flex-start; padding: 20px; height: auto; background-color: #53565A; border: none; border-radius: 0; }
	.property-title .cta-white { display: none; }
	.pt-location { margin-top: 10px; }
	.pt-supplierName { font-size: calc(3rem * .625); }
	.pt-brand-location { flex-direction: column; }
	.pt-brand { border: none; }
	.tipBG { flex-direction: column; }
		.tipBG p { margin: 1em 0; border: none; padding: 0; }
	.af-head { font-size: calc(3rem * .625); }
	.af-subhead { font-size: calc(1.5rem * .625); max-width: 75%; }
	.mf-property { flex-direction: column; align-items: flex-start; }
	.mf-property .cta { margin: 20px 0 0 0; }
	.tipBG p {text-align:center; }
	.article-wrap { flex-direction: column; }
	.article-sidebar { display: none; }
	.more-articles-mobile { display: block; margin-bottom: 20px; }
	.artdes-show-box { max-width: 700px; }
	
	/* .bmr-benefits { width: 100%; } */
	
	.th-logos { flex-direction: column; align-items: flex-start; }
		.th-logos img { margin-bottom: 5px;}
	.thl-divider { display: none; }
	
	.site-features { flex-direction: column; }
	.site-feature { width: 95%; margin: 0 auto 15px auto; flex-direction: row; text-align: left; align-items: flex-start;  }
	.sf-head { width: 180px; margin-right: 20px; flex-shrink: 0; }
	.site-feature p { margin: 0 auto; }
	.site-feature .cta { margin: 0 0 0 20px;}
	
	.home-benefits-no-credit .home-benefits-info { flex-direction: column; }
	.home-benefits-no-credit .hbc-en-gb { margin: 0 auto 10px auto; transform: translateX(0); }
}


@media all and (max-width: 900px) {
	.subnav {padding-left: 13px;height: 75px; }
	.nav-top-links { display: none; }
	.nav-fav { margin-right: 0; }
	.search-box-icon { width: 40px; height: 40px; flex-shrink: 0; position: relative; z-index: 5; background: none; margin-right: 0; }
	.search-box-wrap { position: absolute; right: 80px; }
	.search-box { height: 35px; width: 260px; }
	.easy-autocomplete input.globalSearch { width: 240px; font-size: 16px; }
	.easy-autocomplete input.home-search { background-color: #fff; }
	.search-box-icon:hover { background: none; }
	.burger { display: block; }
	.nav-top-links { border: none; }
	.nav-link { font-size: calc(1.8rem * .625); justify-content: center; font-weight: 400; background-image: linear-gradient(#333,#333); background-position: 0 100%;background-repeat: no-repeat; background-size: 100% 2px; padding: 15px 0px 25px 0px;margin: 10px auto 0 auto; }
	.nav-link:hover {background-image: linear-gradient(#333,#333); }
	.nav-top-links .nav-link:last-child {margin-right:0px; background-image: linear-gradient(transparent,transparent); margin-top: 0; border-bottom: 1px solid #000; padding-top: 25px; }
		.fav-count-mobile-on .nfm { background-image:url(../img/heart-filled-white.svg); }

	.nav-fav-mobile:not(.fav-count-mobile-on) .nfm span { display: none; }

	.fav-wrap { position: relative; padding-right: 0; }
	.pl-section-head { margin-top: 1em; }
	.fav-wrap .save-share { position: absolute; top: -30px; right: 0; }
}

@media all and (max-width: 880px) {
	.logo { width: 180px; }
	.collection-tiles { flex-wrap: wrap; overflow: hidden; height: 265px; }
	.collection-tile { width: 49%; }
	.collection-group, .collection-group:last-of-type { width: 49%; }
	.cp-wrap { width: auto; }
	.collection-pick { margin-right: 5px; }
	.collection-group:nth-child(2n+2) .cg-head { margin-right:0px; }
	.home-slider-prev { right: -30px; }
	.home-slider-next { right: -30px; }
	.mf-head { font-size: calc(2.2rem * .625); }
	.region-destinations { flex-direction: column;}
	.dest-col { width: 100%;}
	
}


/* BP830 */

@media all and (max-width: 830px) {
	.home-new { margin-bottom: 40px; }
	.home-slider-prev { left: 0; top: inherit; bottom: 0; }
	.home-slider-next { right: 0; top: inherit; bottom: 0; }
	.property-cards-slider .pc-stacked .pc-right { padding-top: 0; height: 220px; }
	.home-new {margin-bottom:0px;}
	.greyBG {padding: 30px 0 30px 0;}
	.iap-logos img { width: 30%; }
}

/* BP800 */

@media all and (max-width: 800px) {
	.home-hero-head { font-size: 7vw;}
	.fb-info { flex-direction: column; }
	.fb-info .cta-white { margin-left: 0; }
	/* .bmr-cardart { background-position: 40% 0; padding: 180px 10px 0 10px;} */
}

/* BP780 */

@media all and (max-width: 780px) {
	.property-card { width: 100%; max-width: 550px; margin-left: auto; margin-right: auto; }
	.pc-stacked .pc-right { padding-top: 50%; }
	#pmap { height: 350px; }
	/* .pi-special-benefit { margin-top: auto; } */
	.tipBG { margin-right: 0; }
	.brand-tile { width: 49%; }
	.pc-stacked { width: 49%; }
	.property-card:empty { width: 49%; }
	.pc-stacked.pc-with-map { width: 100%; max-width: 375px; }
	.brand-descriptionBG { flex-direction: column; padding: 0 20px 20px 20px; margin-bottom: 0; }
	.bd-description { border: none; padding: 0 2em; font-size: calc(1.3rem * .625); }
	.map-wrap { flex-direction: column; }
	.region-map-container { width: 100%; height: 250px; }
	/* filters on results page */
	.filter-overlay-section { padding-top: 40px; }
	.fo-padding { padding: 10px 10px 120px 10px; }
	.region-picks { justify-content: center; }
	.region-pick { width: 47%; }
	.rp-img { display: none; }
	.collection-group { display: contents; }
	.collection-picks { justify-content: flex-start; }
	.home100 { height: 480px; }
	.cf-close { display: none; }
	.filter-overlay-section
	.results-head {
		position: fixed;
		top: 0;
		left: 0;
		border-bottom: 1px solid #999;
		width: 100%;
		margin: 0;
		z-index: 5;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 20px;
	}
	.filter-overlay-subhead {
		margin: 2.5em 0 1em 0;
		font-size: calc(1.75rem * .625);
	}
	.fo-padding {
		padding: 20px 10px 120px 10px;
	}
	.results-head svg { display: block; }
	.hf-clear { font-size: calc(1.4rem * .625); }
	.pl-collection { width: 45%; }
	.gallery-thumb {width: 32.4324324324324%;margin: 0 1.3513513513514% 1.3513513513514% 0;}
	.gallery-thumb:nth-child(3n+3) {margin-right:0px}
	.gallery-thumb:last-child {margin-right:0px}
	.cg-head {
		margin-right:0px;
	}
	.top-hero-text-bottom .top-hero-text p { letter-spacing: 0; }
	/*.hp-cta-text { font-size: calc(2.2rem * .625); } */
	.benefits-hotelfinder { height: 400px; }
	.iap-wrap { flex-direction: column; margin: 20px 0;}
	.iap-logos { margin-top: 40px;}
	.iap-text h2 { text-align: center;}
}

/* BP760 */

@media all and (max-width: 760px) {

	.hpb-section { width: 100%; }
	.home-searchbox { background-color: #fff; }
	/* .hp-benefits { padding: 0px; }
	.hp-benefits .hpb-tandc { padding: 20px; } */
	.hpb-grid {  margin: 0 auto; max-width: 1800px }
	.property-breadcrumbs { display: none; }
	.gallery-thumb:hover:after { background:none; width: 0; height: 0; }
	.mad-footer { flex-direction: column; }
	.mf-left { width: 100%; }
	.mf-hero { padding-top: 35%; }
	.mf-right { width: 100%; }
	.mf-head { margin: 4%; font-size: calc(2.2rem * .625); font-weight: 400; }
	.mf-property { padding: 10px; }
	.mf-property .pc-supplierName { font-size: calc(1.9rem * .625); }
	.filtersWrap { flex-direction: column; }
	/* .results-cmf-box { width: 100%; margin: 10px 0 20px 0; } */
	.amenity-filters { margin-bottom: 0; }
	
	
	/* .bmr-benefits { flex-direction: column; }
	.bmr-benefit { width: 100%; display: flex; align-items: center; }
	.bmr-or { flex-basis: 0; margin: 0;} */
	
	.brandFiltersBox { margin: 30px 0 15px 0; }
	.brand-filters { flex-direction: column; align-items: flex-start; position: relative; }
	.bf-filter { margin-top: .5em; }
	.bf-head { line-height: 1.2em; font-size: calc(2rem * .625);}
	.share-link { position: absolute; right: 0; top: 20px;}
		.save-share .share-link { position: relative; top: 0; }
	
	.benefits-book-now { flex-direction: column; padding: 30px; margin-bottom: 40px; }
	.bb-text, .bb-details { width: 100%; }
	.bb-text { margin-bottom: 20px;}
		.bb-head { font-size: calc(3rem * .625);}
		
	.site-featuresBG { background: none !important; margin: 0 auto; height: auto; justify-content: center;}
	.site-feature { width: 100%; max-width: 600px; flex-direction: column; text-align: center; align-items: center; }
	.site-feature .cta { margin: 20px auto 0 auto; }
	.sf-head { margin-right: 0; width: 100%; }
	
	.home-benefits { flex-direction: column; padding: 40px;  }
	.home-benefits-info { margin: 0 0 30px 0; width: 100%; }
	.home-benefits-hotel-credit { width: 100%; max-width: 100%; max-width: 600px;}
}

/* BP720 */

@media all and (max-width: 720px) {
	.hh-logos { flex-direction: column; }
	.hh-divider { display: none; }
	.hh-logos img { margin-bottom: 15px; }

	.property-info { flex-direction: column; }
	.pi-description { max-width: 100%; }
	.pl-text { border: none; padding-left: 20px; }
	.pi-right { display: none }
	#benefits-and-cta { display: flex; width: 100%; justify-content: space-between; margin: 20px 0; }
	.pi-benefits { width: 48%; height: 100%; }
	.pi-grey { display: block; top: auto; width: 48%; margin-top: 0; }
	.tipBG { margin: 50px 20px 50px 0; border-radius:3px; border-left-color:#EDECEC;}
	.article-heroes.slick-initialized .slick-slide { height: 320px; }
	.article-featured-text { top: 10px; padding: 20px; }
	.ap-title { font-size: calc(2rem * .625); }
	.ap-arrow { margin: 0 10px; }
	.ap-left { margin-left: 20px; }
	.brandFindBG { margin-top: 20px; }
	.top-hero-text { font-size: calc(1.6rem * .625); width: 95%; }
	.top-hero-text-head { font-size: calc(3.5rem * .625); }
	.property-title { margin-left: -4.347826086956522%; margin-right: -4.347826086956522%; width: 108.695652173913043%; } /* 4% / 92% */
	/* .hp-cta { flex-direction: column; text-align: center; padding: 30px 20px; height: auto; }
	.hp-cta-text { margin-right: 0; font-size: calc(2.4rem * .625); }
	.hp-cta .cta-white { line-height: 3rem; margin-top: 1em; }
	.benefits-curated { flex-direction: column; }
	.bc-benefits { width: 100%; margin-bottom: 20px; }
	.bc-curated { width: 100%; } */
	
	.th-text { padding: 15px; }
	.th-image { display: none; }
}

@media all and (max-width: 680px) {
	.dest-regions { display: none; }
	.dest-content { padding-top: 20px;}
	.dest-content .rh { margin: 0; font-size: calc(2rem * .625); text-align: left; width: auto;}
	.dest-content .rh-box { margin-top: 0; padding-bottom: 0; padding-right: 0; justify-content: space-between;}
	.region-destinations { display: none; }
	.rh-mobile-toggle-target { display: flex;}
}


/* BP620 */

@media all and (max-width: 620px) {
	#pmap { margin-top:10px; }
	/* .hp-benefits .hpb-tandc { margin-top:20px; } */
	.hpb { text-indent: -9999px; padding: 0; margin: 1px; background-position: 50% 50%; background-size: 35px; width: 50px; height: 50px; min-height: 0; border:1px solid #dedede; border-radius: 3px; }
		.hpb-on { border: 2px solid #333; }
		.hpb-benefit-label { display: block; }
	.breakfast { background-size: 50px; width: 70px; }
	.collection-tiles { height: 170px; }
	.collection-tile { margin-bottom: 20px; height: 170px; align-items: flex-end; }
	.ct-name {
		font-size: calc(1.25rem * .625);
		letter-spacing: 0;
		padding: 4px 4px 4px 4px;
		text-align: center;
		line-height: 1.2em;
		width: 100%;
		border-radius:2px;
		margin: 0 10px 10px 10px;
	}
	.collection-tiles-wrap .collection-tile { margin-bottom: 10px; }
	#benefits-and-cta  { flex-wrap: wrap; }
	.pi-benefits { margin-bottom:10px; }
	.pi-grey { margin-bottom: 0px; }
	.pi-benefits, .pi-grey { width: 100%; }
	.pl-description { max-width: 100%; }
	.pl-written { margin-right: 0; }
	.rh-box { flex-wrap: wrap; }
		.rh:not(".dest-content .rh") { margin-right: 0; width: 100%; text-align: center; }
		.show-map { margin-left: 0; }
		.regionCount { margin-left: auto; }
	.top-hero-article .top-hero { padding-top: 60px; padding-bottom: 25px; }
	.top-hero-article .hero-image-location { bottom: auto; top: 10px; }
	
	.gi-head { font-size: calc(3rem * .625); }
	.gi-subhead { font-size: calc(1.5rem * .625);}
	.article-featured-text { position: relative; top: 0; max-width: 100%;  }
		.article-featured-text .cta-white { margin: 0 auto; }
	.article-heroes.slick-initialized .slick-slide { height: 250px; }
	.af-head { font-size: calc(2.4rem  * .625); text-align: center; }
	.article-tiles { flex-direction: column; }
	.article-tiles .article-tile { width: 100%; max-width: 375px; margin: 0 auto 10px auto; }
	.tipBG { padding: 1em; margin: 40px auto; }
	.pl-location{ line-height: normal; }
	.filtersWrap {margin-top:10px; }
	.fb-text { padding-left: 0; background: none; text-align: center;  }
	.fb-info .cta-white { margin: 0 auto; }
	.top-hero-brands { padding-top: 150px; }
	.top-hero-text-center { position: relative; background: #fff; margin-top: 100px; }
	.top-hero-text-bottom { bottom: 0; top: 0; }
	.top-hero-benefits .top-hero { background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('../img/benefits_hero.jpg'); }
	.top-hero-destinations .top-hero { background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('../img/destinations_hero.jpg'); }
	.top-hero-text { color: #333; }
	.top-hero-benefits .top-hero-text, .top-hero-destinations .top-hero-text { color: #fff; text-align: center; padding: 0 15px; }
	.top-hero-text-bottom .top-hero-text p { font-size: calc(1.4rem * .625); letter-spacing: 0; font-weight: 500; line-height: 1.3em; }
	.brandFindBG { background: #333; padding: 15px 25px 25px 25px; }
	.top-hero-brands + .hero-image-location { bottom: inherit; top: 205px; }
	.top-hero-brands { background-image: url('../img/brands_hero.jpg'); background-position: 50% 10%; background-size: 200%; background-repeat: no-repeat;  }
	.brand-descriptionBG { padding: 0 0 20px 0; }
	.brand-find-label { text-transform: none; font-size: calc(1.4rem * .625); }
	.rth-text { font-size: calc(1.6rem * .625); }
	
	.b-benefits.benefits-mr { padding: 50px 0 40px 0;}
	.bmr-grid-wrap { overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding: 40px;}
	/* .hpb-right { padding: 20px 10px 20px 10px; } */
	.b-benefits .hpb-grid { flex-wrap: nowrap; width: 1800px; justify-content: flex-start; margin-left: 20px; margin-bottom: 20px; align-items: normal;}
	.b-benefits .hpb { text-indent: 0; width: 280px; margin: 0 10px; background-color: #f6f6f6; padding: 90px 20px 30px 20px; border: 1px solid #ededed; background-position: 50% 20px !important; background-size: 60px; text-align: center; scroll-snap-align: start; height: auto;  }
	.b-benefits .hpb.breakfast { background-size: 40px; }
	.benefits-unique p { letter-spacing: 0; font-size: calc(1.6rem * .625); }
	/* .bmr-cardart p { font-size: calc(1.6rem * .625); } */
	
	.benefits-intro { padding: 30px 0; }
	.benefits-panel { width: 100%; padding: 20px 0 40px 0; }
	.benefits-head { font-size: calc(3rem * .625);}
	.benefits-subhead { font-size: calc(1.6rem * .625);}
	.benefits-fhr-hero { height: 400px;}
	.bho-wrap { flex-direction: column; }
		.bho-divider { display: none; }
		.bho-logo { width: 300px; margin-bottom: 10px; }
		.bho-tagline { max-width: 100%; text-align: center; }
	.bp-head { font-size: calc(1.8rem * .625);}
	.bu-head { font-size: calc(3rem * .625);}
	
	.results-head-box { flex-direction: column; }
	.results-head { font-size: calc(3rem * .625); text-align: center; }
	.results-count { border:1px solid #EDEEED; text-align: center; margin-top: 1em; background: #fff; border-radius: 3px; padding: 12px; justify-content: space-between; font-size: calc(2rem * .625); }
	.results-count-cmf { margin-left: 0; width: 100%; }
	.chosen-filters { justify-content: center; text-align: center; }
	.cf-cta { margin: 0; }
	.cf-text { font-size: calc(1.3rem * .625); }
	.tipBG p {padding:0px 15px; margin-bottom:5px; margin-top:7px; }
	.greyBG section h4 {padding-top:0px;}
	.article-designed p { margin: 0;}
	.artdes-feature { margin: 0 0 30px; }
	/* .bmr-section {width: 100%;} */
	
	.pbd-logo { margin: 12px auto; }
	.pbd-head { font-size: calc(2rem * .625); padding: 0; margin: 0 1.5em 1em 1.5em; text-align: center;}
	.pbd-text { text-align: center; padding-bottom: 1.5em;}
	
	.offers-content { padding: 20px 0; }
	.offers-head { font-size: calc(3rem * .625);}
	.offers-content p { width: 100%; margin-right: 0; }
	
	.fbBG { padding: 30px; }
	.fb-head { font-size: calc(2.8rem * .625);}
	
	.home-hero { height: 270px;}
	.home-intro { padding: 20px 20px 30px 20px; }
	.home-intro h2 { font-size: calc(1.8rem * .625);}
	.home-searchbox { width: 300px; padding: 10px 10px 10px 40px; }

	.th-head-text { font-size: calc(2.4rem * .625);}
	
	.get-inspired-tiles { flex-direction: column; }
	.get-inspired-tile { width: 100%; max-width: 450px; margin: 0 auto 40px auto;}
	
	.pbd-content { flex-direction: column; }
	.pbd-logo, .pbd-text { width: 100%; }
	.pbd-divider { display: none; }
}

/* BP500 */

@media all and (max-width: 500px) {
	.travel-logo span { font-size: calc(1.2rem * .625);}
	.mr-benefit { width: 100%; }
	.home100-panel { margin: 25px 10px 0 10px; background: rgba(255,255,255,.9); }
	.mfBG { padding: 15px;}
	.pl-text { padding-left: 0; }
	.brand-tile { width: 100%; }
	.pc-stacked { width: 100%; }
	.benefits-mr { padding: 20px 10px 20px 10px; }
	/* .bmr-mr-text { padding: 15px; } */
	p { font-size: calc(1.4rem * .625); }
	h4 { font-size: calc(2rem * .625); }
	.listicle-item { margin-left: 0; }
	.article-content { padding-left: 10px; border: none; }
	.article-panel { flex-direction: column-reverse; }
	.ap-left { text-align: center; width: 100%; margin-left: 0; padding: 20px; }
	.ap-arrow { display: none; }
	.ap-subhead { font-size: calc(1.4rem * .625); display: block; }
	.hero-image-location { font-size: calc(1.2rem * .625); }
	.home-new { overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; }
	.property-cards-slider { display: flex; }
	.home-slider-prev, .home-slider-next { display: none; }
	.property-cards-slider .pc-stacked, .pc-last-card { width: 300px; scroll-snap-align: start; }
	.home100 { background-size: cover; align-items: flex-start; padding-top: 10px; }
	.home100 .hero-image-location { right: 10px !important; left: inherit;}
	.results-total-hotels { flex-direction: column; padding: 20px 0 17px 0;	}
	.filter-overlay-subhead { font-size: calc(1.6rem * .625); }
	.rth-text, .rth-text span { font-size: calc(1.6rem * .625); margin-bottom: 16px; margin-right: 0; }
	.hf-clear { margin-left: 0; margin-top: 1em; }
	.rh-box { padding-right: 0;}
	.rh { text-align: center; width: 100%; margin-right: 0; }
	.rc-newAdditions { margin: 0 auto; }
	.ps-text p { font-size: calc(1.5rem * .625);}
	
	.article-tiles .slick-list{padding:4px 15% 0 0 !important;}
	
	.benefits-head { font-size: calc(2.4rem * .625); font-weight: 400;}
	.th-head { font-size: calc(3rem * .625);}
	.bu-head { font-size: calc(2.3rem * .625); font-weight: 500; }
	
	.home-benefits { padding: 15px; }
	.home-benefits-cardart { transform: translateX(-20px); margin-bottom: 10px;}
	.home-benefits-head { font-size: calc(2.6rem * .625);}
	.home-benefits-info p { font-size: calc(1.5rem * .625); }
	.home-benefits-no-credit .home-benefits-cardart { width: 180px; margin-right: 0; }
	.home-benefits-no-credit .hbc-en-gb { margin: 0 auto 10px auto; }
	
	.hp-collection-head { font-size: calc(3.4rem * .625);}
	.hp-hi-head { font-size: calc(2.4rem * .625);}
	.pc-stacked .pc-supplierName { font-size: calc(1.6rem * .625); letter-spacing: 0; }
	
	.share-link, .fav-wrap .fav-box { border: 0; text-decoration: underline; background-color: transparent !important; color: #53565A !important; }
	.share-link:hover { background-image:url(../img/share.svg); }
	.fav-wrap .fav-box:hover { background-image:url(../img/heart.svg); }
	.fav-tab:hover .ft-handle { background-image: linear-gradient(180deg, #414346, #414346 50%, #5A5C60 50%, #5A5C60 100%); }
	.fav-tab:hover { transform: translateX(0px); }
	.fav-tab:hover .ft-arrow { display: block; }
	
	.nav-fav { border: none !important; }
	.nav-fav-count { background-position: 50% 50%; }
	#navFavCount { display: none;}

	.nav-fav-mobile { display: flex; }
	.nav-fav { opacity: 0; }

	.gi-headline { font-size: calc(1.5rem * .625); }

}

/* BP400 */

@media all and (max-width: 400px) {
	/* .hp-cta { padding: 24px 25px 27px 25px; margin: 18px 0 0px 0; }
	.hp-cta .cta-white { width:100%; } */
	.hp-collection-head { font-size: calc(2.8rem * .625); padding: 0 10px 0 10px; }
	.filtersWrap { margin-top: 10px; }
	.filterset-label { display: flex; padding: 0 1em; justify-content: space-between; align-items: center; font-size: calc(1.4rem * .625);  font-weight: 500; border: none; margin: .4em 0; text-align: left; }
	.filterset-label-toggle { display: block; }
	.results-head-box { margin-top: 20px; }
	.ua-filters { display: none; }
	.amenity-filters { width: 100%; padding: 5px; }
	.amenity-pick { margin: 0; width: 100%;  background-color: #F6F6F6; padding: 12px 15px; border-bottom: 1px solid #ededed; }
	.amenity-pick::after { margin: 0; position: absolute; right: 20px; }
	.amenity-pick::before { z-index: 2; top: 13px; right: 41px; }
	.hiddenCB:checked + .amenity-pick::before { right: 21px; top: 13px; }
	.greyBG { padding: 22px 0 0px 0; }
	.rh-box:not(".dest-content .rh-box") { padding: 0px 10px 32px 10px; }
	.mf-head { font-size: calc(1.9rem * .625); margin: 15px 16px 18px 16px; }
	.mf-right { padding-left:0px; }
	.mf-hero { border-radius:1px; }
	.mf-property .cta { width:100%; }
	.filter-overlay-subhead { margin: 0 0 32px 0; }
	.fo-padding { padding: 15px 10px 120px 10px; }
	.hf-subhead {margin: 1em 0; }
	.top-hero-text-center {background:; }
	.top-hero-text-head { font-size: calc(3rem * .625); margin-bottom: 0.6em; }
	.top-hero-text {
	    margin-top: 27px;
		font-weight: 400;
		padding: 0 10px 20px 10px;
	}
	.brandFindBG { width: 100%; padding:15px 10px 25px 10px; }
	.article-tiles { margin-top:20px; }
	.fb-info .cta-white { width:100%; }
	.fb-head { font-size: calc(2.8rem * .625); line-height: 1.25em; }
	.fb-text { margin-bottom: 1.7em; }
	/* .bc-benefits { padding: 20px; }
	.bc-head { font-size:calc(3rem * .625); margin: 0 0 0.4em 0; padding: 5px 0 0px 0; } */
	.benefits-hotelfinder { padding: 20px; margin-top: 20px; }
	.benefits-hotelfinder h2 { font-size: calc(2.6rem * .625); margin-top: -40px;}
	.benefits-hotelfinder .cta-white { width:100%; }
	/* .hp-cta-text { font-size: calc(2rem * .625); line-height: 1.3em; } */
	.pt-text {width:100%;}
	.pt-location {margin-top: 0px;}
	.pt-brand {margin-bottom: 5px;}
	#pmap { margin-bottom:0px; }
	.dest-stateCountry { font-size: calc(1.2rem * .625);}
	.dest-stateCountry-toggle { font-size: calc(1.2rem * .625);}
	.iap-logos img { width: 47%; }
	
	.bb-head { font-size: calc(2.5rem * .625);}

	.home100 { height: 550px; }
	#footer2020 { width: 100%; }
	#footer2020 .footer-headline { font-size: calc(2rem * .625);}
	#footer2020 .footer-text { font-size: calc(1.2rem * .625);}
	#footer2020 .footer-bottom { flex-direction: column; }
	#footer2020 .footer-bottom-text { max-width: 100%; }
	
}

/* BP320 */

@media all and (max-width: 320px) {
	.dest-content .rh { font-size: calc(1.6rem * .625);}
	.property-cards-slider .pc-stacked, .pc-last-card { width: 250px; }
	.pc-stacked .pc-right { height: 140px; }
	.home-searchbox { width: 260px; }
	.hh-logos img { width: 260px; }
	.b-benefits .hpb { width: 220px; }
	
	.cbLabel { font-size: calc(1.1rem * .625);}
	
	#footer2020 .hero-image-location { display: none; }
}

.fancybox-show-caption .fancybox-caption { font-size: 18px !important; }

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 0 0 0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:flex;height:385px}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

	.cards-slider.slick-initialized .slick-slide{display: block; }
	.cards-slider .slick-slide.card { margin: 0 5px;}

.property-cards-slider .slick-list { padding-top: 4px; } /* to accommodate hover */
.cards-slider .slick-list { padding-top: 4px; } /* to accommodate hover */

span[data-ml] { position: relative;  }
span[data-ml]::before {
	content: "";
	position: absolute;
	left: 0;
	top: -20px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: deeppink;
}

.fav-box { display: none !important; }