html, body {
	width: 100%;
	height: 100%;
}

/*
 * typography and general classes
 */

@font-face {
	font-family: 'GothamBold';
	src: url('gotham-bold-webfont.eot');
	src: url('gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('gotham-bold-webfont.woff') format('woff'),
		 url('gotham-bold-webfont.ttf') format('truetype'),
		 url('gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Medium';
	src: url('gothamedium-webfont.eot');
	src: url('gothamedium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('gothamedium-webfont.woff') format('woff'),
		 url('gothamedium-webfont.ttf') format('truetype'),
		 url('gothamedium-webfont.svg#gothamediumregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'keplestdregular';
	src: url('keplestd-regular-webfont.eot');
	src: url('keplestd-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('keplestd-regular-webfont.woff2') format('woff2'),
		 url('keplestd-regular-webfont.woff') format('woff'),
		 url('keplestd-regular-webfont.ttf') format('truetype'),
		 url('keplestd-regular-webfont.svg#keplestdregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* loader */
#loader {
	background: #1d1d1d;
}

#loader:before {
	content: "";
	width: 181px;
	height: 124px;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -90.5px;
	background: url("../portal_savoysresorts_microsites_bin/logo_loader.png") no-repeat center;
	display: block;
}

#loader .loader {
	margin: -20px 0 0 -20px;
	width: 4em;
	height: 4em;
	border-top: 0.3em solid rgba(133, 118, 75, 0.2);
	border-right: 0.3em solid rgba(133, 118, 75, 0.2);
	border-bottom: 0.3em solid rgba(133, 118, 75, 0.2);
	border-left: 0.3em solid rgba(133, 118, 75, 0.7);
}



body {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 22px;
	color: #1d1d1d;
	background: #ffffff;
}

body.menuOpened {
	overflow-y: hidden;
}

body::after {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}

body.menuOpened::after {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 99;
}

p {
	margin: 10px 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 25px;
}

a {
	color: #86764e;
	text-decoration: none;
}

.content > a {
	text-decoration: none;
}

.content > a:hover {
	text-decoration: none;
	color: #219f93;
}

.content .holder > * {
	margin-left: 60px;
	margin-right: 60px;
	text-align: left;
}

b, strong {
	font-weight: 700;
}

h1, h2, h3 {
	font-weight: 300;
	clear: both;
	-webkit-font-smoothing: antialiased;
	color: #86764e;
}

.homepage h1, .homepage h2, .homepage h3 {
	font-weight: 300;
	clear: both;
	-webkit-font-smoothing: antialiased;
	color: #1d1d1d;
}

.c2 h1, .c2 h2, .c2 h3 {
	color: #fff;
}

.c3 h1, .c3 h2, .c3 h3 {
	color: #86764e;
}

.homepage h1:first-of-type:before {
	content:"01";
	display: block;
	position: absolute;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
	z-index: 2;
	bottom: 36px;
	left: -200px;
}

.homepage h1:first-of-type:after {
	content:"";
	display: block;
	position: absolute;
	background: #1d1d1d;
	height: 1px;
	width: 120px;
	z-index: 2;
	bottom: 16px;
	left: -200px;
}

.homepage .c2 h1:first-of-type:before {
	content:"02";
	display: block;
	position: absolute;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
	z-index: 2;
	bottom: 36px;
	left: -200px;
}

.homepage .c2 h1:first-of-type:after {
	content:"";
	display: block;
	position: absolute;
	background: #fff;
	height: 1px;
	width: 120px;
	z-index: 2;
	bottom: 16px;
	left: -200px;
}

.homepage .c3 h1:first-of-type:before {
	content:"03";
	display: block;
	position: absolute;
	width: 120px;
	font-size: 14px;
	color: #86764e;
	line-height: 18px;
	z-index: 2;
	bottom: 36px;
	left: -200px;
}

.homepage .c3 h1:first-of-type:after {
	content:"";
	display: block;
	position: absolute;
	background: #86764e;
	height: 1px;
	width: 120px;
	z-index: 2;
	bottom: 16px;
	left: -200px;
}

h1 {
	font-family: 'keplestdregular';
	font-size: 26px;
	line-height: 26px;
	margin: 50px 0 30px;
	position: relative;
	font-style: normal;
}

.no-banner h1 {
	margin: 80px 0 30px;
}

h1 span:last-of-type {
	font-size: 62px;
	line-height: 62px;
	display: block;
	text-transform: none;
	font-style: normal;
	clear: both;
	position: relative;
}

h2 {
	font-size: 30px;
	line-height: 32px;
	margin: 35px 0 15px;
	text-transform: none;
	font-family: 'keplestdregular';
}

h3 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 25px 0 10px;
	font-style: normal;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
}


hr {
	border: none;
	border-bottom: 1px solid transparent;
	margin: 30px 0;
	clear: both;
}

.homepage #contentblock p {
	clear: both;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	position: relative;
}

#contentblock p {
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	position: relative;
}

.hotel-subscribe #contentblock p,
.hotel-unsubscribe #contentblock p,
.hotel-contacts #contentblock p {
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

#contentblock b {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Gotham Medium';
	font-size: 12px;
}

#contentblock p:empty {
	display: none;
}

#contentblock .c2 p {
	color: #fff;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
	margin-right: 30%;
}

/*
 * main structure
 */

#main {}

#topblock {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 100;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #ffffff;
	background-color: rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.scrolling #topblock {
	background-color: #1d1d1d;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#centerblock {
	position: relative;
	z-index: 1;
	background-color: #e0e0e0;
}

#contentblock {
	background-color: #fff;
	position: relative;
	z-index: 15;
	overflow: hidden;
}

#contentblock .holder {
	overflow: hidden;
	padding: 0 60px 0 200px;
	max-width: 1280px;
	margin: 0 auto;

}

.no-banner #contentblock {
	margin-top: 60px;
}

#bottomblock {
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 0;
	font-size: 0.85em;
	line-height: 1.5em;
	position: relative;
	background: #000;
}

#bottomblock:after {
	content: "";
	display: block;
	width: 545px;
	height: 188px;
	background-position: right -888px;
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 0;
}

#bottomblock:before {
	content: "";
	display: block;
	width: 545px;
	height: 188px;
	background-position: 0 -1100px;
	position: absolute;
	top: 480px;
	left: 0;
	z-index: 1;
}

#bottomblock a {
	text-decoration: none;
}

 /* classes with sprite background */
.logo, .quickSearch form button, .footerlogo,
.flashContainer .gcb_navigation_arrow, .content ul li,
.selectdown, .calicon,
.rating, .booking a[href^="details"],
.socialmedia li a, .portalseals span, address > *:before,
.filterby a span, .resultsToggle span, span.noResults,
.sliderBt,
.calheader a,
.navigation, .mobile .navigation::before,
.scroll, .scrolltop,
.popup:before,
.flashContainer .gcb_image_legend p:before, .flashContainer .gcb_navigation_arrow,
.imgDescription::after,
.results::before, .paginator .filterby a, .filterWidget .title, .title::after, .languages select, 
#bottomblock:after, #bottomblock:before {
	background-image: url("../portal_savoysresorts_microsites_bin/sprite.png");
	background-repeat: no-repeat;
}

/* scroll */
@keyframes scrollAnimation {
	0% {background-position: -550px -538px;}
	50% {background-position: -550px -543px;}
	100% {background-position: -550px -538px;}
}
@-webkit-keyframes scrollAnimation {
	 0% {background-position: -550px -538px;}
	50% {background-position: -550px -543px;}
	100% {background-position: -550px -538px;}
}

.scroll {
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -45px;
	width: 90px;
	height: 50px;
	background-position: -548px -538px;
	font-family: 'Gotham Medium';
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	padding-bottom: 25px;
	-webkit-animation: scrollAnimation 1.1s infinite;
	animation: scrollAnimation 1.1s infinite;
	z-index: 2;
}

.scrolling .scroll {
	opacity: 0;
}

.scroll:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #fff;
}

.scrolltop:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #fff;
}

.no-banner .scroll {
	display: none;
}

@keyframes scrollUpAnimation {
	0% {background-position: -548px -500px;}
	50% {background-position: -548px -505px;}
	100% {background-position: -548px -500px;}
}
@-webkit-keyframes scrollUpAnimation {
	0% {background-position: -548px -500px;}
	50% {background-position: -548px -505px;}
	100% {background-position: -548px -500px;}
}

.scrolltop {
	position: absolute;
	bottom: 65px;
	left: 50%;
	margin-left: -45px;
	overflow: hidden;
	width: 90px;
	height: 50px;
	background-position: -548px -500px;
	z-index: 8;
	font-family: 'Gotham Medium';
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	padding-top: 25px;
	-webkit-animation: scrollUpAnimation 1.1s infinite;
	animation: scrollUpAnimation 1.1s infinite;
}




/* hotel logo */
.hotellogo {
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 2;
}

.gc-7ec8168ad0374f2c .logo {
	display: block;
	width: 181px;
	height: 124px;
	background: url("../portal_savoysresorts_microsites_bin/hotel_logo_7ec8168ad0374f2c.jpg") no-repeat center;
	text-indent: -9999px;
}

.gc-07012bc9b05dffb4  .logo {
	display: block;
	width: 181px;
	height: 124px;
	background: url("../portal_savoysresorts_microsites_bin/hotel_logo_07012bc9b05dffb4.jpg") no-repeat center;
	text-indent: -9999px;
}

.gc-fdc27502351e5d7e  .logo {
	display: block;
	width: 181px;
	height: 124px;
	background: url("../portal_savoysresorts_microsites_bin/hotel_logo_fdc27502351e5d7e.jpg") no-repeat center;
	text-indent: -9999px;
}

.gc-ae1dd467ef1add2b  .logo {
	display: block;
	width: 181px;
	height: 124px;
	background: url("../portal_savoysresorts_microsites_bin/hotel_logo_ae1dd467ef1add2b.jpg") no-repeat center;
	text-indent: -9999px;
}



/* navigation */
.navigation {
	position: absolute;
	top: 0;
	left: auto;
	right: 260px;
	text-align: center;
	height: 60px;
	overflow: hidden;
	background: none;
}

.navigation ul {
	display: inline-block;
	margin: 0;
}

.navigation li {
	display: inline-block;
	line-height: 58px;
	margin: 0 12px;
	border-bottom: 2px solid transparent;
}

.navigation li:last-of-type {
	margin: 0 22px 0 12px;
}

.navigation li:hover, .navigation li.active {
	border-color: #fff;
}

.navigation li a {
	text-decoration: none;
	font-weight: 400;
	color: #ffffff;
	font-size: 11px;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.nav::after {
	content: "";
	display: inline-block;
	width: 1px;
	background: rgba(255,255,255,0.2);
	height: 60px;
	position: absolute;
}

.navigation li a:hover, .navigation li.active a {
	color: #fff !important;
}

/* navigation top fixed */

.scrolling .navigation li a {
	color: #fff;
}

.scrolling .navigation li a:hover, .scrolling .navigation li.active a {
	color: #86764e !important;
}

.scrolling .navigation li:hover, .scrolling .navigation li.active {
	border-color: #86764e;
}

.scrolling .nav::after {
	background: rgba(0,0,0,0.1);
}


/* flashcontainer */
.flashContainer {
	height: 100%;
	overflow: hidden;
}

.flashContainer .gcb_image_current, .flashContainer .gcb_image_next {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}

.flashContainer .gcb_navigation {
	top: 48%;
	right: 60px;
	left: 60px;
	z-index: 100;
}

.flashContainer .gcb_navigation_arrow {
	width: 25px;
	height: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.flashContainer .gcb_navigation_arrow.previous, .flashContainer .gcb_navigation:hover .gcb_navigation_arrow.previous,
.flashContainer .gcb_container:hover .previous {
	background-position: 0 -1642px;
}

.flashContainer .gcb_navigation_arrow.next, .flashContainer .gcb_navigation:hover .gcb_navigation_arrow.next,
.flashContainer .gcb_container:hover .next {
	background-position: 0 -1590px;
	float: right;
}

.flashContainer .gcb_navigation_paginator {
	display: none;
}

.flashContainer:hover .gcb_navigation_arrow, .flashContainer .gcb_navigation:hover .gcb_navigation_arrow {
	opacity: 0.6 !important;
	filter: alpha(opacity=60) !important;
}

.flashContainer .gcb_navigation .gcb_navigation_arrow.previous:hover, .flashContainer .gcb_navigation .gcb_navigation_arrow.next:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.flashContainer .gcb_image_legend {
	text-align: center;
	bottom: auto;
	top: 45%;
	left: 20%;
	right: 20%;
	text-transform: uppercase;
	font-family: 'Gotham Medium';
	font-size: 14px;
	line-height: 28px;
	text-shadow: 0 0 14px rgba(0,0,0,0.5);
}

.flashContainer .gcb_image_legend > * {
	display: block;
}

.flashContainer .gcb_image_legend b {
	display: block;
	clear: both;
	font-size: 5em;
	font-weight: 300;
	line-height: 0.9em;
	font-family: 'keplestdregular';
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	margin-top: 4px;
}

.flashContainer .gcb_image_legend p {
	text-transform: initial;
	font-size: 0.45em;
	line-height: 1.6em;
	font-family: 'Gotham Medium';
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	padding: 0 20%;
}

/* laguages */
.languages {
	position: relative;
	width: 120px;
	margin-left: 14px;
	text-align: left;
	clear: both;
	display: inline-block;
	background: #b59d66;
	height: 33px;
}

.languages select {
	border: 0 none;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: 'Gotham Medium';
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	line-height: 15px;
	height: 100%;
	width: 100%;
	padding: 0 20px 0 10px;
	background-position: -490px -497px;
	background-color: initial;
}

.languages option {
	color: #fff;
}

.ie8 .languages select, .ie9 .languages select, .ie10 .languages select, .ie11 .languages select {
	width: 118%;
	background-position: -300px -2px;
}

.gecko .languages select {
	background: none;
}


/* advanced booking engine */

/** Booking engine area **/

.bookinggadget {
	position: fixed;
	top: 12px;
	right: 60px;
	z-index: 101;
	overflow: visible;
}

.gcBookingGadget {
	position: relative;
	float: right;
}

.gcBookingGadget form > div {
	display: none;
}

.bookinggadget .gc_sh .gc_horizontalSh .shortHandButton {
	display: block;
	margin: 0;
}

.bookinggadget .gc_sh .shortHandCheckRates, .bookinggadget a {
	height: 100%;
	width: 180px;
	background: #b59d66;
	font-family: 'keplestdregular';
	letter-spacing: 2px;
	font-weight: lighter;
	font-size: 13px;
	line-height: 36px;
	margin: 0;
	text-align: left;
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.bookinggadget .gc_sh .shortHandCheckRates:hover, .bookinggadget a:hover {
	background: #86764e;
}

/** Promotion gadget **/

#contentblock .promotionsgadget {
	width: 34%;
	height: 125px;
	margin: 40px 0 40px 10% !important;
	position: relative;
	text-align: left;
}

.promotionsgadget .prgWrapper {
	padding-left: 150px;
	overflow: hidden;
}

.promotionsgadget .prgTitle {
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0;
	color: #f1b434;
	position: relative;
	text-transform: uppercase;
}

.promotionsgadget .prgImgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.promotionsgadget .prgClick {
	position: absolute;
	bottom: 15px;
	left: 150px;
	color: #505759;
	font-size: 9px;
	line-height: 25px;
	padding-right: 35px;
	height: 25px;
	text-transform: uppercase;
	background-position: 100px -50px;
}

.promotionsgadget .prgDescription {
	font-size: 12px;
	line-height: 18px;
}

/** banner promotion gadget **/

#centerblock .flashContainer .promotionsgadget {
	position: absolute;
	bottom: 0;
	right: 60px;
	width: 30%;
	text-align: right;
	opacity: 1 !important;
	background: none;
}

.flashContainer .promotionsgadget .prgImgWrapper {
	display: none;
}

.flashContainer .promotionsgadget .prgWrapper {
	padding: 0;
}

.flashContainer .promotionsgadget .prgTitle {
	font-family: 'keplestdregular';
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	font-size: 24px;
	line-height: 32px;
	position: relative;
	color: #fff;
	margin: 0;
	font-weight: 100;
	padding-bottom: 7px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.flashContainer .promotionsgadget .prgDescription {
	font-size: 14px;
	line-height: 20px;
	position: relative;
	margin: 10px 0 0;
	display: inline-block;
	color: #fff;
}

.flashContainer .promotionsgadget .prgClick {
	text-indent: -9999px;
	background-position: 45px -50px;
	display: inline-block;
	bottom: 0;
	right: 40px;
	float: none;
	margin: 0;
	display: none;
}


/* content */

.c1 {
	background: url("../portal_savoysresorts_microsites_bin/content3_bg.jpg") repeat center;
	padding-bottom: 80px;
}

.homepage .c1 {
	padding-top: 40px;
	background: #f8f8f8 url("../portal_savoysresorts_microsites_bin/content1_S.png") no-repeat top -10px left;
}

.homepage .c1:before {
	content: "";
	display: block;
	position: absolute;
	width: 418px;
	height: 547px;
	background: url("../portal_savoysresorts_microsites_bin/content1_flower.png") no-repeat top 60px left;
}

.c2 {
	background: url("../portal_savoysresorts_microsites_bin/content2_leaf.png") no-repeat top -110px right, url("../portal_savoysresorts_microsites_bin/content2_bg.jpg") repeat center;
	background-blend-mode: multiply;
	padding: 20px 0 80px;
}

.c2:before {
	content: "";
	display: block;
	position: absolute;
	width: 266px;
	height: 411px;
	background: url("../portal_savoysresorts_microsites_bin/content2_V.png") no-repeat top left;
}

.c3 {
	background: url("../portal_savoysresorts_microsites_bin/content3_Y.png") no-repeat top left, url("../portal_savoysresorts_microsites_bin/content3_bg.jpg") repeat center;
	padding: 40px 0 80px;
}

.content {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.content .holder > img {
	max-width: 100%;
}

.content ul {
	font-weight: 300;
	padding: 20px 0;
	margin: 0;
	overflow: hidden;
	clear: both;
}

.content ul li {
	display: block;
	padding-left: 12px;
	margin-left: 0;
	background-position: 0 bottom;
}

/* imagelinks */
.imagelinkgadget {
	position: relative;
	overflow: hidden;
	margin: 0 !important;
	padding: 1px;
	height: 350px;
}

.imagelinkgadget a {
	text-decoration: none;
	color: #ffffff;
}

.imgImageWrapper {
	overflow: hidden;
	position: relative;
	height: 100%;
	background-color: #000;
}

.imgImageWrapper span {
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

.imgContentWrapper {
	position: absolute;
	top: 0;
	left: 7%;
	bottom: 0;
	right: 7%;
	overflow: hidden;
}

.imgTitle {
	font-family: 'keplestdregular';
	text-transform: none;
	font-size: 48px;
	line-height: 48px;
	margin-top: 350px;
	-webkit-font-smoothing: antialiased;
}

.medium-small .imgTitle {
	margin-top: 200px;
}

.imgDescription {
	font-size: 14px;
	line-height: 21px;
	text-transform: none;
	margin: 8px 0 24px;
	padding-bottom: 20px;
	position: relative;
	max-height: 62px;
	overflow: hidden;
}

.imgLink {
	font-size: 0.75em;
	text-transform: uppercase;
	font-family: 'Gotham Medium';
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	display: none;
}

.imgLink span {
	line-height: 3em;
	padding: 0 25px;
	border: none;
	background: #b59d66;
	display: inline-block;
	opacity: 0;
	filter:alpha(opacity=0);
}


/* hover */


.imagelinkgadget:hover .imgImageWrapper span {
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.imagelinkgadget:hover .imgLink span {
	opacity: 1;
	filter:alpha(opacity=100);
}


/* medium-small */

.medium-small {
	height: 352px;
}

.medium-small .imgDescription {
	max-height: 65px;
	overflow: hidden;
}

/* medium */

.medium {
	height: 668px;
}

.medium:nth-of-type(2n) {
	margin-top: -316px !important;
}

.medium .imgTitle {
	margin-top: 150px;
}

.medium .imgContentWrapper {
	top: 50%;
}

/* small */

.small {
	height: 388px;
}

.small .imgTitle {
	font-size: 36px;
	line-height: 36px;
	margin-top: 240px;
}


/* large */

.imgLarge {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin: 0 -60px 0 -220px !important;
	height: 540px;
}
.large {
	height: 540px;
}

.large .imgTitle {
	font-size: 60px;
	line-height: 64px;
}

.large .imgDescription {
	max-width: 50%;
	max-height: 62px;
	overflow: hidden;
}

.c2 .large {
	height: 440px;
}

.c2 .large .imgTitle {
	margin-top: 250px;
}



/* nolink */

.nolink {
	pointer-events: none;
}
.nolink .imgLink {
	display: none;
}

.nolink.imagelinkgadget:hover .imgImageWrapper {
	background-color: #000;
}

.nolink.imagelinkgadget:hover .imgImageWrapper span {
	opacity: 0.75 !important;
}

.nolink.imagelinkgadget:hover .imgDescription::after {
	background-position: 0 -1440px !important;
}

/* noimage */

.medium-small.noimage .imgImageWrapper {
	display: none;
}

.medium-small.noimage, .medium-small.noimage .imgContentWrapper {
	overflow: visible;
}

.medium-small.noimage .imgTitle {
	color: #1d1d1d;
	margin-top: 16%;
	padding-bottom: 20px;
}

.medium-small.noimage .imgTitle:after {
	content:"";
	display: block;
	position: absolute;
	background: rgba(0,0,0,0.3);
	height: 1px;
	width: 300px;
	left: -176px;
	margin-top: 12px;
}

.medium-small.noimage .imgDescription {
	color: #1d1d1d;
}

.medium-small.noimage .imgLink {
	display: none;
}

/* notext */

.notext .imgContentWrapper {
	display: none;
}


/* image link promo */

.imagelinkgadget .promo {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #e2cc3f;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 40;
	text-align: center;
	width: 80px;
	height: 80px;
	color: #fff;
	line-height: 16px;
	padding: 0 10px;
	display: table;
	text-transform: uppercase;
}

.imagelinkgadget .promo span {
	display: table-cell;
	vertical-align: middle;
}

.imagelinkgadget:hover .promo {
	background-color: #fff;
	color: #282323;
}


/* popup */
.popupWindow {
	overflow: hidden;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: rgba(0,0,0,0.7);
	display: none;
}

.popupWindow .overlay,
.popupWindow .imagelinkgadget.popup {
	display: block;
}

.imagelinkgadget.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 200;
	margin: -175px 0 0 -205px !important;
	text-align: center;
	display: none;
	border: 5px solid rgba(255,255,255,0.8);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.popup .imgImageWrapper {
	width: 400px;
}

.popupWindow .overlay:hover {
	cursor: url("../portal_savoysresorts_microsites_bin/popup_close.png"),auto;
}

/* maps */
.maps .imgContentWrapper {
	display: none !important;
}

#mapContainer {
	height: 460px;
	margin-top: 80px;
	margin-right: 0;
}

#mapContainer .googleMap {
	height: 100%;
}

.map input[type="text"] {
	border: none;
	background: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 0;
}

.map #searchButton {
	margin-left: 20px;
	-webkit-appearance: none;
	border: none;
	padding: 5px 22px;
	background: #86764e;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Gotham Medium';
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 1px;
}


/**
  *bottom block area
**/

.footerlogo {
	background-position: center -710px;
	width: 100%;
	height: 156px;
	background-color: #fff;
}

.gc-ae1dd467ef1add2b .footerlogo, .gc-7ec8168ad0374f2c .footerlogo {
	background: #fff url("../portal_savoysresorts_microsites_bin/saccharum_logos.jpg") no-repeat center;
}
/* calheta */
.gc-fdc27502351e5d7e .footerlogo {
	background: #fff url("../portal_savoysresorts_microsites_bin/footer_logos_calheta.png") no-repeat center;
}


/* hotel address */

.middlearea {
	position: relative;
	min-height: 500px;
	padding-top: 160px;
	padding-bottom: 130px;
	background: #161616;
}

.middlearea:before {
	content: "";
	display: block;
	width: 20px;
	height: 40px;
	background: url("../portal_savoysresorts_microsites_bin/sprite.png") no-repeat right -608px;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -10px;
}
.hoteladdress {
	font-weight: 700;
	padding: 0 20%;
	z-index: 1;
	position: relative;
}

.hoteladdress h3, .socialmedia h3 {
	color: #867650;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	font-style: normal;
	font-size: 15px;
	text-align: center;
}

.hoteladdress address {
	font-style: normal;
	font-weight: 300;
	margin-top: 20px !important;
}

#bottomblock .hoteladdress address > * {
	margin-right: 30px;
	margin-top: 12px;
	position: relative;
	display: block;
	color: #fff;
	padding-left: 30px;
	text-transform: none;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.gc-ae1dd467ef1add2b #bottomblock .hoteladdress .email.saccharum, .gc-07012bc9b05dffb4 #bottomblock .hoteladdress .email.savoy, .gc-7ec8168ad0374f2c #bottomblock .hoteladdress .email.royal, .gc-fdc27502351e5d7e #bottomblock .hoteladdress .email.calheta {
	display: block;
}

.gc-7ec8168ad0374f2c #bottomblock .hoteladdress .email.savoy, .gc-ae1dd467ef1add2b #bottomblock .hoteladdress .email.savoy, .gc-fdc27502351e5d7e #bottomblock .hoteladdress .email.savoy,
.gc-07012bc9b05dffb4 #bottomblock .hoteladdress .email.royal, .gc-ae1dd467ef1add2b #bottomblock .hoteladdress .email.royal, .gc-fdc27502351e5d7e #bottomblock .hoteladdress .email.royal,
.gc-07012bc9b05dffb4 #bottomblock .hoteladdress .email.saccharum, .gc-7ec8168ad0374f2c #bottomblock .hoteladdress .email.saccharum, .gc-fdc27502351e5d7e #bottomblock .hoteladdress .email.saccharum,
.gc-ae1dd467ef1add2b #bottomblock .hoteladdress .email.calheta, .gc-07012bc9b05dffb4 #bottomblock .hoteladdress .email.calheta, .gc-7ec8168ad0374f2c #bottomblock .hoteladdress .email.calheta {
	display: none;
}

/* socialmedia */

.socialmedia {
	padding: 20px 20%;
	position: relative;
	z-index: 1;
}
.socialmedia ul {
	padding: 10px 0;
	text-align: center;
}

.socialmedia li {
	display: inline-block;
	margin: 0 3px;
}

.socialmedia li a {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.socialmedia li a:hover {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.socialmedia li.facebook a {
	background-position: 0 -1390px;
}
.socialmedia li.twitter a {
	background-position: -36px -1390px;
}
.socialmedia li.pinterest a {
	background-position: -80px -1390px;
}
.socialmedia li.instagram a {
	background-position: -120px -1389px;
}
.socialmedia li.googleplus a {
	background-position: -244px -1390px;
}
.socialmedia li.youtube a {
	background-position: -280px -1390px;
}
.socialmedia li.newsletter a {
	background-position: -160px -1389px;
}

.gc-ae1dd467ef1add2b .socialmedia.savoygardens, .gc-ae1dd467ef1add2b .socialmedia.royalsavoy, .gc-ae1dd467ef1add2b .socialmedia.calheta {
	display: none;
}

.gc-07012bc9b05dffb4 .socialmedia.saccharum, .gc-07012bc9b05dffb4 .socialmedia.royalsavoy, .gc-07012bc9b05dffb4 .socialmedia.calheta {
	display: none;
}

.gc-7ec8168ad0374f2c .socialmedia.saccharum, .gc-7ec8168ad0374f2c .socialmedia.savoygardens, .gc-7ec8168ad0374f2c .socialmedia.calheta {
	display: none;
}

.gc-fdc27502351e5d7e .socialmedia.saccharum, .gc-fdc27502351e5d7e .socialmedia.savoygardens, .gc-fdc27502351e5d7e .socialmedia.royalsavoy {
	display: none;
}


/** bottomBar **/

.bottomBar {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 99;
	display: block;
	bottom: 0;
	background: rgba(1,1,1,0.8);
	/*border-top: 1px solid rgba(0,0,0,0.1);*/
}

.scrolling .bottomBar {
	background: rgba(1,1,1,1);
}

/** other hotels **/

.otherhotels {
	position: absolute;
	bottom: 0;
	left: 60px;
	z-index: 9;
	width: 181px;
	height: 70px;
	overflow: hidden;
}

.hotelsArea {
	position: absolute;
	display: block;
	background-color: #fff; 
	background-image: url("../portal_savoysresorts_microsites_bin/logo_corporate.jpg");
	background-repeat: no-repeat;
	background-position: center;
	padding: 2px 20px;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	width: 181px;
	height: 70px;
	text-align: center;
	border-bottom: 1px solid rgba(133,118,75,0.2);
	cursor: pointer;
	bottom: 0;
	z-index: 1;
}


/** other hotels open **/

.openHotels .otherhotels {
	width: 181px;
	height: 370px;
}

.openHotels .otherhotels .hotels {
	width: 181px;
	height: 300px;
	margin-bottom: 70px;
}

.openHotels .otherhotels .hotels::before {
	width: 100%;
}

.hotels .hotel {
	display: block;
	position: relative;
	float: none;
	width: 181px;
	line-height: 16px;
	height: 75px;
	margin: 0;
	border-bottom: 1px solid rgba(133,118,75,0.2);
	text-align: center;
	padding: 20px 10px;
	opacity: 0;
	cursor: pointer;
	background: rgba(255,255,255,0.95);
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-ms-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.hotels .OSaccharum {
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hotels .OCalheta {
	padding: 16px 10px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hotels .ORoyal {
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.hotels .OGardens {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.openHotels .hotels .hotel {
	opacity: 1;
}

.openHotels .hotels .hotel:hover {
	background: #1d1d1d;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-ms-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.hotels .hotel a {
	font-family: 'GothamBold';
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	color: #86764e;
	z-index: 9;
	pointer-events: initial;
	cursor: pointer;
	padding-bottom: 20px;
}

.hotels .hotel:hover a {
	text-decoration: none;
}

.hotels .hotel span {
	display: block;
	color: #1d1d1d;
	font-family: 'GothamBold';
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 18px;
	letter-spacing: 1px;
	z-index: 8;
	pointer-events: none;
}

.hotels .hotel:hover span {
	color: #fff;
}

.hotels .hotel span:hover {
	color: #86764e;
}





/* quicklinks */
.quicklinks {
	position: relative;
	z-index: 20;
	padding: 0;
	float: right;
	margin-right: 60px;
}

.quicklinks ul {
	margin: 0;
	display: inline-block;
}

.quicklinks li {
	margin: 0 5px 0 0;
	list-style: none;
	display: inline-block;
	padding: 4px 0;
}

.quicklinks li a {
	color: #fff;
	padding: 0 8px;
	font-size: 10px;
	line-height: 20px;
	display: inline-block;
	border-radius: 20px;
	text-transform: uppercase;
	font-family: 'Gotham Medium';
	-webkit-font-smoothing: antialiased;
}

.quicklinks li a:hover {
	color: #b59d66;
	text-decoration: none;
}

/* footermenu */
.footermenu {
	position: relative;
	width: 100%;
	min-height: 180px;
	margin-bottom: 0;
	padding: 60px 60px 60px 10%;
	background: rgba(0,0,0,0.6);
}

.footermenu li {
	float: left;
	width: 33.3%;
	list-style: none;
}

.footermenu li a {
	color: #cccccc;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 24px;
}

.footermenu li a:hover {
	color: #86764e;
}

/* guestcentric seals */
#seals {
	background: #000000;
	position: relative;
	margin-bottom: 32px;
	padding-top: 50px;
}

.sealsHolder {
	padding: 5px 60px;
	overflow: hidden; 
}

.security {
	float: right;
}

.powered {
	float: right;
	margin-right: 20px;
}


/** sidebar area **/
#sidebar {
	display: none;
}

/* promotion gadget */
.promotionsgadget {
	position: relative;
	background-color: #219f93;
	color: #ffffff;
	padding-bottom: 80px !important;
}

.promotionsgadget:hover {
	background-color: #ffffff;
	color: #09153a;
}

.prgTitle {
	font-weight: 700;
	text-transform: uppercase;
}

.prgImgWrapper {
	display: none;
}

.prgClick {
	position: absolute;
	bottom: 20px;
	left: 10%;
	font-size: 0.75em;
}

.prgClick:before {
	content: "";
	display: block;
	width: 95px;
	height: 2px;
	background-color: #ffffff;
	margin: 0 0 10px;
}

.prgDescription {}

/* weather-gadget */
.weather-gadget {}

.weather-conditions {
	position: relative;
	height: 80px;
}

.weather-conditions img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 75%;
}

.weather-values {
	float: right;
}

.weather-values > div {
	height: 80px;
	line-height: 100px;
	position: relative;
}

.weather-unit-shell {
	float: right;
	margin: 35px 0 0;
}

.weather-unit-shell span {
	float: left;
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.weather-unit {
}

.weather-temp {
	float: left;
	font-size: 1.75em;
}

.weather-degree {
	font-size: 0.5em;
	top: -10px;
	position: relative;
}

.weather-toggle {
	background-color: #1d1d1d;
	color: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 0.75em;
	cursor: pointer;
}

.weather-toggle:hover {
	background-color: #219f93;
}

.weather-forecast {
	clear: both;
	border-top: 1px solid #dddddd;
	margin-top: 20px;
	padding-top: 20px;
}

.weather-forecast > div {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 0.75em;
}

.weather-forecast .weather-temp {
	float: none;
	font-size: 1em;
}


/* rooms page **/

.compareRoomsLink {
	display: none;
}


#contentblock #roomtypes, #contentblock #specialoffers {
	margin: 0;
	overflow: visible;
	position: relative;
}

#contentblock .roomContainer {
	// padding: 190px 40px 0;
	// text-align: left;
	// height: 410px;
	// overflow: visible;
	// margin-bottom: 20px;
	// cursor: pointer;
	padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 10px;
}

#contentblock .roomContainer * {
	// color: #fff;
}

.hotel-addons #contentblock .roomContainer * {
	color: #1d1d1d;
}

.hotel-addons #contentblock p {
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.hotel-addons #contentblock a {
	font-size: 12px;
	text-transform: uppercase;
	color: #B59D66;
	font-weight: 600;
}

.hotel-addons #addons .roomContainer > div {
	float: none;
}

.roomContainer .roomName h2 {
	text-transform: none;
	font-family: 'keplestdregular';
	-webkit-font-smoothing: antialiased;
	font-size: 32px;
	line-height: 28px;
	margin: 35px 0 -20px;
}

.roomContainer .minRate h3 {
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	font-style: normal;
	font-size: 12px;
	margin: 28px 0 10px;
}

#contentblock .roomContainer .roomPhoto {
	height: 390px;
	background: #000;
	float: none;
	top: 0;
	left: 1px;
	right: 1px;
	bottom: 0;
	width: auto;
}

#contentblock .roomContainer .roomPhoto .pgContainer .pgImage {
	height: 100%;
	opacity: 0.75;
	background-position: center center;
}

#contentblock .roomContainer:hover .roomPhoto .pgContainer .pgImage {
	opacity: 0.4;
}

#contentblock #addons .roomContainer .roomPhoto .roomPhoto {
	height: 400px;
}


#contentblock .roomPhoto .pgImage a img {
	display: none;
}

#contentblock .roomContainer .promotions-termsActions {
	// position: absolute;
	// bottom: -17px;
	// left: 1px;
}

#contentblock .roomContainer .promotions-termsActions .promotions-bgLink {
	font-family: 'keplestdregular';
	background: #fff;
	width: 200px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #86764e;
	text-transform: uppercase !important;
	letter-spacing: 2px;
}

#contentblock .roomContainer .promotions-termsActions .promotions-showTermsTrigger {
	font-family: 'Gotham Medium';
	position: absolute;
	bottom: 20px;
	left: 220px;
	width: 220px;
	color: #ffffff;
	background: #383734;
	font-size: 12px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}

#contentblock .roomContainer .promotions-termsActions .promotions-showTermsTrigger:hover {
	color: #fff;
}

#contentblock .roomContainer .promotions-termsActions .promotions-bgLink:hover {
	background: #86764e;
	color: #fff;
	text-decoration: none;
}

#contentblock .roomContainer .promotions-termsContent .promotions-closeTerms {
	font-family: 'Gotham Medium';
	color: #ffffff;
	background: #383734 url("http://static.guestcentric.net/cdn/wsbdev/wsbdev_bin/close_terms.png") no-repeat 40px;
	font-size: 12px;
	line-height: 36px;
	width: 100%;
	display: inline-block;
	text-align: left;
	padding-left: 65px;
}

#contentblock .roomContainer .promotions-termsContent .promotions-closeTerms:hover {
	color: #fff;
}

#contentblock .roomContainer .promotions-termsContent .promotions-termsText,
#contentblock .promotions-termsContent .promotions-cancelText {
	background: #fff;
	color: #838383;
	padding: 40px 40px 0;
	float: right;
	font-size: 14px;
	width: 100%;
}

#contentblock .promotions-termsContent .promotions-cancelText {
	padding: 0 40px 40px;
}

#contentblock .promotions-termsContent .promotions-cancelText * {
	color: #838383;
}

.roomDetails {
	display: none;
}


/** room-opened **/

#contentblock .roomContainer.room-opened * {
	color: #1d1d1d;
}

#contentblock .roomContainer.room-opened {
	padding: 520px 60px 40px 0;
	background: none;
	width: 100%;
	margin: 0 1px;
	cursor: default;
}

#contentblock .roomContainer.room-opened .roomPhoto {
	height: 480px;
	width: 100%;
	background: rgba(0,0,0,0.1);
	left: auto;
	right: auto;
	position: relative;
	overflow: hidden;
}

#contentblock .roomContainer.clicked .roomName, #contentblock .roomContainer.clicked .minRate {
	// display: none;
}

#contentblock .roomContainer.clicked .roomPhoto .pgContainer .pgImage {
	opacity: 0.4;
}

#contentblock .roomContainer.room-opened:hover .roomPhoto .pgContainer .pgImage {
	opacity: 0.75;
}

#contentblock .roomContainer.room-opened .roomName h2 {
	font-size: 45px;
	margin-top: 0;
    margin-bottom: 15px;
}

#contentblock .roomContainer.room-opened .roomDescription.mealplan {
	width: auto;
	float: left;
}

#contentblock .roomContainer.room-opened .roomDescription p {
	margin-right: 20%;
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

#contentblock .roomContainer.room-opened .roomDescription ul {
	position: relative;
}

#contentblock .roomContainer.room-opened .minRate {
	padding-bottom: 20px;
	margin-top: 30px;
}

#contentblock .roomContainer.room-opened .minRate::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: -140px;
	width: 120px;
	height: 1px;
	background: #1d1d1d;
}

#contentblock .roomContainer.room-opened h2, #contentblock .roomContainer.room-opened h3, #contentblock .roomContainer.room-opened .roomDescription.mealplan,
#contentblock .roomContainer.room-opened .roomDescription,
#contentblock .roomContainer.room-opened .roomRestrictions, #contentblock .roomContainer.room-opened .promotions-termsActions, #contentblock .roomContainer.room-opened .promotions-termsContent
 {
	margin-left: 60px !important;
	margin-right: 20% !important;
}

#contentblock .roomContainer.room-opened .roomDescription.mealplan {
	margin-top: 20px;
}

#contentblock .roomContainer.room-opened .roomDescription {
	overflow: hidden;
	padding: 0;
	width: 100%;
	float: left;
	margin: 0;
}

#contentblock .roomContainer.room-opened .roomDescription ul {
	padding: 20px 0px;
	border: none;
}


#contentblock .roomContainer.room-opened .roomDescription ul li {
	display: block;
	line-height: 26px;
}

#contentblock .roomContainer.room-opened .promotions-termsActions {
	// clear: both;
	// margin: 0;
	// position: absolute;
	// top: 455px;
	// left: 0;
}





/* google maps */
#sidebar .mapHolder {
	padding: 0;
}

.smallGoogleMap {
	height: 400px;
}

#GoogleMapGadget {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 50px;
}

#GoogleMapGadget #map_canvas {
	height: 480px !important;
}

#directionsLink {
	font-family: 'Gotham Medium';
	padding: 0 30px;
	text-transform: uppercase;
	margin: 40px 0;
	display: inline-block !important;
	font-size: 14px;
	line-height: 34px;
	background: #1d1d1d;
	color: #86764e;
	float: left;
	font-size: 11px;
	letter-spacing: 1px;
}

#directionsLink:hover {
	text-decoration: none;
	background: #86764e;
	color: #fff;
}


/* contacts form */
.content form {
	overflow: hidden;
	clear: both;
}

.content form > div {
	clear: both;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	color: #86764e;
	font-size: 11px;
	letter-spacing: 0.8px;
}

#main .content form input, #main .content form select, #main .content form textarea {
	width: 95%;
	float: left;
	padding: 0;
	height: 26px;
	line-height: 26px;
	border: none;
	background: #fff;
	text-indent: 5px;
	font-family: 'Gotham Medium';
	font-size: 12px;
	font-weight: lighter;
	color: rgba(0,0,0,0.8);
	margin-bottom: 10px;
}

#main .content form textarea {
	height: auto;
}

#main .content form input[type="checkbox"] {
	width: auto;
}

#main .content form label {
	float: left;
	font-size: 0.75em;
	margin-left: 10px;
}

#main .content .required {
	width: 5%;
	padding: 0;
	color: orange;
}

#main #contacts_form p {
	margin: 5px 0;
	clear: both;
	font-family: 'Gotham Medium';
	text-transform: uppercase;
	color: #86764e;
	font-size: 11px;
	letter-spacing: 0.8px;
}

#main .content form input[type="submit"] {
	float: left;
	background: none;
	color: #86764e;
	background: #1d1d1d;
	height: 36px;
	line-height: 36px;
	width: auto;
	text-transform: uppercase;
	font-family: 'Gotham Medium';
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	padding: 0 60px;
	clear: both;
	margin: 20px 0 40px;
	text-indent: 0;
}

#main .content form input[type="submit"]:hover {
	background-color: #86764e;
	color: #fff;
}


/** 
  * gallery page
  **/

#pg {
	overflow: hidden;
	margin: 0 !important;
}

.pgContainer {
	padding: 0px;
	margin-bottom: 1px;
	background: #000;
}

#pg .pgContainer {
	// display: none;
}

.pgContainer .pgImage {
	height: 200px;
	opacity: 0.75;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

.pgContainer .pgImage a {
	display: block;
	height: 100%;
}

.pgContainer .pgImage a img {
	display: none;
}

.pgContainer .pgText {
	position: absolute !important;
	z-index: 1;
	color: #ffffff;
	top: 45%;
	left: 30px;
    text-transform: uppercase;
    position: relative;
    font-family: 'Gotham Medium';
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    pointer-events: none;
}

.pgContainer .pgText strong {
	font-family: 'keplestdregular';
    text-transform: none;
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
}


/** hover **/

.pgContainer:hover .pgImage {
	opacity: 0.75;
}

.pgContainer:hover .pgText {
	opacity: 0.9;
}

/** 
  * mobile area
  **/

/** toggle area **/
.toggle {
	position: fixed;
	top: 10px;
	right: 60px;
	z-index: 100;
	width: 100px;
	line-height: 38px;
	padding-right: 40px;
	text-indent: -9999px;
	display: none;
}

.toggle::after {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background-color: #1d1d1d;
	background-image: url("../portal_savoysresorts_microsites_bin/menu_icon.png");
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.toggle span {
	text-transform: uppercase;
	font-size: 11px;
	line-height: 29px;
	padding: 0 40px 0 0;
	display: inline-block;
	color: #fff;
	font-family: 'Gotham Medium';
	letter-spacing: 1px;
}

.scrolling .toggle span {
	color: #282323;
}

.menuOpened .toggle::after {
	background-image: url("../portal_savoysresorts_microsites_bin/menu_icon_close.png");
}

.menuOpened .toggle:hover::after {
	background-image: url("../portal_savoysresorts_microsites_bin/menu_icon_close.png");
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/** hover **/

.toggle:hover::after {
	background-image: url("../portal_savoysresorts_microsites_bin/menu_icon.png");
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/** navigation area **/

body::after, .navigation {
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.mobile .navigation {
	position: fixed;
	top: 60px;
	bottom: 0;
	right: -420px;
	left: auto;
	width: 420px;
	height: 100%;
	background-color: #1d1d1d;
	background-image: url("../portal_savoysresorts_microsites_bin/content2_leaf.png");
	background-blend-mode: multiply;
	display: table;
}

.menuOpened.mobile .navigation {
	right: 0;
}

.mobile .nav {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 30px 0 15px;
	text-align: right;
}

.mobile .nav {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 30px 0 15px;
	text-align: right;
	padding: 0 60px;
}

.mobile .nav li {
	display: block;
	margin: 2px 0;
	border: none;
	line-height: normal;
}

.mobile .nav li a {
	color: #fff;
	display: inline-block;
	line-height: 26px;
	font-size: 13px;
		padding: 0;
	margin-bottom: 10px;
}

.mobile .nav li.active a {
	border-bottom: 2px solid #86764e;
	color: #86764e !important;
}

.mobile .nav::after {
	display: none;
}


/* hotel contacts */

.hotel-contacts form {
	text-align: left;
}



/* transitions */
#centerblock, #contentblock,
.navigation li a, .quickSearch form span, .quickSearch form input, .quickSearch form button, .advancedSearch button, .toggle span,
.content a,
.flashContainer .gcb_navigation_arrow, .languages li a,
.booking a[href^="details"],
.bookingGadget, .bookingWrapper, .bookingGadget .bar, .advancedSearch label,
.paginator a span, .hotelTagWidget *,
.imgLink, .imgImageWrapper, .imgImageWrapper span, .imgLink span,
.promotionsgadget,
.promo, #scroll, .bookingGadget .toggleBE,
.toggle::after, .filterWidget, .filterWidget button, .columns .hotelTagWidget .booknow span, .hotels .hotel span,
.quicklinks li a, .footermenu li a, .socialmedia li a {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.imgImageWrapper img, .imgTitle, .imgDescription,
.filterWidget li,
.largeImagePlaceholder img, .thumbnails li img,
.calheader a, .calbody .selectable a,
.pgContainer .pgImage, .pgContainer .pgText, .scrolltop {
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bookingGadget {
	-webkit-transition-property: height;
	-moz-transition-property: height;
	-o-transition-property: height;
	-ms-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#topblock,
button, .button span,
.paginator .pages li *,
form *,
.weather-toggle {
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-ms-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}





/*
 * responsive stuff
 */


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

	.toggle {
		display: block;
	}

	.quicklinks, #centerblock .flashContainer .promotionsgadget {
		display: none;
	}

	.bottomBar {
		height: 32px;
	}

	.languages {
		top: 0px;
		height: 32px;
		float: right;
		margin-right: 60px;
	}

	.bottom.paginator {
		padding: 35px 60px 25px 0 !important;
	}

	.flashContainer .gcb_image_legend p {
		padding: 0;
	}

	.quickSearch {
		left: 60px;
		right: auto;
	}

	.quickSearch form span, .quickSearch.opened form input {
		text-align: left;
	}

	.flashContainer .gcb_image_legend {
		right: 40%;
		left: 60px;
		text-align: left;
	}

	.flashContainer .gcb_navigation, .footermenu, .security {
		display: none;
	}

	.homepage #contentblock p {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	#contentblock .holder {
		padding: 0;
	}

	/* imagelinks */


	.imagelinkgadget .imgTitle {
		font-size: 40px;
		line-height: 44px;
		margin-top: 150px;
	}

	.imgLarge {
		margin: 0 !important;
		height: 440px;
	}

	.large {
		height: 440px;
	}

	.large .imgTitle {
		margin-top: 240px;
	}

	#bottomblock:before, #bottomblock:after {
		display: none;
	}

	/* BE */

	.bookinggadget {
		right: 100px;
	}

	.closeArea {
		position: absolute;
		width: 181px;
		height: 30px;
		background: #1d1d1d url("../portal_savoysresorts_microsites_bin/menu_icon_close.png") no-repeat center;
		bottom: 0;
		-webkit-transition-property: all;
		-moz-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.7s;
		-moz-transition-duration: 0.7s;
		-o-transition-duration: 0.7s;
		-ms-transition-duration: 0.7s;
		transition-duration: 0.7s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
		transition-timing-function: ease-out;

	}

	.openHotels .closeArea {
		bottom: 70px;
	}

	.openHotels .otherhotels .hotels {
		height: 330px;
	}

	.openHotels .otherhotels {
		height: 400px;
	}

}

@media all and (max-width: 900px) {
	.search .dropdownDestination, .search .dropdownCategories, .search .dropdownPrice {
		width: 32%;
	}
}


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

	#contentblock #addons .roomContainer .roomPhoto .roomPhoto {
		height: 100%;
	}

	.content .holder > * {
		margin-left: 80px;
		margin-right: 80px;
	}

	#bottomblock {
		height: auto;
		z-index: 9;
	}

	.footerlogo {
		margin: 80px auto 0;
	}

	.sealsHolder {
		text-align: center;
	}

	.powered {
		float: none;
	}

	.hoteladdress span, .security {
		display: none;
	}

	/** BE shortend **/


	/** search page **/

	.hotelTagWidget {
		height: auto;
	}

	.search .content h1, .paginatorWrapper {
		margin-left: 80px;
		margin-right: 80px;
	}

	.hotelTagWidget > a {
		width: 100%;
		height: 260px;
	}

	.hotelTagWidget .price {
		top: 25px;
		right: 25px;
		left: auto;
	}

	.hotelTagWidget > div {
		width: 100%;
		margin: 0 !important;
	}

	.hotelTagWidget .info {
		padding: 5%;
	}

	.hotelTagWidget .buttons {
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		margin-top: 25px;
	}

	.hotelTagWidget .button {
		width: 40%;
	}

	span.noResults {
		margin: 0 80px 30px !important
	}

	/** BE shortend **/

	.selectdown {
		width: 80%;
		margin-left: 10%;
	}

	.selectField.small {
		margin-left: 10%;
	}

	.selectField.medium, .selectField.small {
		width: 35%;
	}

	.calicon {
		background-position: -550px -57px;
	}

	.advancedSearch label {
		left: 10%;
	}

	.centered .selectField.small {
		width: 40%;
	}


	/** search page**/
	#hotelTag .location {
		margin-top: 25%;
	}

	.quicklinks {
		display: none;
	}

	.medium:nth-of-type(2n) {
		margin-top: 0 !important;
	}

	.medium, .medium-small, .small {
		height: 250px;
	}

	.medium .imgContentWrapper {
		top: 0;
	}

	#contentblock .c2 p {
		margin-right: 30px;
	}

	.c2 .large, .large, .imgLarge {
		height: 350px;
	}

	.large .imgTitle {
		margin-top: 160px !important;
	}
	.large .imgDescription {
		max-width: 100%;
	}

	.imagelinkgadget .imgTitle {
		margin-top: 70px;
	}

	.hotellogo, .scroll1 .hotellogo {
		left: 0;
	}

	.hotellogo .logo {
		background-repeat: no-repeat;
		background-position: center;
		width: 120px;
		height: 82px;
	}


	.gc-7ec8168ad0374f2c .hotellogo .logo {
		background: url("../portal_savoysresorts_microsites_bin/hotel_logo_mob_7ec8168ad0374f2c.jpg") no-repeat center;
	}

	.gc-07012bc9b05dffb4 .hotellogo .logo {
		background: url("../portal_savoysresorts_microsites_bin/hotel_logo_mob_07012bc9b05dffb4.jpg") no-repeat center;
	}

	.gc-fdc27502351e5d7e .hotellogo .logo {
		background: url("../portal_savoysresorts_microsites_bin/hotel_logo_mob_fdc27502351e5d7e.jpg") no-repeat center;
	}

	.gc-ae1dd467ef1add2b .hotellogo .logo {
		background: url("../portal_savoysresorts_microsites_bin/hotel_logo_mob_ae1dd467ef1add2b.jpg") no-repeat center;
	}


	.bookinggadget {
		right: 40px;
	}

	.toggle {
		right: 0;
	}

	.bookinggadget .gc_sh .shortHandCheckRates, .bookinggadget a {
		width: 140px;
		font-size: 10px;
	}

	.hoteladdress {
		padding: 0 20px;
	}

	.otherhotels {
		bottom: 32px;
		height: 50px;
		left: 0;
		height: 50px;
		width: 100%;
	}

	.hotelsArea {
		height: 50px;
		width: 100%;
	}

	.openHotels .otherhotels {
		width: 100%;
		height: 360px;
	}

	.openHotels .closeArea {
		bottom: 50px;
	}

	.closeArea, .openHotels .otherhotels .hotels, .hotels .hotel {
		width: 100%;
	}

	.hotels .hotel {
		height: 70px;
	}

	.languages {
		float: none;
	}

}



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

	.mobile .quickSearch {
		margin: 15px 130px 0 0;
	}

	.content .holder > * {
		margin-left: 40px;
		margin-right: 40px;
	}

	.flashContainer .gcb_image_legend {
		display: none;
	}

	.imgContentWrapper {
		left: 10% !important;
		right: 10% !important;
	}

	.mobile .navigation {
		width: 100%;
		right: -100%;
	}

	/** search page **/

	.bottom.paginator {
		padding: 35px 20px 25px 0 !important;
	}
	
	.bottom.paginator {
		padding-right: 40px;
	}

	span.noResults {
		margin: 0 40px 30px !important;
		padding: 25px 120px 25px 40px;
		font-size: 1em;
	}

	#hotelTag .price {
		display: none;
	}

	.footerlogo {
		display: none;
	}

}