/*
THEME NAME: HWL
THEME URI: http://www.hotelswelove.com/
DESCRIPTION: Hotels We Love custom theme
VERSION: 1.0
AUTHOR: Tudor Prisăcariu
AUTHOR URI: http://verde.io
TAGS: 
*/

/* CSS RESET */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,a:hover,a:visited:hover,a:active,a:active:hover{outline:none}
a,a:hover,a:visited:hover,a:visited{text-decoration: none;color: #000}
::selection { background: #222; color: #fff; }
::-moz-selection { background: #222; color: #fff; }
::-webkit-selection { background: #222; color: #fff; }

@font-face {
	font-family: 'Relative Bold';
	src: url('fonts/relative-bold-webfont.eot');
	src: url('fonts/relative-bold-webfont.eot') format('embedded-opentype'),
		 url('fonts/relative-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Relative Medium Italic';
	src: url('fonts/relative-mediumitalic-webfont.eot');
	src: url('fonts/relative-mediumitalic-webfont.eot') format('embedded-opentype'),
		 url('fonts/relative-mediumitalic-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Relative Medium';
	src: url('fonts/relative-medium-webfont.eot');
	src: url('fonts/relative-medium-webfont.eot') format('embedded-opentype'),
		 url('fonts/relative-medium-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Relative Monospaced Faux';
	src: url('fonts/relativemonospaced-faux-webfont.eot');
	src: url('fonts/relativemonospaced-faux-webfont.eot') format('embedded-opentype'),
		 url('fonts/relativemonospaced-faux-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

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

html,
body
{
	height: 100%;
}

	.hide_scroll,
	.hide_scroll body
	{
		overflow: hidden;
	}
	
/*html
{
    position: relative;
    min-height: 100%;
}*/

body
{
	font:14px/20px "Georgia", serif;
	text-align: left;
	background:#fff;
	color:#222;
	-webkit-tap-highlight-color: #ddd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

	html.touch body
	{
		-webkit-text-size-adjust:none;
	}
	
	/*body.single
	{
		margin: 0 0 155px;	
	}*/

/* FONTS */

.t,
.think .content h2,
.think .content h1
{
	font-family:"Relative Bold", 'Century Gothic', Verdana, sans-serif; font-size-adjust:0.5; font-weight:bold; font-style:normal;
}

.p,
.play .content h2,
.play .content h1
{
	font-family:"Relative Medium Italic", 'Century Gothic', Verdana, sans-serif; font-size-adjust:0.5; font-weight:600; font-style:italic;
}

.s,
.sleep .content h2,
.sleep .content h1,
.sleep .meta,
.booking-dot .cancel,
.cities ul
{
	font-family:"Relative Monospaced Faux", Consolas, monospace; font-size-adjust:0.5; font-weight:normal; font-style:normal;
}

.menu,
.home h2,
.page-template-default h2,
.error404 h2,
.page-template-default h2,
.play .dot,
.sleep .dot,
.expand-map,
.wpcf7-submit,
.blog h1,
.category h1,
.blog-index .boxes .meta
{
	font-family:"Relative Medium", 'Century Gothic', Verdana, sans-serif; font-size-adjust:0.5; font-weight:600; font-style:normal;
}

p
{
	margin:0 0 20px 0;
}

	p:last-child
	{
		margin:0;
	}
	
	p:empty
	{
		display: none;
	}
	
.hr
{
	background: #ddd;
	color: #fff;
	border: 0;
	height: 1px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}
	
	hr
	{
		display: none;
	}
	
a,
a:visited 
{
	color: #999;
	
	-webkit-transition: color 150ms linear;
	   -moz-transition: color 150ms linear;
	    -ms-transition: color 150ms linear;
	     -o-transition: color 150ms linear;
	        transition: color 150ms linear;
}

	.page-template-default .content a,
	.page-template-default .content a:visited
	{
		color: #ff5938;
	}

	.no-touch a:visited:hover,
	.no-touch a:hover,
	.menu .current-menu-item a,
	.menu .current-menu-item a:visited,
	.is-blog .current_page_parent a,
	.is-blog .current_page_parent a:visited,
	a:active
	{
		color: #222;
	}

h1,
.slide-header .active-city
{
	font-size: 48px;
	line-height: 48px;
	min-height: 50px;
	padding: 0 100px;
	text-rendering: optimizeLegibility;
}

	.slide-header .active-city
	{
		display: block;
	}

	h1 a,
	h1 a:visited
	{
		color: #222;
	}
	
		.sleep h1 a,
		.sleep h1 a:visited,
		.no-touch .sleep h1 a,
		.no-touch .sleep h1 a:visited,
		.sleep .ajax h1
		{
			color: #fff;
		}
		
	.single-cities-index h1,
	.page-template-default h1,
	.slide-header .active-city
	{
		margin-top: 15px;
	}
	
	.home h1
	{
		margin-top: 0;
	}

h2
{
	font-size: 16px;
	line-height: 20px;
	text-rendering: optimizeLegibility;
}

	.home h2,
	.page-template-default h2,
	.error404 h2
	{
		font-size: 18px;
		color: #999;
		margin: 7px 0 0 0;
	}

strong
{
	font-weight: normal;
}

	.ajax .content strong
	{
		font-weight: bold;
	} 

/* TPS Colours */

.t.selected a,
.t.selected a:visited,
.no-touch .t a:hover,
.no-touch .t.selected a:visited:hover,
.think .content a,
.think .content a:visited,
.quote .copy span,
.think blockquote:before,
.box-think a,
.box-think a:visited,
.no-touch .box-think a:hover,
.no-touch .box-think a:visited:hover,
.box-think .meta span
{
	color: #0084ff;
}
	
	.think .dot,
	.think .big-dot,
	.t.medium-dot,
	.t.big-dot,
	.think .img,
	.think .post-content img,
	.think .close-overlay,
	.blog-index .think .close-overlay,
	.think .edit,
	.blog-index .think .edit,
	.think .box .animated,
	.box-think .animated
	{
		background-color: #0084ff;
	}

.p.selected a,
.p.selected a:visited,
.no-touch .p a:hover,
.no-touch .p.selected a:visited:hover,
.play .content a,
.play .content a:visited,
.play blockquote:before,
.box-play a,
.box-play a:visited,
.no-touch .box-play a:hover,
.no-touch .box-play a:visited:hover,
.box-play .meta span
{
	color: #f7027c; /*#f7027c; /* a36cff */
}

	.play .dot,
	.play .big-dot,
	.p.medium-dot,
	.p.big-dot,
	.play .img,
	.play .post-content img,
	.play .close-overlay,
	.blog-index .play .close-overlay,
	.play .edit,
	.blog-index .play .edit,
	.play .box .animated,
	.box-play .animated
	{
		background-color: #f7027c;
	}
	
.s.selected a,
.s.selected a:visited,
.no-touch .s a:hover,
.no-touch .s.selected a:visited:hover,
.sleep .content a,
.sleep .content a:visited,
.sleep .meta span,
.review .box h2,
.sleep blockquote:before,
.sleep .filter .selected,
.sleep .filter .selected:visited,
.no-touch .sleep .filter a:hover,
.no-touch .sleep .filter a:visited:hover,
.box-sleep a,
.box-sleep a:visited,
.no-touch .box-sleep a:hover,
.no-touch .box-sleep a:visited:hover,
.box-sleep .meta span
{
	color: #35d644;
}

	.sleep .dot,
	.sleep .big-dot,
	.s.medium-dot,
	.s.big-dot,
	.sleep .img,
	.sleep .post-content img,
	.blog-index .sleep .close-overlay,
	.sleep .close-overlay,
	.blog-index .sleep .edit,
	.sleep .edit,
	.sleep .box .animated,
	.box-sleep .animated
	{
		background-color: #35d644;
	}
	
	.sleep,
	.sleep .frame-header
	{
		background: #222;
		color: #ddd;
	}

.blog-index .dot,
.blog-index .big-dot
{
	background-color: #ff5938;
}
	
.t.medium-dot,
.t.medium-dot:visited,
.p.medium-dot,
.p.medium-dot:visited
{
	color: #fff !important;
}

.s.medium-dot,
.s.medium-dot:visited
{
	color: #222 !important;
}

.c,
.c:visited
{
	color: #ff5938 !important;
}


.top-header
{
	height: 32px;
	background: #ddd;
	position: fixed;
	top:0;
	left:32px;
	right:0;
	z-index: 3;
	
	-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);
}

	.top-header a
	{
		line-height: 20px;
		display: block;
		padding: 6px 10px;
	}
	
	.top-header .logo
	{
		color: #222;
		margin-left: 10px;
		float: left;
		
		-webkit-transition: color 150ms linear, margin-top .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		   -moz-transition: color 150ms linear, margin-top .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		    -ms-transition: color 150ms linear, margin-top .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		     -o-transition: color 150ms linear, margin-top .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		        transition: color 150ms linear, margin-top .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	}
	
	.top-header .toggle-menu
	{
		display: none;
	}
	
	.top-header .nav
	{
		overflow: hidden;
	}
	
	.top-header ul
	{
		float: right;
		margin-right: 10px;
	}
	
		.top-header li
		{
			float: left;
		}
		
		.top-header .icon span
		{
			display: block;
			width: 8px;
			height: 20px;
			text-indent: -9999px;
		}
		
			.top-header .twitter span
			{
				width: 16px;
			}
			
			.top-header .instagram span
			{
				width: 15px;
			}
			
			.top-header .rss span
			{
				width: 14px;
			}
				
		.top-header .facebook a,
		.top-header .facebook a:visited
		{
			padding: 6px 5px 6px 10px;
			background: transparent url("images/hwl-sprite.png") center -64px no-repeat;
		}
		
			.no-touch .top-header .facebook a:hover,
			.no-touch .top-header .facebook a:visited:hover
			{
				background-position: center -96px;
			}
		
		.top-header .twitter a,
		.top-header .twitter a:visited
		{
			padding: 6px 5px 6px 5px;
			background: transparent url("images/hwl-sprite.png") center -128px no-repeat;
		}
		
			.no-touch .top-header .twitter a:hover,
			.no-touch .top-header .twitter a:visited:hover
			{
				background-position: center -160px;
			}
		
		.top-header .instagram a,
		.top-header .instagram a:visited
		{
			padding: 6px 5px 6px 5px;
			background: transparent url("images/hwl-sprite.png") center -577px no-repeat;
		}
		
			.no-touch .top-header .instagram a:hover,
			.no-touch .top-header .instagram a:visited:hover
			{
				background-position: center -609px;
			}
			
		.top-header .rss a,
		.top-header .rss a:visited
		{
			padding: 6px 10px 6px 5px;
			background: transparent url("images/hwl-sprite.png") center -192px no-repeat;
		}
		
			.no-touch .top-header .rss a:hover,
			.no-touch .top-header .rss a:visited:hover
			{
				background-position: center -224px;
			}
		

.cities
{
	width: 32px;
	height: 100%;
	background: #ff5938; /*ff5d44*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	overflow: hidden;
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	
	-webkit-transition: width .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), max-height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	   -moz-transition: width .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), max-height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition: width .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), max-height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition: width .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), max-height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition: width .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), max-height .4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

	.cities .title
	{
		display: block;
		position: absolute;
		top:0;
		left:32px;
		right: 0;
		padding: 6px 0;
		color: #fff;
		cursor: pointer;
		white-space: nowrap;
	}
	
		/*.single-cities .cities .title
		{
			color: #660000;
		}*/

	.cities-open .cities
	{
		width: 160px;
	}

	.cities ul
	{
		width: 96px;
		margin: 47px 0 0 32px;
	}
	
		.cities a,
		.cities a:visited
		{
			color: #660000;
			display: block;
		}
		
			.no-touch .cities a:hover,
			.no-touch .cities a:visited:hover,
			.cities a:active,
			.cities .selected a,
			.cities .selected a:visited
			{
				color: #fff;
			}
			
			.cities .hide-selected a,
			.cities .hide-selected a:visited
			{
				color: #660000;
			}
			
	.toggle-cities
	{
		position: absolute;
		top:0;
		left:0;
		display: block;
		width: 32px;
		/*height: 100%;*/
		height: 140px;
		color: #fff;
		cursor: pointer;
	}
		
		#toggle-cities-footer
		{
			cursor: pointer;
		}
		
		a.toggle-cities,
		a.toggle-cities:visited
		{
			color: #fff;
		}
		
		.icon-span
		{
			display: block;
			position: absolute;
			top:0;
			left:0;
			width: 32px;
			height: 32px;
			padding: 10px 10px 0 10px;
			/*background: transparent url("images/hwl-sprite.png") 0 -1px no-repeat;*/
		}
		
			.top-header .icon-span
			{
				background: #222;
				cursor: pointer;
			}
			
			.icon-span span
			{
				width: 12px;
				height: 2px;
				display: block;
				background: #fff;
				margin-bottom: 3px;
				
				-webkit-transition: background 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				   -moz-transition: background 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				    -ms-transition: background 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				     -o-transition: background 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				        transition: background 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
			}
			
			.no-touch a.toggle-cities:hover .icon-span span,
			a.toggle-cities:active .icon-span span
			{
				background: #660000;
			}
			
			.no-touch a.toggle-cities:hover,
			.no-touch a.toggle-cities:visited:hover,
			a.toggle-cities:active
			{
				color: #660000;
			}
		
		.toggle-cities .text-span
		{
			width: 107px;
			height: 32px;
			line-height: 20px;
			text-align: right;
			padding: 6px 20px 6px 0;
			display: block;
			background: #ff5938;
			-webkit-transform: rotate(-90deg);
			   -moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				 -o-transform: rotate(-90deg);
			
			-webkit-transform-origin: left top;
			   -moz-transform-origin: left top;
			    -ms-transform-origin: left top;
			     -o-transform-origin: left top;
			        transform-origin: left top;
			
			-webkit-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			   -moz-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			    -ms-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			     -o-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			        transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

			-webkit-transition-delay: 200ms;
			   -moz-transition-delay: 200ms;
			     -o-transition-delay: 200ms;
			        transition-delay: 200ms;
						
			position: absolute;
			top:140px;
			left:0;
		}
		
			.lt-ie9 .toggle-cities .text-span
			{
				top: 32px;
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			}
		
			.cities-open .toggle-cities .text-span,
			.cities-open .open-blog .text-span,
			.cities-open .open-blog:before
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
				-moz-opacity: 0;
				opacity: 0;
						
				-webkit-transition-delay: 0;
				   -moz-transition-delay: 0;
				     -o-transition-delay: 0;
				        transition-delay: 0;
			}
			
			.cities-open .open-blog
			{
				pointer-events: none;
			}
			
				.lt-ie9 .cities-open .toggle-cities .text-span,
				.lt-ie9 .cities-open .open-blog .text-span,
				.lt-ie9 .cities-open .open-blog:before
				{
					display: none;
				}
	
	.cities a.open-blog,
	.cities a.open-blog:visited
	{
		position: absolute;
		top:140px;
		left:0;
		display: block;
		width: 32px;
		/*height: 100%;*/
		height: 140px;
		color: #fff;
		cursor: pointer;
		margin-top: 1px;
	}
	
		.no-touch .cities a.open-blog:hover,
		.no-touch .cities a.open-blog:visited:hover
		{
			color: #600;
		}
	
		.open-blog .text-span
		{
			width: 130px;
			height: 32px;
			line-height: 20px;
			text-align: right;
			padding: 6px 20px;
			display: block;
			background: #ff5938;
			white-space: nowrap;
			-webkit-transform: rotate(-90deg);
			   -moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				 -o-transform: rotate(-90deg);
			
			-webkit-transform-origin: left top;
			   -moz-transform-origin: left top;
			    -ms-transform-origin: left top;
			     -o-transform-origin: left top;
			        transform-origin: left top;
			
			-webkit-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			   -moz-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			    -ms-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			     -o-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			        transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

			-webkit-transition-delay: 200ms;
			   -moz-transition-delay: 200ms;
			     -o-transition-delay: 200ms;
			        transition-delay: 200ms;
						
			position: absolute;
			top:130px;
			left:0;
		}
		
		.open-blog:before
		{
			content: "";
			width: 12px;
			height: 1px;
			background: #ff9e8f;
			position: absolute;
			top: -1px;
			left: 10px;
			
			-webkit-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			   -moz-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			    -ms-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			     -o-transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			        transition: opacity 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

			-webkit-transition-delay: 200ms;
			   -moz-transition-delay: 200ms;
			     -o-transition-delay: 200ms;
			        transition-delay: 200ms;
		}
	
	.cities a.open-blog-h,
	.cities a.open-blog-h:visited
	{
		/*position: absolute;
		bottom: 0;
		left: 0;*/
		width: 96px;
		/*margin: 26px 0 21px 32px;*/
		margin: 58px 0 21px 32px;
		padding: 26px 0 6px;
		white-space: nowrap;
		color: #fff;
		border-top: 1px solid #ff9e8f;
	}
	
.frame,
.overlay
{
	padding: 32px 0 0 0;
	margin: 0 0 0 32px;
	text-align: center;
	min-height: 100%;
	
	-webkit-transition: margin-left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	   -moz-transition: margin-left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	    -ms-transition: margin-left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	     -o-transition: margin-left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	        transition: margin-left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
}

	.cities-open .frame,
	.cities-open .overlay
	{
		margin-left: 160px;
	}
	
	.fixed-frame
	{
		position: fixed;
		left: 0;
		right: 0;
	}
	
	.play .overlay,
	.think .overlay,
	.single-think .frame,
	.single-play .frame
	{
		position: relative;
		padding-bottom: 155px;
	}
	
.overlay
{
	z-index: 2;
	position: relative;
	background: #fff;
	overflow: hidden;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
	/*position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	bottom: 0;*/
}
	
	.ajax
	{
		overflow: hidden;
		/*position: relative;
		min-height: 100%;*/
	}
	
	/*.overlay .ajax
	{
		position: relative;
		background: #fff;
	}*/

	.visible
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	.sleep .overlay,
	.sleep .ajax
	{
		background: #222;
	}
	
	.cancel
	{
		display: block;
		padding: 10px;
		color: #fff;
		cursor: pointer;
	}
	
	.booking-overlay
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		-moz-opacity: .8;
		opacity: .8;

		z-index: 3;
		position: fixed;
	}
	
	.header-button
	{
		cursor: pointer;
		width: 34px;
		height: 34px;
		border-radius: 17px;
		position: absolute;
		top: 10px;
		background: transparent url("images/hwl-sprite.png") center -255px no-repeat;
		
		-webkit-transition: background-color 150ms linear;
		   -moz-transition: background-color 150ms linear;
		    -ms-transition: background-color 150ms linear;
		     -o-transition: background-color 150ms linear;
		        transition: background-color 150ms linear;
	}
	
		.page-template-default .header-button,
		.home-edit
		{
			background-color: #222;
		}
		
		.no-touch .header-button:hover,
		.no-touch .header-button:visited:hover
		{
			background-color: #222;
		}
		
		.no-touch .sleep .header-button:hover,
		.no-touch .sleep .header-button:visited:hover
		{
			background-color: #fff;
		}
	
	.close-overlay
	{
		right: 10px;
		background-position: center -255px;
	}
		.sleep .close-overlay
		{
			background-position: center -287px;
		}
		
	.edit
	{
		right: 54px;
		background-position: center -447px;
	}
		.sleep .edit
		{
			background-position: center -479px;
		}
		
		.single-cities-index .edit,
		.page-template-default .edit,
		.home-edit
		{
			right: 10px;
		}
	
.frame-header
{
	padding: 14px 20px 9px 20px;
	min-height: 108px;
	overflow: hidden;
	background: #fff;
	z-index: 2;
	border-bottom: 1px solid #ddd;
	position: fixed;
	top:32px;
	right: 0;
	left:32px;
	
	-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);

	
	-webkit-transition: left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	   -moz-transition: left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	    -ms-transition: left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	     -o-transition: left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
	        transition: left .4s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 150ms linear;
}

	.lt-ie9 .frame-header
	{
		min-height: 85px;
	}

	.home .frame-header
	{
		padding: 0;
	}
	
	.home .fit
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 14px 20px 9px 20px;
		
		-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);


		-webkit-transition: -webkit-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
		   -moz-transition: -moz-transform  .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
		    -ms-transition: -ms-transform  .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
		     -o-transition: -o-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		        transition: transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	}
	
		.home .slide-header
		{
			-webkit-transform: translate3d(0, 140px, 0);
			   -moz-transform: translate3d(0, 140px, 0);
			    -ms-transform: translate3d(0, 140px, 0);
			     -o-transform: translate3d(0, 140px, 0);
			        transform: translate3d(0, 140px, 0);
		}
		
			.no-csstransforms3d .home .slide-header,
			.no-csstransforms3d .home .hidden
			{
				visibility: hidden;
			}
			
			.no-csstransforms3d .home .in_view
			{
				visibility: visible;
			}
					
	.overlay .frame-header
	{
		/* fix for chrome scrolling position fixed inside relative */
		-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);
	}

	.cities-open .frame-header
	{
		left: 160px;
	}
	
	.sleep .frame-header
	{
		border-bottom-color: #6d6d6d;
	}

	.home .frame-header
	{
		padding: 13px 20px 15px 20px;
	}
	
	.frame-header ul
	{
		margin: 7px 0 0 0;
		/*margin: -1px 0 0 0;*/
		display: inline-block;
	}
	
		.frame-header li
		{
			float: left;
		}
			
			.frame-header li a,
			.frame-header li a:visited
			{
				font-size: 18px;
				padding: 0 10px;
			}
			
			.no-touch .sleep .frame-header .city a:hover,
			.no-touch .sleep .frame-header .city a:visited:hover
			{
				color: #fff;
			}

.single-meta
{
	padding-top: 20px;
	border-bottom: 1px solid #ddd;
}

	.sleep .single-meta
	{
		border-bottom-color: #6d6d6d;
	}
	
	.sleep .single-meta .filter
	{
		float: none;
	}

.filter-meta
{
	display: none;
}

.filter-visible .filter-meta
{
	display: block;
}
	
.filter a,
.filter a:visited
{
	cursor: pointer;
}

.single .post-content,
.blog-index .post-content
{
	padding-top: 20px;
}

#single-text
{
	-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);
}

.column
{
	width: 304px;
	float:left;
}

.half-column
{
	width: 486px;
	padding: 0 10px;
}

	.right-column
	{
		float: right;
	}

.wide-column
{
	width: 628px;
	float: right;
	overflow: hidden;
}

	.wide-column img,
	.half-column img
	{
		width: 100%;
		height: auto;
	}

.fullbg
{
	position: absolute;
	top:140px;
	bottom:0;
	left:32px;
	right:0px;
	
	background: #222 url() center center no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
}

	.show-city-text .fullbg
	{
		bottom: 300px;
	}

	.table
	{
		display: table;
		width: 100%;
		height: 100%;
	}
	
	.backgrounds,
	.backgrounds .slide
	{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		
		background: transparent url() center center no-repeat;
		background-size: cover;
	}
	
		.backgrounds
		{
			background: #222;
			overflow: hidden;
		}
	
		.backgrounds .slide
		{
			background-color: #222;
			/*opacity: 0;*/
			visibility: hidden;
			
			-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);

			-webkit-transition: -webkit-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
			   -moz-transition: -moz-transform  .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
			    -ms-transition: -ms-transform  .4s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
			     -o-transition: -o-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
			        transition: transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
		}
		
		.backgrounds .in_view
		{
			/*opacity: 1;*/
			visibility: visible;
		}
		
		.backgrounds .t,
		.backgrounds .p,
		.backgrounds .s
		{
			-webkit-transform-origin: center center;
			   -moz-transform-origin: center center;
			    -ms-transform-origin: center center;
			     -o-transform-origin: center center;
			        transform-origin: center center;
		
			-webkit-transition: -webkit-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000), opacity 150ms linear; 
			   -moz-transition: -moz-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000), opacity 150ms linear; 
			    -ms-transition: -ms-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000), opacity 150ms linear; 
			     -o-transition: -o-transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000), opacity 150ms linear;
			        transition: transform .4s cubic-bezier(0.000, 0.000, 0.580, 1.000), opacity 150ms linear;
		}
		
			.backgrounds .p
			{
				-webkit-transition-delay: 500ms;
				   -moz-transition-delay: 500ms;
				     -o-transition-delay: 500ms;
				        transition-delay: 500ms;
			}
			
			.backgrounds .s
			{
				-webkit-transition-delay: 1000ms;
				   -moz-transition-delay: 1000ms;
				     -o-transition-delay: 1000ms;
				        transition-delay: 1000ms;
			}
		
		.hidden_dots .t,
		.hidden_dots .p,
		.hidden_dots .s
		{
			-webkit-transform: scale(.1, .1);
			-moz-transform: scale(.5, .5);
			-ms-transform: scale(.5, .5);
			-o-transform: scale(.5, .5);
			transform: scale(.5, .5);
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
	
	.backgrounds .city_name
	{
		display: none;
	}
	
	.table-cell
	{
		display: table-cell;
		vertical-align: middle;
	}

	.fullbg .text
	{
		width: 628px;
		margin: 0 auto;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
	}

	/*.cities-open .fullbg
	{
		left: 160px;
	}*/

footer.content
{
	border-top: 1px solid #ddd;
}

	.page-template-default .content
	{
		border-top: 0;
	}

	 .clear-fixed
	{
		margin-top: 108px;
	}

	.sleep .content
	{
		border-top-color: #6d6d6d;
	}
		
.centered
{
	width: 972px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}

	.frame-header .centered
	{
		overflow: inherit;
	}

	.content .centered,
	.blog-index section.content
	{
		text-align: left;
		padding-bottom: 20px;
	}

	.single-meta .centered
	{
		padding: 0 10px 20px 10px;
		min-height: 20px;
	}

	.single-cities .frame section .centered
	{
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	
	.blog-index .frame section .centered
	{
		margin-bottom: 0;
		padding-bottom: 0;
	}
		
	.page-template-default .centered
	{
		width: 610px;
		padding: 30px 0;
		font-size: 16px;
		line-height: 22px;
	}
	
		.page-template-default .single-meta .centered
		{
			padding: 0 0 20px 0;
			line-height: 20px;
		}
	
	.map-container .centered
	{
		position: absolute;
		z-index: 1;
		top: 20px;
		left: 50%;
		height: 34px;
		margin-left: -486px;
	}
	
		.open .centered
		{
			left: auto;
			right: 20px;
		}
	
	.box
	{
		width: 304px;
		margin: 20px 10px 0 10px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
		.box-wide
		{
			width: 628px;
		}
		
		.box .animated
		{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			
			-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);
						
			-webkit-transition: opacity 300ms linear; 
			   -moz-transition: opacity 300ms linear; 
			    -ms-transition: opacity 300ms linear;
			     -o-transition: opacity 300ms linear;
			        transition: opacity 300ms linear;
		}
		
		.js .hidden-on-load,
		.js .review .box
		{
			visibility: hidden;
		}
		
			.js .loaded
			{
				visibility: visible;
			}
		
		.loaded .animated
		{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			-moz-opacity: 0;
			opacity: 0;
			/*top: -100%;*/
		}
		
			.no-touch .loaded a:hover .animated,
			.no-touch .loaded a:visited:hover .animated,
			.loaded a:active .animated
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
				-moz-opacity: .20;
				opacity: .20;
			
				-webkit-transition: opacity 100ms linear; 
				   -moz-transition: opacity 100ms linear; 
				    -ms-transition: opacity 100ms linear;
				     -o-transition: opacity 100ms linear;
				        transition: opacity 100ms linear;
			}
		
		.index .box a
		{
			display: block;
		}
		
			.index .box .meta a
			{
				display: inline-block;
			}
		
		.big-dot
		{
			width: 228px;
			height: 228px;
			padding: 0 35px;
			border-radius: 114px;
			color: #fff;
			text-align: center;
			position: relative;
		}
		
			.booking-dot
			{
				position: fixed;
				top: 50%;
				left: 50%;
				margin: -114px 0 0 -114px;
				z-index: 4 !important;
			}
			
			.booking-dot p
			{
				margin-top: 10px;
			}
		
			.single-cities-think .big-dot,
			.single-cities-play .big-dot,
			.single-cities-sleep .big-dot,
			.blog-index .big-dot
			{
				margin: 0 auto;
				font-size: 16px;
				line-height: 22px;
				z-index: 1;
			}
		
			.sleep .big-dot,
			.home .s.big-dot
			{
				color: #222;
			}
			
			.home .big-dot,
			.single-cities-index .big-dot,
			.error404 .big-dot
			{
				margin:0 14px;
				display: inline-block;
			}
			
			.home .big-dot h3,
			.single-cities-index .big-dot h3,
			.error404 .big-dot
			{
				font-size: 30px;
				line-height: 50px;
				margin-top: -8px;
			}
			
			.error404 .big-dot
			{
				-webkit-transition: background-color 250ms linear;
				   -moz-transition: background-color 250ms linear;
				    -ms-transition: background-color 250ms linear;
				     -o-transition: background-color 250ms linear;
				        transition: background-color 250ms linear; 
			}
		
		.play .boxes .box
		{
			background: #f9eff5; /*#f6f0ff;*/
			border-bottom: 10px solid #f9eff5;
			height: 384px;
			overflow: hidden;
		}
		
		.play .boxes .box .address
		{
			display: none;
		}
		
		.sleep .boxes
		{
			margin-bottom: 10px;
		}
		
		.sleep .review
		{
			margin-bottom: 20px;
		}
	
	/*.play .box:nth-child(3n+1)
	{
		clear:both;
	}*/
	
		.box p
		{
			margin:0 10px;
		}
		
			.sleep .box p
			{
				margin: 0 10px 10px 10px;
			}
			
				.sleep .box .more
				{
					margin-top: -10px;
				}
			
				.review .box p
				{
					margin: 0 0 20px 0;
				}
				
					.review .box p:last-child
					{
						margin: 0;
					}
			
			.blog-index .boxes .meta
			{
				color: #aaa;
			}
			
			.blog-index .box-big-dot p
			{
				margin: 0;
			}
			
			.sleep .meta
			{
				color: #666;
			}
			
				.sleep .boxes .meta,
				.blog-index .boxes .meta
				{
					margin: 9px 10px 6px 10px;
					font-size: 12px;
					line-height: 15px;				
				}
				
				.single-meta .meta,
				.single-meta time
				{
					float: left;
					/*margin-right: 11px;*/
				}
				
				.share
				{
					float: right;
					
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
					-moz-opacity: .6;
					opacity: .6;
					
					/*width:284px;*/
					height: 20px;
					line-height: 20px;
					display: inline-block;
					/*margin: 0 -25px 0 0;*/
				}
				
					.no-touch .share:hover
					{
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
						-moz-opacity: 1;
						opacity: 1;
					}
					
						.share a,
						.share iframe
						{
							display: block;
							/*width: 93px !important;*/
						}
						
						.share a
						{
							margin-left: 15px;	
						}
						
						.share .addthis_button_facebook_send,
						.share .addthis_button_tweet,
						.share .addthis_button_facebook_like,
						.share .addthis_button_google_plusone,
						.share .addthis_button_twitter_follow_native
						{
							padding: 0 !important;
						}
						
						.share .addthis_button_tweet,
						.share .addthis_button_tweet iframe
						{
							width: 57px !important;
						}
						
						.share .addthis_button_twitter_follow_native,
						.share .addthis_button_twitter_follow_native iframe
						{
						}
						
						.share .addthis_button_facebook_send,
						.share .addthis_button_facebook_send iframe
						{
							width: 52px !important;
						}
						
						.share .addthis_button_facebook_like,
						.share .addthis_button_facebook_like iframe
						{
							width: 49px !important;
						}
						
						.share,
						.share div,
						.share .fb_iframe_widget iframe,
						.share .fb_iframe_widget span
						{
							vertical-align: top;
						}
						
						.share .fb_iframe_widget iframe
						{
							/*margin-top: -5px;*/
						}
						
						.share .at300b:hover {
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
							-moz-opacity: 1;
							opacity: 1;
						}
			
			/*.page-id-2 .single-meta,
			.page-id-12 .single-meta
			{
				padding-top: 0;
			}*/
			
			.page-id-2 .share,
			.page-id-12 .share
			{
				float: none;
				color: #fff;
			}
			
				.page-id-2 .share a,
				.page-id-12 .share a
				{
					margin: 0 8px 0 7px;
					color: #fff;
				}
				
			.sleep .meta .separator,
			.blog-index .meta .separator
			{
				margin: 0 4px;
				display: inline-block;
			}
		
		.box h2
		{
			padding: 8px 10px 3px;
		}
		
			.sleep .box h2,
			.blog-index .box h2
			{
				padding: 8px 10px 8px;
				margin-bottom: 7px;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #35d644;
			}
			
				.blog-index .box h2
				{
					border-bottom-color: #ddd;
				}
			
			.ajax h2,
			.sleep .ajax h2
			{
				padding: 0 0 8px;
				margin-bottom: 17px;
				border-bottom-width: 1px;
				border-bottom-style: solid;
			}
			
			.think .ajax h2,
			.play .ajax h2
			{
				border-bottom-color: #ddd;
				color: #999;
			}
			
				/*.think .ajax h2
				{
					border-bottom-color: #0084ff;
				}
				
				.play .ajax h2
				{
					border-bottom-color: #f7027c;
				}*/
	
		.img
		{
			display: block;
			position: relative;
		}
		
			/*.box:not(.loaded) .img
			{
				min-height: 225px;
			}*/
		
			.img img
			{
				width: 100%;
				height: auto;
			}
			
				.img .grow_height
				{
					width: auto;
					height: 100%;
				}
		
			.play .img
			{
				width: 304px;
				height: 203px;
				overflow: hidden;
			}
		
			.think .dot
			{
				display:block;
				width: 14px;
				height: 14px;
				position: absolute;
				left:8px;
				bottom: -7px;
				border: 3px solid #fff;
				border-radius: 11px;
			}
			
			.think .connector
			{
				display:block;
				width: 0;
				height: 0;
				position: absolute;
				left:15px;
				bottom: 1px;
			}
				
				.big-dot .connector
				{
					left: 50%;
					bottom: 50%;
				}
			
			.play .dot
			{
				display:block;
				width: 40px;
				height: 40px;
				position: absolute;
				left: 10px;
				bottom: 10px;
				color: #fff;
				font-size: 11px;
				line-height: 40px;
				text-align: center;
				border-radius: 20px;
			}
			
				.play .moon
				{
					background: #222;
					box-shadow: inset -8px -8px 0 #f7027c;
				}
			
			.sleep .dot
			{
				display:block;
				width: 16px;
				height: 16px;
				position: absolute;
				top: 10px;
				left: 10px;
				color: #222;
				font-size: 11px;
				line-height: 16px;
				text-align: center;
				border-radius: 8px;
				background: #35d644;
			}
			
				.sleep .dot2
				{
					width: 22px;
					height: 22px;
					line-height: 22px;
					border-radius: 11px;
				}
				
				.sleep .dot3
				{
					width: 28px;
					height: 28px;
					line-height: 28px;
					border-radius: 14px;
				}
				
				.sleep .dot4
				{
					width: 34px;
					height: 34px;
					line-height: 34px;
					border-radius: 17px;
				}
			
			.backgrounds .t a,
			.backgrounds .t a:visited,
			.backgrounds .p a,
			.backgrounds .p a:visited
			{
				color: #fff !important;
			}
			
			.backgrounds .s a,
			.backgrounds .s a:visited
			{
				color: #222 !important;
			}
			
			.play .dot,
			.sleep .dot
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
				-moz-opacity: 0;
				opacity: 0;
				
				-webkit-transition: opacity 300ms linear; 
				   -moz-transition: opacity 300ms linear; 
				    -ms-transition: opacity 300ms linear;
				     -o-transition: opacity 300ms linear;
				        transition: opacity 300ms linear;
			}
			
				.play .loaded .dot,
				.sleep .loaded .dot
				{
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
					-moz-opacity: 1;
					opacity: 1;
				}
			
			.line
			{
				pointer-events: none !important;
			}
			
				.lt-ie10 .line
				{
					display: none;
				}
			
			.line path
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
				-moz-opacity: .4;
				opacity: .4;
			}
			
			.endpoint
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
				-moz-opacity: 0;
				opacity: 0;
			}
			
			/*a.dot,
			a.dot:visited,
			a.medium-dot,
			a.medium-dot:visited,
			a.big-dot,
			a.big-dot:visited,
			.medium-dot a,
			.medium-dot a:visited,
			.big-dot a,
			.big-dot a:visited
			{
				-webkit-transition: opacity 100ms linear;
				-moz-transition: opacity 100ms linear;
				-ms-transition: opacity 100ms linear;
				-o-transition: opacity 100ms linear;
				transition: opacity 100ms linear;
			}
			
			.no-touch a.dot:hover,
			.no-touch a.dot:visited:hover,
			.no-touch a.medium-dot:hover,
			.no-touch a.medium-dot:visited:hover,
			.no-touch a.big-dot:hover,
			.no-touch a.big-dot:visited:hover,
			.no-touch .medium-dot a:hover,
			.no-touch .medium-dot a:visited:hover,
			.no-touch .big-dot a:hover,
			.no-touch .big-dot a:visited:hover
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
				-moz-opacity: .85;
				opacity: .85;
			}*/

.top-header,
.fullbg
{
	-webkit-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	   -moz-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.cities-open .top-header,
.cities-open.single-cities-index .content,
.cities-open .fullbg
{
	left: 160px;
}

.quote
{
	color: #999;
	text-align: center;
}

	.quote .copy
	{
		font-size: 24px;
		line-height: 30px;
	}
	
	.quote .author
	{
		display: block;
		margin-top: 4px;
	}
	
blockquote
{
	color: #999;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	position: relative;
}

	blockquote:before
	{
		content: '\201D';
		font-size: 24px;
		line-height: 30px;
		display: block;
		position: absolute;
		top:0;
		left:0;
	}

	

.map-container
{
	width: 100%;
	height: 268px;
	position: relative;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

	.map-container .big-dot-container
	{
		position: absolute;
		top: 20px;
		left: 50%;
		margin: 0 0 0 -114px;
	}
	
	.map
	{
		width: 100%;
	}
	
		.play .map
		{
			pointer-events: none;
			height: 804px;
			margin-top: -268px;
		}
		
		.sleep .map,
		.single-sleep .map
		{
			height: 418px;
		}
	
		.open .map
		{
			pointer-events: auto;
			margin-top: 0;
		}
	
	.static-map
	{
		display: none;
	}
	
	.expand-map,
	.print-map
	{
		/*margin-right: -476px;*/
		color: #fff;
		cursor: pointer;
		text-align: center;
		background-color: #f7027c;
		top: 0;
		right: 10px;
	}
	
		.expand
		{		
			background-position: center -319px;
		}
		
		.print
		{
			right: 54px;
			background-position: center -511px;
		}

footer
{
	font-size: 24px;
	line-height: 30px;
	color: #999;
	text-align: center;
}

.play .ajax footer,
.think .ajax footer,
.single-think .ajax footer,
.single-play .ajax footer
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 155px;
    width: 100%;

}

	footer .box
	{
		text-align: center;
		height: 114px;
	}
	
	.sleep footer .box p
	{
		margin: 0 20px;
	}

	.medium-dot
	{
		width: 112px;
		height: 112px;
		border-radius: 57px;
		color: #fff;
		display: inline-block;
		text-align: center;
		margin: 1px 10px;
		overflow: hidden;
		position: relative;
	}
	
		.home .medium-dot
		{
			margin: 0 8px;
			cursor: pointer;
		}
	
		.medium-dot h3,
		a.medium-dot
		{
			font-size: 30px;
			line-height: 112px;
		}
		
		.home .medium-dot h3
		{
			line-height: 50px;
		}
		
		.medium-dot p,
		.big-dot p
		{
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 0 !important;
			font-family: "Georgia", serif;
			font-style: normal;
			font-weight: normal;
		}
		
		.medium-dot p
		{
			display: none;
		}
		
		.home .medium-dot
		{
			/*margin-bottom: 57px;*/
		}
		
		/*.single-cities-index .medium-dot
		{
			position: absolute;
			top:50%;
			left:50%;
			margin: -57px 0 0 -57px;
		}*/
		
		a.book
		{
			line-height: 30px;
			padding: 27px 0;
		}
		
		.boxes .book
		{
			position: absolute;
			top:20px;
			right: 20px;
			margin: 0;
		}

footer a
{
	cursor: pointer;
}

	footer p a
	{
		display: inline-block;
	}

figcaption
{
	padding: 7px 10px;
	background: #ddd;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

.reviewer_pic
{
	margin-bottom: 20px;
}

.gallery figure
{
	margin-bottom: 20px;
}

	.gallery figure:last-child
	{
		margin-bottom: 0;
	}

figure img
{
	width: 100%;
	height: auto;
}

.gallery .placeholder
{
	display: none;
}
		
	.js .gallery .placeholder
	{
		display: block;
	}

/* video */

.video
{
	margin-bottom: 20px;
}
	
	#video-script
	{
		display: none;
	}

	.sleep .video
	{
		margin: 20px 0 0 0;
	}

	.video img
	{
		margin-bottom: 0;
	}

	.video-container,
	.fix16by9 {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0;
		height: 0;
		overflow: hidden;
		display: block;
	}
	
		.fix16by9
		{
			padding-bottom: 56%;
		}
	
		.fix16by9 img
		{
			margin-top: -9.4%;
		}
	
		.fourbythree
		{
			padding-bottom: 75%;
		}
	
		.video iframe,
		.video video,
		.video object,
		.video-container > div,
		.video-container table
		{
			display: block;
			width: 100% !important;
			height: 100% !important;
			position: absolute;
			top:0;
			left:0;
		}
	
	.play-video
	{
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 34px;
		height: 34px;
		margin: -17px 0 0 -17px;
		background: #222 url("images/hwl-sprite.png") center -383px no-repeat;
		background-color: rgba(34, 34, 34, .9);
		border-radius: 17px;
	}

.copyright
{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 23px;
	background: #222;
	background: rgba(34, 34, 34, .6);
	border-radius: 12px;
	font-size: 12px;
	line-height: 23px;
	color: #ddd;
	overflow: hidden;
	max-width: 500px;
	
	-webkit-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	   -moz-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

	.closed_copy
	{
		max-width: 23px;
	}
	
	/*.no-touch .closed_copy:hover
	{
		max-width: 500px;
	}*/

	.copyright a,
	.copyright a:visited
	{
		color: #ddd;
	}
	
	.no-touch .copyright a:hover,
	.no-touch .copyright a:visited:hover
	{
		color: #fff;
	}

	.copyright .name
	{
		padding: 0 10px 0 8px;
	}
	
	.copy_char
	{
		width: 23px;
		height: 23px;
		text-align: center;
		display: block;
		float: left;
		border-radius: 12px;
		font-weight: bold;
		font-size: 14px;
		background: #222;
		cursor: pointer;
	}

.loader
{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -24px;
}

	.loader span
	{
		width: 78px;
		height: 78px;
		display: block;
		color: #fff;
		text-align: center;
		line-height: 78px;
		background: #0084ff;
		border-radius: 40px;
		/*box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .75);*/
	    
	    -webkit-animation-name: loader;
	    -webkit-animation-duration: 1.5s; 
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
		
		-moz-animation-name: loader; 
	    -moz-animation-duration: 1.5s; 
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-timing-function: linear;
	    
	    animation-name: loader; 
	    animation-duration: 1.5s; 
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;  
	    
	    margin: 1px;
	}

	.sleep .loader span
	{
		/*box-shadow: 0px 0px 0px 3px rgba(34, 34, 34, .75);*/
	}

div.wpcf7
{
	font-size: 14px;
	line-height: 20px;
	margin: 30px 0 0 0;
}
	
.wpcf7 br
{
	display: none;
}

.wpcf7 span
{
	display: block;
	float:left;
	width: 304px
}

.wpcf7 .your-subject,
.wpcf7 .your-message
{
	width: 628px;
}

.wpcf7 .your-email
{
	float: right;
}

input,
textarea
{
	width: 100%;
	height: 32px;
	padding: 6px 10px;
	margin: 0 auto 20px auto;
	position: relative;
	background: #ddd;
}

.wpcf7-submit
{
	background: #222;
	color: #fff;
	border-radius: 16px;
	cursor: pointer;
}

textarea
{
	height: 112px;
}

.wpcf7 .wpcf7-not-valid
{
	color: #ff5938;
	background: #ffded7;
}

::-webkit-input-placeholder
{
	color: #999;
}

::-moz-placeholder
{
	color: #999;
}

:-ms-input-placeholder
{
	color: #999;
}

:-moz-placeholder
{
	color: #999;
}

.invalid ::-webkit-input-placeholder
{
	color: #ff5938;
}

.invalid ::-moz-placeholder
{
	color: #ff5938;
}

.invalid :-ms-input-placeholder
{
	color: #ff5938;
}

.invalid :-moz-placeholder
{
	color: #ff5938;
}

.wpcf7 .wpcf7-not-valid-tip
{
	display: none;
}

.wpcf7 div.wpcf7-response-output
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 18px;
	line-height: 24px;
	color: #ff5938;
}

@-webkit-keyframes loader
{
	0%   { background: #0084ff }
	33%   { background: #f7027c }
	67%   { background: #35d644 }
	100%   { background: #0084ff }
}

@-moz-keyframes loader
{
	0%   { background: #0084ff }
	33%   { background: #f7027c }
	67%   { background: #35d644 }
	100%   { background: #0084ff }
}

@keyframes loader
{
	0%   { background: #0084ff }
	33%   { background: #f7027c }
	67%   { background: #35d644 }
	100%   { background: #0084ff }
}

.no_transition
{
	-webkit-transition: none 0s linear !important; 
	   -moz-transition: none 0s linear !important;
	    -ms-transition: none 0s linear !important;
	     -o-transition: none 0s linear !important; 
	        transition: none 0s linear !important;
}

.inverse
{
	unicode-bidi:bidi-override;
	direction:rtl;
}

.lt-ie9 .play-video,
.lt-ie9 .header-button,
.lt-ie9 .wpcf7-submit,
.lt-ie9 .loader span,
.lt-ie9 .copy_char,
.lt-ie9 .copyright,
.lt-ie9 .medium-dot,
.lt-ie9 .big-dot,
.lt-ie9 .dot
{
	behavior: url("http://www.hotelswelove.com/wp-content/themes/hwl/js/PIE.htc");
}

/*.lt-ie9 .fullbg,
.lt-ie9 .backgrounds,
.lt-ie9 .backgrounds .slide
{
	behavior: url("http://www.hotelswelove.com/wp-content/themes/hwl/js/backgroundsize.htc");
}*/

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	
	/*.play span
	{
		background-position: center -20px;
		background-size: 50px 60px;
	}*/
	
	.top-header .facebook a,
	.top-header .facebook a:visited,
	.top-header .twitter a,
	.top-header .twitter a:visited,
	.top-header .instagram a,
	.top-header .instagram a:visited,
	.top-header .rss a,
	.top-header .rss a:visited,
	.close-overlay,
	.edit,
	.print,
	.expand,
	.play-video
	{
		background-image: url("images/hwl-sprite-hd.png");
		background-size: 32px 640px;
	}
	
}

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

	.box,
	.box img,
	.play .img
	{
		width: 400px;
	}
	
		.play .img
		{
			height: 267px;
		}
	
	.box-wide,
	.box-wide img
	{
		width: 820px;
	}
	
	.play .boxes .box
	{
		height: 448px;
	}
	
	.centered
	{
		width: 1260px;
	}
	
		.map-container .centered
		{
			margin-left: -630px;
		}
	
	.half-column
	{
		width: 630px;
		font-size: 16px;
		line-height: 22px;
	}
	
	.quote .copy
	{
		padding: 0 40px;
		display: block;
	}
	
	.single-meta .meta,
	.single-meta time
	{
		font-size: 16px;
	}
	
	h2
	{
		font-size: 18px;
		line-height: 22px;
	}

}

@media only screen and (max-height: 728px) {

	.fullbg .text
	{
		font-size: 14px;
		line-height: 20px;
	}

}

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

	.cities-open .loader
	{
		margin-left: 40px;
	}
	
	.js .top-header .hidden-logo
	{
		margin-top: -32px;
	}
	
	.menu-item-2705
	{
		display: none;
	}
	
}

/* iPad portrait */

@media only screen and (max-width: 1023px) {
	
	.centered
	{
		width: 648px;
	}
	
	h1,
	.slide-header .active-city
	{
		padding: 0 54px;
	}
	
	.map-container .centered
	{
		margin-left: -324px;
	}
	
	#box-big-dot
	{
		width: 628px;
	}
	
	.half-column
	{
		padding: 0;
		width: 100%;
	}
	
	#single-text
	{
		margin-bottom: 20px;
		position: static !important;
	}
	
	.play .single-meta .centered,
	.think .single-meta .centered
	{
		padding: 0 0 20px 0;
	}
	
	.close-overlay
	{
		right: 0;
	}
	
	.edit
	{
		right: 44px;
		display: none;
	}
	
	footer .box
	{
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-left: 0;
	}
	
		footer .medium-dot:not(.book)
		{
			width: 60px;
			height: 60px;
			line-height: 40px;
			padding: 11px 0 9px;
		}
		
			footer .medium-dot:not(.book) span
			{
				display: none;
			}
			
	.review .box:first-child
	{
		width: 628px;
	}
	
	.play .ajax footer,
	.think .ajax footer,
	.single-think .ajax footer,
	.single-play .ajax footer
	{
		height: 202px;
	}
	
		.play .overlay,
		.think .overlay,
		.single-think .frame,
		.single-play .frame
		{
			padding-bottom: 203px;
		}
}

/* iPhone Landscape */

@media only screen and (max-width: 767px) {
	
	html,
	body
	{
		min-height: 100%;
	}
	
	.centered
	{
		width: 100% !important;
		padding: 0 20px;
	}
	
		.frame-header .centered
		{
			padding: 0;
		}
		
		.page-template-default .centered
		{
			padding: 20px;
		}
	
	.single-meta
	{
		padding-top: 16px;
	}
	
		.page-template-default .single-meta
		{
			padding-top: 20px;
		}
	
	.single-meta .centered
	{
		padding: 0 20px 20px 20px !important;
	}
	
	.sleep .single-meta .meta,
	.sleep .single-meta .share
	{
		float: none;
	}
	
		.sleep .single-meta .share
		{
			margin-top: 10px;
		}
	
	.map-container .centered
	{
		margin: 0;
		left: 0;
	}
	
		.expand-map
		{
			right: 20px;
		}
		
		.print-map,
		.close-overlay
		{
			display: none;
		}
	
	.box
	{
		width: 100% !important;
		height: auto !important;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px !important;
	}
	
	.box img
	{
		width: 100% !important;
		height: auto !important;
	}
	
	.play .img
	{
		width: auto;
		height: auto;
	}
	
	.column,
	.half-column,
	.single-text
	{
		width: 100%;
		float: none;
		position: static !important;
	}
	
	.frame-header
	{
		position: static;
	}
	
	.single-meta,
	.clear-fixed
	{
		margin-top: 0 !important;
	}
	
	.toggle-cities
	{
		height: 32px;
	}

	.toggle-cities,	
	.cities .title
	{
		background: #ff5938;
		z-index: 1;
	}
	
	.line,
	.toggle-cities .text-span,
	.open-blog,
	.open-blog:before,
	.open-blog-h,
	.cities-open .toggle-cities .text-span
	{
		display: none !important;
	}
	
	.top-header .toggle-menu
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 32px;
		height: 32px;
	}
	
	.top-header
	{
		left: 0;
		width: 50%;
		overflow: hidden;
		background: #222;
	}
	
		.top-header .logo
		{
			margin-left: 32px;
			float: none;
			background: #ddd;
		}
		
		.top-header .nav
		{
			overflow: inherit;
		}
		
		.top-header ul
		{
			margin: 0 10px;
			float: none;
		}
		
		.top-header li:not(.icon)
		{
			float: none;
		}
		
			.menu-open .top-header
			{
				height: 100%;
			}
			
			.top-header li a
			{
				padding: 6px 1px;
			}
			
			.top-header .menu-item
			{
				border-bottom: 1px solid #333;
			}
			
			.top-header .facebook
			{
				margin-left: -4px;
			}
			
			.no-touch .menu ul a:hover,
			.no-touch .menu ul a:visited:hover,
			.menu .current-menu-item a,
			.menu .current-menu-item a:visited
			{
				color: #fff;
			}
				
	.cities
	{
		left: 50%;
		width: 50.5%;
		height: 32px;
		max-height: 32px;
	}
	
	.cities-open .cities
	{
		left: 50%;
		width: 50%;
		border-bottom: 0;
	}
	
		.cities-open:not(.auto-open) .cities,
		.scroller
		{
			height: 100%;
			max-height: 100%;
		}
		
		.scroller
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			
			-webkit-overflow-scrolling: touch;
			overflow: scroll;
		}
	
	.cities ul
	{
		margin: 32px 10px 0 10px;
		width: auto;
	}
	
	.cities li:not(:last-child)
	{
		border-bottom: 1px solid #e0472d;
	}
	
	.cities li a
	{
		padding: 6px 1px;
	}
	
	.frame,
	.overlay,
	.cities-open .frame,
	.cities-open .overlay
	{
		margin-left: 0;
	}
	
	.cities-open .top-header,
	.cities-open.single-cities-index .content,
	.cities-open .fullbg,
	.frame-header,
	.fullbg
	{
		left: 0;
	}
	
	.fullbg
	{
		right: 0;
	}
	
	html,
	body
	{
		height: auto;
	}
	
	.frame:after
	{
		content: "";
		width: 110%;
		height: 32px;
		position: fixed;
		top: 0;
		left: -5%;		
		box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
		z-index: 2;
	}
	
	#frame-header h1,
	.slide-header .active-city
	{
		padding: 0;
	}
	
	.play .ajax footer,
	.think .ajax footer,
	.single-think .ajax footer,
	.single-play .ajax footer
	{
		position: static;
		height: auto;
	}
	
	.play .overlay,
	.think .overlay,
	.single-think .frame,
	.single-play .frame
	{
		padding-bottom: 0;
	}
	
	.home .big-dot,
	.single-cities-index .big-dot
	{
		width: 112px;
		height: 112px;
		border-radius: 57px;
		color: #fff;
		display: inline-block;
		text-align: center;
		margin: 0 8px;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	
		.home .big-dot h3,
		.single-cities-index .big-dot h3
		{
			font-size: 30px;
			line-height: 112px;
		}
	
	.home .big-dot,
	.single-cities-index .big-dot,
	.medium-dot:not(.book)
	{
		width: 60px;
		height: 60px;
		line-height: 40px;
		padding: 11px 0 9px;
	}
		
		.home .big-dot span,
		.single-cities-index .big-dot span,
		.home .big-dot p,
		.single-cities-index .big-dot p,
		.medium-dot:not(.book) span
		{
			display: none;
		}
		
		.home .big-dot h3,
		.single-cities-index .big-dot h3,
		.medium-dot:not(.book) h3
		{
			line-height: 40px !important;
		}
	
	h1,
	.slide-header .active-city
	{
		font-size: 36px;
		padding: 0;
	}
	
	.single-sleep h1,
	.single-think h1,
	.single-play h1
	{
		line-height: 36px;
		min-height: 36px;	
	}
	
	.single-sleep .frame-header,
	.single-think .frame-header,
	.single-play .frame-header
	{
		min-height: auto;
	}
	
	.wpcf7 span
	{
		float: none !important;
		width: 100% !important;
	}
}

/* iPhone Portrait */

@media only screen and (max-width: 479px) {
	
	.single-meta time,
	.single-meta .meta,
	.single-meta .share
	{
		float: none;
	}
	
		.single-meta time,
		.single-meta .meta
		{
			width: 100%;
			display: block;
		}
		
		.single-meta .share
		{
			margin-top: 10px;
		}
		
			.page-template-default .single-meta .share
			{
				margin-top: 0;
			}
	
	.home h2 span
	{
		display: none;
	}
	
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        border-color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .play .dot
    {
	    background: #fff !important;
    }
    
    #cities,
	.top-header ul,
	.big-dot,
	.box-big-dot,
	.header-button,
	.frame-header ul,
	footer,
	.line,
	.think .dot,
	.sleep .dot,
	.quote,
	.map,
	.play .boxes a,
	.play .boxes .text,
	.dont_print,
	#feedlyMiniIcon
	{
		display: none !important;
	}
	
	.frame,
	.overlay,
	.clear-fixed,
	.top-header .logo,
	.box p
	{
		margin: 0;
		padding: 0;
		min-height: auto;
	}
	
	.top-header,
	.frame-header,
	.top-header .logo,
	.masonry
	{
		position: static !important;
		min-height: auto !important;
		height: auto !important;
		padding: 0 !important;
		float: none !important;
	}
	
	.top-header nav
	{
		text-align: center;
	}
	
	.content,
	.map-container,
	.frame-header
	{
		border: 0 !important;
	}
	
	.map-container
	{
		margin: 0 10px;
		height: 595px;
	}
	
	.play .map-container
	{
		width: 952px;
	}
	
	.static-map
	{
		display: block;
	}
	
	h1
	{
		padding: 20px 0;
	}
	
	.box h2
	{
		padding-right: 0;
		padding-left: 0;
	}
	
	.box
	{
		margin-top: 30px !important;
		position: static !important;
		float: left !important;
	}
	
	.play .boxes .box
	{
		height: auto;
		padding: 0;
	}
	
	.play .boxes .box .address
	{
		display: block;
	}
	
    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img,
    article,
    .article {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}