@import url("https://p.typekit.net/p.css?s=1&k=ecy4ofb&ht=tk&f=15528.15529.15530.17251.17252.17253&a=42581810&app=typekit&e=css");

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/5bb28b/00000000000000007735a081/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5bb28b/00000000000000007735a081/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5bb28b/00000000000000007735a081/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/bed698/00000000000000007735a082/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/bed698/00000000000000007735a082/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/bed698/00000000000000007735a082/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/5aaf18/00000000000000007735a08e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5aaf18/00000000000000007735a08e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5aaf18/00000000000000007735a08e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/99c642/00000000000000007735a08a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/99c642/00000000000000007735a08a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/99c642/00000000000000007735a08a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/a86391/00000000000000007735a08f/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/a86391/00000000000000007735a08f/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/a86391/00000000000000007735a08f/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"europa";
src:url("https://use.typekit.net/af/9f8870/00000000000000007735a09e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/9f8870/00000000000000007735a09e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/9f8870/00000000000000007735a09e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}



/* cyrillic */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: italic;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk7yRZrPJ-M.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: italic;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk7yRZrPJ-M.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: italic;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk7yRZrPJ-M.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: italic;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7yRZrPA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  font-weight: 400 900;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




:root {
  --accent: #9C3E24;
  --accent: #B26451;
  --white: #ffffff;
  --footer: #2C2C2C;
}




html, body{
	margin: 0;
	padding: 0;
	height: 100%;

	color: #151414;
	color: #2B2924;
	color: #2C2C2C;

	background: #E5DFD8;
	background: #F8F5F3;
	background: #f7f5f1;
	
	background: #F6F5F3;
	background: #FAF9F7;
	
	scroll-behavior: smooth;
	
	ser-select: none; 	
}


p, li{
	hyphens: auto;	
	hyphenate-limit-chars: 10 4 4;
}

	@media (max-width : 575px){
	p, li {	font: 400 14.5px/1.4 'barlow', sans-serif;}
	p, li {	font: 300 15px/1.3 'europa', sans-serif;}
	p, li {	font: 300 15px/1.4 'europa', sans-serif;}
	}

	@media (min-width : 576px) {
	p, li {	font: 300 15px/1.4 'europa', sans-serif;}
	}

	@media (min-width : 1080px) {
	p, li {	font: 300 15px/1.4 'europa', sans-serif;}
	}

	@media (min-width : 1360px) {
	p, li {	font: 300 15.5px/1.4 'europa', sans-serif;}
	}	

	@media (min-width : 1680px) {
	p, li {	font: 300 17px/1.4 'semplicitapro', sans-serif;}
	p, li {	font: 300 17px/1.4 'europa', sans-serif;}
	}	



a, a:visited, a:hover, a:focus, a:active{color: #1d1f2a; text-decoration-color: #EBE9E2;}
a:hover{cursor: pointer; text-decoration-color: #e2dfd4;}
strong{font-weight: 400;}
img{display: block; margin: 0; width: 100%;}




/* ------------------------------------------------- HEADER */



h1 {
	margin: 10px auto;
	padding: 0;
	text-wrap: balance;
	hyphens: none;	
	text-align: center;
	font: 100 42px/1.2 'argent-cf', serif;	


	letter-spacing: 0px;
}


.guide h1 {
	font: 500 40px/1.1 'SourceSerif', serif;	
	font: 300 50px/1.1 'FreightBigPro', serif;	


}

h1.destination {
	font: 400 50px/1.1 'Garamond', serif;	
	text-transform: uppercase;
}





h2 {
	font: 400 30px/1.4 'Garamond', serif;	
	font: 500 30px/1.4 'SourceSerif', serif;
	font: 500 28px/1.2 'Montserrat', serif;	
	font: 577 28px/1.2 'Lausanne', serif;	
	font: 100 32px/1.2 'argent-cf', serif;	
	

	ext-transform: uppercase;
	margin: 0 auto 30px auto;
	text-align: center;
	letter-spacing: 0.5px;
}


p.h2_sub{
	font: 400 italic 18px/1.2 'SourceSerif', serif;	
	font: 200 italic 18px/1.2 'Farnham', serif;	
	margin: -28px auto 30px auto;
	text-align: center;
	letter-spacing: 0;
}

p.h2-pretitle{
	font: 500 14px/1.1 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin: 0 auto 5px auto;
	text-align: center;
	letter-spacing: 0.4px;
}


h3 {
	font: 500 22px/1.2 'SourceSerif', serif;	
	padding: 0;
	margin: 0 0 12px 0;
}




h4 {
	font: 500 20px/1.3 'SourceSerif', serif;	
	font: 400 17px/1.3 'Barlow', serif;	
	margin: 24px 0 5px 0;
}

h4+p {
	margin-top: 5px;
}



p.pretitle{
	font-size: 11px;	
	text-align: center;
	margin: 0px auto 10px auto;
	text-transform: uppercase;
	font-weight: 500;
}

p.tag{
	font-size: 12px;	
	font-weight: 500;
	
	font: 300 12px/1.1 'Pressura Mono', serif;	


	user-select: none; 
	
	text-align: center;
	margin: 0 auto 10px auto;
	text-transform: uppercase;
	display: inline-block;
	background: #eee;
	background: #fff;
	padding: 6px 16px;
	border-radius: 14px;
	word-spacing: -4px;
	letter-spacing: 0.5px;
}


p.fullname {
	font: 400 24px/1.1 'Playfair', serif;	
	
	ont-style: italic;
	text-align: center;
	margin: 4px auto 0;
}











header{
	width: 100%;
	margin: 0 auto 0px auto;
	padding: 25px 0;
	background: #fff;
	background: #151414;
	background: #fff;
	osition: sticky;
	op: 0;
	z-index: 1000;
	order-bottom: 1px solid #F2EEE5;
}



header .logo{
	height: 25px;
	max-width: 380px;
	padding: 0;
	margin: 0 auto 0px auto;	
}



@media only screen and (max-width : 575px){
header{
	padding: 25px 0;
}
header .logo{
	height: 20px;
}
}


header .logo a{
	display: block;
	text-indent: -99999px;
	height: 100%; width: 100%;
	background:  url("images/logo_long_v2a_white.png") no-repeat center center / contain;
	background:  url("images/logo_long_v2b_white.webp") no-repeat center center / contain;
	background:  url("images/logo_long_v2b.webp") no-repeat center center / contain;
	background:  url("images/logo_long_v2.png") no-repeat center center / contain;
	background:  url("images/logo/thehotellover.webp") no-repeat center center / contain;
	ackground:  url("images/logo/thl.webp") no-repeat center center / contain;
}





header nav{
	text-align: center;
	display: block;
	display: none;
}


header nav a, header nav a:visited, header nav a:hover, header nav a:active{
	font: 400 11px/12px 'Lausanne', sans-serif;	
	text-transform: uppercase;
	letter-spacing: 1px;
    margin: 0 10px 0 0;
    text-decoration: none;    
    color: #15192a;
}

header nav a:last-of-type{
    margin-right: 0;
}


@media only screen and (max-width : 575px){
header nav a, header nav a:visited, header nav a:hover, header nav a:active{
	font: 400 10px/12px 'Lausanne', sans-serif;	
	letter-spacing: 0.5px;
    margin: 0 5px 0 0;
}
}

/* ------------------------------------------------- MAIN */

main{
} 


/* -------------------------------------------------  INTRO */







.hero {
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 400px;
	max-height: 800px;
	max-height: 840px;
	max-height: min(calc(100vh - 75px), 900px);
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #333;
}

	@media only screen and (max-width : 566px){
	.hero {
	width: 100%;
	aspect-ratio: 4 / 5;
	}
	}




.hero picture,
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
	filter: brightness(98%);
}

.hero .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.hero .title h1 {
	font: 600 65px/1.1 'europa', serif;
	text-transform: uppercase;
	margin: 0 auto;
	ext-shadow: 0 0 20px #000;	
	padding-top: 5px;
}


.hero .title p.location{
	font: 400 13px/1.1 'europa', sans-serif;	
	margin: 10px 0 0;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-shadow: 0 0 20px #000;
}



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


.hero  .title h1 {
	font: 700 50px/1.1 'europa', serif;
}


.hero .title p.location{
	font: 400 10px/1.1 'europa', sans-serif;	
}
}








.comingsoon{
	background: #333 url("images/bg.webp?") no-repeat center center / cover;
}













.section_hotel_intro{
	padding: 100px 0;
}

	@media (max-width: 575px){
	.section_hotel_intro{padding: 50px 0;}
	}

.hotel_intro{
	margin: 0 auto 100px;
	width: calc(100% - 60px);
	max-width: 1200px;
	text-align: center;
	text-wrap: balance;
	margin: 0 auto;
	display: flex;
	gap: 100px;
}


.hotel_intro_content{
	width: 580px;
	text-align: left;
	text-wrap: balance;
	align-content: start;

}



.hotel_intro_content p.label{
	font: 600 14px/1.3 'barlow', sans-serif;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	color: #847269;
	
	font: 700 12px/1.1 'europa', serif;
	margin: 0 0 8px 0;
	text-transform: uppercase;
	olor: #847269;
	color: var(--accent);
		
}


.hotel_intro_content p.opening{
	font: 100 36px/1.2 'argent-cf', sans-serif;
	font: 400 34px/1.2 'utopia-std-display', serif;
	ont: 400 32px/1.3 'ivymode', serif;


	font: 400 34px/1.2 'PlayfairDisplay', serif;



	margin: 0 auto 22px;
	text-wrap: balance;
}



.hotel_intro_content p.about{
	ont-size: 15px;	
	ext-transform: uppercase;
	max-width: 400px;
	margin: 0;
}




.hotel_intro_media{
	width: 520px;
	margin: 0;
	spect-ratio: 1 / 1;
	ackground: blue;
}

.hotel_intro_media p.img{
	margin: 0 auto;	
	background: blue;
	spect-ratio: 1 / 1;
}

.hotel_intro_media p.img{
	display: block;
}



@media only screen and (min-width : 576px) and (max-width : 1359px){
.hotel_intro{
	max-width: 840px;
	margin: 0 auto 0px;
	gap: 60px;
}

.hotel_intro_content{
	width: calc(100% - 200px);
	align-content: center;
	text-align: left;
	text-wrap: balance;
}

.hotel_intro_content p.opening{
	font: 100 32px/1.2 'argent-cf', sans-serif;
	ont: 400 32px/1.2 'utopia-std-display', serif;
	font: 100 32px/1.2 'PlayfairDisplay', sans-serif;

}

.hotel_intro_media{
	width: 200px;
	height: 200px;
	margin: 0;
	aspect-ratio: 1 / 1;
}

}



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

.hotel_intro{
	margin: 0 auto 0px;
	width: calc(100% - 80px);	
	width: calc(100% - 50px);	
	ax-width: 520px;
	display: block;
}

.hotel_intro_content{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.hotel_intro_content p.opening{
	font: 100 28px/1.2 'argent-cf', sans-serif;
	font: 100 28px/1.2 'PlayfairDisplay', sans-serif;
	text-wrap: balance;
	margin-left: 10px;
	margin-right: 10px;
	ax-width: 500px;
}

.hotel_intro_content p.about{
	ont: normal 300 13px/1.4 'europa', sans-serif;	
	margin: 0 auto 30px;

}


.hotel_intro_media{
	width: 100%;
	idth: calc(100% - 80px);
	height: auto;
	margin: 20px auto;
}


}











.twoimg{
	isplay: flex;
	width: 100%;
	position: relative;
	margin: 0 0 0;
	display: flex;
	gap: 0 20px;
}


.twoimg p{
	margin: 0;
	width: 70%;
	align-content: center;
}

.twoimg p.one{
	width: 45%;
	width: 55%;
}

.twoimg p.two{
	width: 55%;
	top: 0px;
	right: 0;
	argin: 50px 0 0 -60px;
}



@media only screen and (max-width : 575px){
.twoimg{
	gap: 0 10px;
}
}





.fourimg{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}		


.fourimg p{
	width: calc(50% - 20px);
	margin: 0 0 0px 0;
}

.fourimg p img	{
	display: block;
	margin: 0;
}












/* -------------------------------------------------  HOTEL HIGHLIGHTS */



.section_hotel_highlights{
	background: #ede9e4;
	ackground: #C88673;
}

.hotel_highlights{
	margin: 0 auto;
	max-width: 1200px;
	padding: 80px 0;
	text-align: center;
}





.hotel_highlights ul{
	display: flex;
	gap: 100px;
	margin: 0 auto;
	padding: 0;
	align-items: center;

}



.hotel_highlights ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	text-wrap: balance;
	width: 100%;
}



.hotel_highlights ul li strong{
	padding: 0;
	margin: 0 0 12px 0;
	display: block;
	font-weight: 400;
	ext-transform: uppercase;
}


.hotel_highlights ul li .icon{
	width: 90px;
	margin: 0 auto 12px;
}




@media only screen and (min-width : 1360px) and (max-width : 1679px){


.hotel_highlights{
	padding: 60px 0 80px;
}

.hotel_highlights ul{
	gap: 80px
}
}


@media only screen and (min-width : 1080px) and (max-width : 1359px){

.hotel_highlights{
	margin: 0 auto 30px auto;
	width: calc(100% - 80px);
	max-width: 1200px;
	padding: 50px 0 20px;
}

.hotel_highlights ul{
	display: flex;
	gap: 40px;
}

.hotel_highlights ul li{
	max-width: 320px;
	margin: 0 auto;
}

}


@media only screen and (min-width : 576px) and (max-width : 1079px){


.hotel_highlights{
	margin: 0 auto 30px auto;
	width: calc(100% - 120px);
	max-width: 840px;
	padding: 50px 0 20px;
	ackground: lightyellow;
}


.hotel_highlights ul{
	display: flex;
	gap: 40px;
}
.hotel_highlights ul li{
	margin: 0 auto 50px auto;
}


.hotel_highlights ul li .icon{
	width: 70px;
	margin: 0 auto 12px;
}

}










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


.hotel_highlights{
	margin: 0 auto;
	width: calc(100% - 80px);
	padding: 50px 0 20px;
	border: none;
}

.hotel_highlights p.heading{
	font-size: 28px;
	margin-bottom: 40px;	
}



.hotel_highlights ul{
	display: block;
	max-width: 340px;
}
.hotel_highlights ul li{
	margin: 0 auto 50px auto;
}

}









	.js .hotel_detail_lead,
    .js .hotel_highlight {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 1.5s ease-out, transform 0.8s ease-out;
      will-change: opacity, transform;
    }
    

    .js .hotel_detail_content {
      opacity: 0;
      transform: translateY(0px);
      transition: opacity 2s ease-out, transform 0.8s ease-out;
      will-change: opacity, transform;
    }    
    

    .hotel_detail_lead.fadein,
    .hotel_detail_content.fadein,
    .hotel_highlight.fadein {
      opacity: 1;
      transform: none;
    }
  
  
    
@media only screen and (max-width : 575px){
	.js .hotel_detail_lead,
    .js .hotel_detail_content,
    .js .hotel_highlight {
      opacity: 0;
      transform: translateY(10px);
    }
    
    .hotel_detail_lead.fadein,
    .hotel_detail_content.fadein,
    .hotel_highlight.fadein {
      opacity: 1;
      transform: none;
    }
}  
    







/* -------------------------------------------------  HOTEL DETAILS */



.section_hotel_details{
	padding: 0;
}

	@media (max-width: 575px){
	.section_hotel_details{padding: 30px 0 0;}
	}
	@media (min-width : 576px){
	.section_hotel_details{padding: 40px 0 0;}
	}
	@media (min-width : 1080px){
	.section_hotel_details{padding: 60px 0 0;}
	}
	@media (min-width : 1360px){
	.section_hotel_details{padding: 80px 0 0;}
	}
	@media (min-width : 1679px){
	.section_hotel_details{padding: 120px 0 0;}
	}
	
	
	
.hotel_details{
	margin: 0 auto;
}


	@media (max-width: 575px){
	.hotel_details{width: 100%;}
	}

	@media (min-width: 576px) and (max-width: 1079px){
	.hotel_details{width: calc(100% - 60px); max-width: 840px;}
	}
		
	@media (min-width: 1080px) and (max-width: 1359px){
	.hotel_details{width: calc(100% - 120px); max-width: 1200px;}
	}
	@media (min-width: 1360px){
	.hotel_details{width: 1200px;}
	}
	@media (min-width: 1680px){
	.hotel_details{width: 1440px;}
	}

.hotel_details h2{display: none;} /**  don't show the H2 in the Details section **/




.hotel_detail{
	margin: 0 auto;
	text-wrap: balance;
}

	@media (max-width: 575px){
	.hotel_detail{	
		padding-top: 60px;		
		padding-bottom: 60px;	
		}		
	.hotel_detail:nth-of-type(even){	/** Creates sub-BG for every 2nd hotel detail for mobile **/
		background: #f1eeea;
		background: #f4f2ee;
		}	
	.hotel_detail:last-of-type{	 /** more padding for the last detail **/
		padding-bottom: 60px;	
		}	
	}
	
	@media (min-width: 576px) and (max-width: 1079px){
	.hotel_detail{
		width: 100%;
		margin-bottom: 50px;
		background: #fff;
		}
	}

	@media (min-width: 1080px){
	.hotel_detail{	
		width: 100%;
		display: grid; 
		align-items: start;
		grid-template-areas:
		"hotel_detail_media hotel_detail_lead"
		"hotel_detail_media hotel_detail_content";
		}
	.hotel_detail:nth-of-type(even){
		grid-template-areas:
		"hotel_detail_lead hotel_detail_media"
		"hotel_detail_content hotel_detail_media";
		}		
	}


	@media (min-width: 1080px){
	.hotel_detail{
		grid-template-columns: calc(60% - 30px) calc(40% - 30px);
		gap: 0 60px;
		margin-bottom: 80px;
		}     
	.hotel_detail:nth-of-type(even){
		grid-template-columns: calc(40% - 30px) calc(60% - 30px);
		}     
	}

	@media (min-width : 1360px){
	.hotel_detail{		
		grid-template-columns: 720px 400px;
		grid-template-columns: 700px 420px;
		gap: 0 80px;
		margin-bottom: 80px;
		}     
	.hotel_detail:nth-of-type(even){
		grid-template-columns: 400px 720px;
		grid-template-columns: 420px 700px;
		}     
	}

	@media (min-width : 1679px){
	.hotel_detail{		
		grid-template-columns: 840px 480px;
		gap: 0 120px;
		margin-bottom: 120px;
		}     
	.hotel_detail:nth-of-type(even){
		grid-template-columns: 480px 840px;
		} 
	}  




.hotel_detail_lead{
	grid-area: hotel_detail_lead;
	margin: 0 auto;
}


	@media (max-width : 575px){
	.hotel_detail_lead{
		width: calc(100% - 50px);
		padding-bottom: 20px;
		}
	}

	@media (min-width : 575px) and (max-width : 1079px){
	.hotel_detail_lead{
		width: calc(100% - 60px);
		margin: 0;
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
		}
	}
	
	@media (min-width : 1080px) and (max-width : 1359px){
	.hotel_detail_lead{
		max-width: 420px;
		margin: 0;
		padding-top: 20px;
		padding-bottom: 10px;
		}
	}

	@media (min-width : 1360px){
	.hotel_detail_lead{
		padding-top: 45px;
		padding-bottom: 20px;
		}
	}

	@media (min-width : 1680px){
	.hotel_detail_lead{
		padding-top: 80px;
		padding-bottom: 25px;
		}
	}
	



.hotel_detail_lead h3.label{
	font: 600 12px/1.15 'semplicitapro', serif;
	font: 400 14px/1.1 'europa', serif;
	ext-transform: uppercase;
	oolor: #847269;
	olor: #9C3E24;
	color: var(--accent);
	margin: 0 0 10px 0;
	padding-left: 1px;
}


	@media (max-width : 575px){
	.hotel_detail_lead h3.label{
		font-size: 14px;
		}
	}

	@media (min-width : 1680px){
	.hotel_detail_lead h3.label{
		font-size: 15px;
		}
	}
	


.hotel_detail_lead p{
	font: 400 26px/1.2 'utopia-std-display', serif;
	font: 400 26px/1.2 'PlayfairDisplay', serif;
	margin: 0;
}


	@media (max-width : 575px){
	.hotel_detail_lead p{
		max-width: 450px;
		ont: 400 28px/1.2 'utopia-std-display', serif;
		ont: 200 30px/1.05 'argent-cf', serif;
		ont: 300 28px/1.2 'ivymode', serif;
		font: 400 26px/1.2 'PlayfairDisplay', serif;
		}
	}

	@media (min-width : 576px){
	.hotel_detail_lead p{
		ont: 400 28px/1.15 'utopia-std-display', serif;
		ont: 200 28px/1.05 'argent-cf', serif;
		font: 400 28px/1.2 'PlayfairDisplay', serif;
		}
	}
	
	@media (min-width : 1080px){
	.hotel_detail_lead p{
		ont: 400 26px/1.15 'utopia-std-display', serif;
		ont: 200 24px/1.2 'argent-cf', serif;		
		font: 400 26px/1.2 'PlayfairDisplay', serif;
		}
	}
	
	@media (min-width : 1360px){
	.hotel_detail_lead p{
		ont: 400 26px/1.15 'utopia-std-display', serif;
		ont: 200 28px/1.1 'argent-cf', serif;
		font: 400 28px/1.2 'PlayfairDisplay', serif;
		}
	}

	@media (min-width : 1680px){
	.hotel_detail_lead p{
		font: 400 30px/1.15 'utopia-std-display', serif;
		ont: 200 30px/1.2 'argent-cf', serif;
		ont: 500 30px/1.2 'ivymode', serif;
		font: 400 32px/1.2 'PlayfairDisplay', serif;
		hyphens: none;
		}
	}








.hotel_detail_media{
	grid-area: hotel_detail_media;
	position: relative;
}


	@media (max-width : 576px){
	.hotel_detail_media{
		width: calc(100% - 50px);
		margin: 0 auto;
		}
	}

.hotel_detail_media p.slideshow{
	overflow: hidden;
	position: relative;
	margin: 0;
}

	@media (min-width : 1360px){.hotel_detail_media .slideshow{
		width: 720px; height: 480px;
		width: 700px; height: 468px;}
	}
	
	@media (min-width : 1680px){.hotel_detail_media .slideshow{
		width: 840px; height: 560px;}
	}


.hotel_detail_media p.slideshow img{
	aspect-ratio: 3 / 2;
}


.hotel_detail_media .video{
	aspect-ratio: 3 / 2;
	margin: 0;
}

.hotel_detail_media .video video{
	width: 100%;	
	display: block;
	aspect-ratio: 3 / 2;
	margin: 0;
}


.hotel_detail_media .image_caption{
	display: block;
	margin: 6px 0 0;
	font: 300 14px/1.1 'europa', serif;
	
	text-transform:uppercase;
	font: 600 11px/1.1 'europa', serif;
	letter-spacing: 0.4px;
	word-spacing: -0.4px;
	olor: #847269;
	color: #7A7163;
	width: 100%;
}


	@media (min-width: 576px) and (max-width: 1079px){
	.hotel_detail_media .image_caption{
		width: calc(100% - 60px);
		margin: 0;
		padding-top: 12px;
		padding-bottom: 0px;
		padding-left: 30px;
		padding-right: 30px;
		ont-size: 14px;
		}
	}

	@media (min-width : 1360px){
	.hotel_detail_media .image_caption{
		ont-size: 14px;
		}
	}

	@media (min-width : 1680px){
	.hotel_detail_media .image_caption{
		margin-top: 10px;
		font-size: 11.5px;
		}
	}

	@media (max-width : 575px){
	.hotel_detail_media .image_caption{
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
		position: absolute;
		bottom: 0; left: 0;
		width: calc(100% - 50px);
		padding: 40px 12px 8px 38px;
		ont: italic 400 12.5px/1.1 'utopia-std-display', serif;
		text-transform:none;
		font: italic 300 11px/1.1 'europa', serif;

		color: #fff;
		
			text-transform:uppercase;
	font: 400 9px/1.1 'europa', serif;
	letter-spacing: 0.2px;
	word-spacing: -0.5px;
	
		ext-shadow: 0 0 20px #000;	
		text-align: right;
		}
	}






.hotel_detail_content{
	grid-area: hotel_detail_content;
	margin: 0 auto;
}
	
	@media (max-width : 576px){
	.hotel_detail_content{
		width: calc(100% - 50px);
		padding-top: 20px;
		}
	}

	@media (min-width: 576px) and (max-width: 1079px){
	.hotel_detail_content{
		width: calc(100% - 60px);
		width: calc(100% - 50px);
		margin: 0;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 25px;
		padding-right: 25px;
		}
	}

	@media (min-width: 740px) and (max-width: 1079px){
	.hotel_detail_content{
		columns: 2;
		column-gap: 30px;
		}
	}
		
	@media (min-width: 1080px) and (max-width: 1359px){
	.hotel_detail_content{
		max-width: 400px;
		margin: 0;
		}
	}


.hotel_detail_content p{
	margin: 0 ;
}

	@media (max-width: 575px){
	.hotel_detail_content p span{display: block; margin-top: 10px;}
	}










/* ----------------------------------------------- STRIPE */


.section-stripe{
	background: #ECE9E3;
	background: #E4E0D9;
	background: #fff;
}

.stripe{
	max-width: 1200px;
	max-width: 1440px;
	margin: 0px auto;
	padding: 100px 0;
	padding: 60px 0 80px;
	order-bottom: 1px solid #ddd;
}

.stripe .stripe_images{
	max-width: 1200px;
	max-width: 1440px;
	width: 100%;
	overflow: hidden;
}

.stripe .stripe_images p{
	width: 100%;
	width: 400px;
	width: calc(25% - 10px);
	aspect-ratio: 3 / 4;
	margin: 0 10px 0 0;
}


.stripe p.stripe_wording{
	width: 100%;
	margin: 0 0 40px;
	text-transform: uppercase;
	text-align: center;
	
	font: 500 15px/1.1 'barlow', serif;
	letter-spacing: 0.6px;	

	font: 500 12px/1.1 'HelveticaNeue-Extended', serif;
	letter-spacing: 0.3px;	
	
	color: #847269;
}



@media only screen and (min-width : 1360px) and (max-width : 1679px){
.stripe{
	max-width: 1200px;
}

.stripe .stripe_images{
	width: 100%;
	overflow: hidden;
}

.stripe .stripe_images p{
	width: 100%;
	width: 400px;
	width: 33.3333333333%;
	width: calc(25% - 8px);
	aspect-ratio: 3 / 4;
	margin: 0 8px 0 0;
}
}



@media only screen and (min-width : 1080px) and (max-width : 1359px){
.stripe{
	width: calc(100% - 80px);
	max-width: 100%;
	padding: 50px 0 70px;
}



@media only screen and (min-width : 576px) and (max-width : 1079px){
.stripe{
	width: calc(100% - 80px);
	max-width: 840px;
	padding: 50px 0 70px;
}
}




.stripe .stripe_images{
	width: 100%;
}

.stripe .stripe_images p{
	width: 100%;
	width: 33.3333%;
	aspect-ratio: 3 / 4;
	margin: 0;
}

}





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

.stripe{
	padding: 60px 0 57px;
}

.stripe .stripe_images{
	width: calc(100% - 80px);
	ackground: red;
	margin: 0 auto;
	display: block;
	columns: 2;
	gap: 0 3px;
}

.stripe .stripe_images p{
	margin: 0 0 3px 0;
}

}





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


.section-stripe{
	background: none;
	background: #fff;

}

.stripe{
	ackground-image: linear-gradient(to right, transparent 40px, #E3E0D9 40px, #E3E0D9 calc(100% - 40px), transparent calc(100% - 40px));
	padding: 35px 0 50px;
	border-top: 34px solid #fff;
}

.stripe p.stripe_wording{
	margin: 0 0 30px;
	font: 500 12px/1.1 'HelveticaNeue-Extended', serif;
}


.stripe .stripe_images{
	width: calc(100% - 80px);
	width: 100%;
	display: block;
	gap: 0;
	columns: 1;

}

.stripe .stripe_images p{
	width: calc(65% - 10px);
	aspect-ratio: 3 / 4;
	margin: 0 10px 0 0;
	order-right: 1px solid #E3E0D9;
}


}







/* ----------------------------------------------- hotel_essentials */


.section_hotel_essentials{
	background: #fff;
}

.hotel_essentials{
	width: calc(100% - 50px);
	max-width: 1440px;	
	max-width: 1200px;	
	margin: 0 auto;
	padding: 100px 0;
	padding: 60px 0 50px 0;
	ackground: red;
}








.hotel_essentials .section_head h2.label, .hotel_essentials .section_head p.heading{
	text-align: left;
}


.text-intro{
	max-width: 700px;
	text-align: left;
	margin: 0 ;
	text-wrap: balance;
}








.hotel_essentials_topics{
  margin: 40px 0;
  max-width: 720px;
}




	
.hotel_essentials_topics .hotel_essentials_topic {

 	order-top: 1px solid #DED7C7;
  	border: 1px solid #E3E0D9;
 	  border: #FAF9F7;
	
 	margin-bottom: 15px;
 	
  ackground: #F7F5F3;

}

.hotel_essentials_topics .hotel_essentials_topic:first-of-type {
 order-top: 1px solid #DED7C7;
}

.hotel_essentials_topics .hotel_essentials_topic_title {
  	order-bottom: 1px solid #fff;	
 	order-bottom: 1px solid #DED7C7;
 	 background: #E3E0D9;
 	  background: #FAF9F7;
}

.hotel_essentials_topics .hotel_essentials_topic_title h3{
  cursor: pointer;
  padding: 25px 40px 25px 0;
  padding: 20px 40px 20px 40px;
  margin: 0 auto 0 0;
  width: calc(100% - 40px);
  width: calc(100% - 80px);
  transition: 0.5s;
  text-wrap: balance;
  background: url("images/icons/icon_plus.webp") no-repeat right 0px center / 15px;
  background: url("images/icons/icon_plus.webp") no-repeat right 15px center / 15px;
  font: 400 20px/1.2 'utopia-std-display', serif;
  font: 500 17px/1.2 'europa', serif;
  
	font: 700 15px/1.2 'europa', serif;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	word-spacing: -0.3px;

}


@media only screen and (max-width : 575px){
.hotel_essentials_topics .hotel_essentials_topic_title h3{
  font-size: 15px;	
}

.hotel_essentials_topics{
  margin-left: -25px;
  margin-right: -25px;
}

}



.hotel_essentials_topics .hotel_essentials_topic_title:hover {
}

.hotel_essentials_topics .hotel_essentials_topic_title.active h3 {
  background: url("images/icons/icon_minus.webp") no-repeat right 15px center / 15px;
}



.hotel_essentials_topics .hotel_essentials_topic_content {
  margin: 0;  
  width: calc(100% - 80px);
  padding: 0 40px 0 40px;

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
  }


.hotel_essentials_topics .hotel_essentials_topic_content p {
  margin: 10px 0 20px;
  text-wrap: balance;

}


.hotel_essentials_topics .hotel_essentials_topic_content h4 {
	font: 400 16px/1.4 'europa', serif;	
	font-weight: 400;
}


.hotel_essentials_topics ul {
	margin: 30px 0 30px 0;
	padding: 0 0 0 10px;
}

.hotel_essentials_topics ul li {
	padding-left: 12px;
	margin: 0 0 14px 0;
    text-wrap: balance;
	list-style-type: "-";
}






.hotel_essentials_topics .hotel_essentials_topic_content p:first-of-type{padding-top: 7px;}
.hotel_essentials_topics .hotel_essentials_topic_content p:last-of-type{padding-bottom: 20px;}
.hotel_essentials_topics .hotel_essentials_topic_content p:last-of-type{padding-bottom: 5px;}












/* ----------------------------------------------- section_quote */




.section_quote{
	background: #77675e;
	background: #79766F;
	ackground: #1E3D32;
	background: #B26451;
	padding: 100px 0;
}

.section_quote p.large{
	margin: 0 auto;
	width: calc(100% - 80px);
	max-width: 800px;
	font: 200 32px/1.4 'argent-cf', serif;
	font: 100 28px/1.3 'europa', serif;
	ont: 200 28px/1.6 'ivymode', serif;
	ont: 400 32px/1.3 'utopia-std-display', serif;
	font: 400 32px/1.3 'PlayfairDisplay', serif;

	color: #fff;
	text-align: center;
	hyphens: none;
	text-wrap: balance;
	
}


.section_quote p.thl{
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	margin: 20px 0 0;
	adding-top: 50px;
	
	ackground: url("images/sign_thomas.webp") no-repeat top center / 120px;
}





	@media (max-width : 565px){
	
	.section_quote{
	padding: 60px 0;
	}

	.section_quote p.large{
	font: 100 22px/1.3 'europa', serif;
	ont: 300 20px/1.4 'ivymode', serif;
		}
	}









/* ----------------------------------------------- section_head */


.section_head{
	margin: 0 0 30px 0;
	text-align: center;
	text-wrap: balance;
}


.section_head h2.label{
	font: 500 12px/1.1 'HelveticaNeue-Extended', serif;
	font: 700 11px/1.1 'europa', serif;
	margin: 0 0 6px 0;
	text-transform: uppercase;
	olor: #847269;
	olor: #9C3E24;
	color: var(--accent);
}

	@media (max-width : 565px){
	.section_head h2.label{
		font-size: 11px;
		}
	}
	
	@media (min-width : 1680px){
	.section_head h2.label{
		font-size: 12px;
		}
	}


.section_head p.heading{
	font: 100 36px/1.2 'argent-cf', serif;	
	font: 400 34px/1.2 'utopia-std-display', serif;
	font: 300 36px/1.2 'argent-cf', serif;	
	ont: 400 36px/1.2 'ivymode', serif;
	font: 300 36px/1.2 'PlayfairDisplay', serif;	

	text-align: center;
	margin: 0;
}



@media only screen and (max-width : 575px){
.section_head{
	margin: 0 0 20px 0;
}



.section_head p.heading{
	font: 100 32px/1.2 'argent-cf', serif;	
	font: 400 28px/1.2 'utopia-std-display', serif;
	font: 400 28px/1.2 'PlayfairDisplay', serif;

}


}










.section-parallax{
	width: 100%;
	height: 600px;
}

.parallax {
  /* The image used */
  background-image: url("media/hotels/puqio/landscape.jpg");

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


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

.section-parallax{
  height: 400px
}

.parallax {
  background-attachment: scroll;
}
}


/* ----------------------------------------------- contentpage */


.contentpage{
	margin: 0 auto;
	width: calc(100% - 120px);
	max-width: 800px;
}




/* ----------------------------------------------- RELATED */




.section-related{
	background: #fff;
	background: #DED7C7;
	background: #ECE9E3;
	dsplay: none;
	padding: 80px 0;
}

.related{
	margin: 0 auto;
	width: calc(100% - 50px);
	max-width: 1200px;
	text-align: left;
}

.related h2{
	text-align: left;
	margin: 0;
	font: 400 28px/1.2 'PlayfairDisplay', serif;
}


.relatedhotels{
	margin: 40px auto 0;
}



.relatedhotels{
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 20px;
}



.related_hotel{
	width: 25%;
	position: relative;
	margin: 0;
}


.related_hotel a{
	color: #fff;
	text-decoration:none;
}

.related_hotel a img{
	filter: brightness(90%);
	transition: 0.4s ease-in;
}

.related_hotel a:hover img{
	filter: brightness(105%);
}

.related_hotel p.related_hotel_text{
	margin: 0;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	position: absolute;
	bottom: 0; left: 0;
	width: calc(100% - 40px);
	padding: 80px 20px 20px 20px;
	color: #fff;
	text-shadow: 0 0 12px #000;	
	color: #fff;
	text-align: center;
	hyphens: none;
}

.related_hotel p.related_hotel_text .related_hotel_hotelname{
		font: 200 24px/1.05 'argent-cf', serif;	
		ont: 300 22px/1.05 'ivymode', serif;
		font: 400 24px/1.05 'PlayfairDisplay', serif;

		margin: 0 0 4px;
		display: block;
}

.related_hotel p.related_hotel_text .related_hotel_location{
		display: block;
		font: 300 13px/1.2 'europa', serif;
}



	@media (min-width: 576px) and (max-width: 1079px){
	.relatedhotels{
	gap: 10px;}
	
	.related_hotel{
	width: 33.3333%;
	}

	.related_hotel:last-of-type{
	display: none;
	}
		
	.related_hotel p.related_hotel_text .related_hotel_hotelname{
	font-size: 20px;}
	}



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

.section-related{
	padding: 60px 0;
}

.section-related h2{
	font: 200 26px/1.2 'argent-cf', serif;	
	font: 600 26px/1.2 'PlayfairDisplay', serif;
}


.section-related .relatedhotels{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}


.section-related .related_hotel{
	width: calc(50% - 10px);
}


.related_hotel a img{
	filter: brightness(100%);
}

.related_hotel p.related_hotel_text .related_hotel_hotelname{
	font: 200 20px/1.05 'argent-cf', serif;	
	font: 400 18px/1.05 'PlayfairDisplay', serif;
}

.related_hotel p.related_hotel_text .related_hotel_location{
		font: 300 12px/1.1 'europa', serif;
}


}




/* ----------------------------------------------- FOOTER */


section.section_footer{
	background: #E5E0D9;
	background: var(--footer);
	padding: 60px 0;
}


footer{
	width: calc(100% - 60px);
	margin: 0 auto;
	display: flex; 
	color: #fff;
}


	@media (min-width : 1360px){
	footer{
		width: 1200px;
		}
	}

	@media (min-width : 1680px){
	footer{
		width: 1440px;
		width: 1200px;
		}
	}




footer ul.footer_navigation{
	width: 60%;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.footer_navigation li{
	display: inline;
 	margin: 0 15px 0 0;
 	padding: 0;
}

footer .copyright{
	width: 40%;
	margin: 0;
	text-align: right;
}


footer a{text-decoration: none; color: #fff;}
footer a:hover{text-decoration: underline;}








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

section.section_footer{
	padding: 40px 0;
}

footer{
	width: calc(100% - 50px);
	margin: 0 auto;
	clear: both;
	display: block; 
}

footer ul.footer_navigation{
	width: 100%;
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

footer ul.footer_navigation li{
	display: block;
 	margin: 0 0 6px 0;
}

footer .copyright{
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 12px;
}


}