body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
}



/*
 * structure
 */

body > * {
	overflow: hidden;
}

nav ul, .languages ul {
	padding: 0;
}

nav li, .languages li {
	display: inline-block;
}

hr {}

section {
	overflow: hidden;
}

h1 {
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 2.5em;
	text-align: center;
	margin: 45px 0;
	line-height: 1.25em;
}

h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 900;
}

#topblock {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding-top: 2%;
	text-align: center;
}

#centerblock {
	position: relative;
	z-index: 0;
}

#contentblock {}

#bottomblock {}

#scroll {
	position: fixed;
	bottom: 110px;
	right: 80px;
	z-index: 40;
	background: url("../openrestaurant_hotel_2_bin/down.png") no-repeat top center;
	text-align: center;
	width: 25px;
	padding-top: 14px;
	color: #ffffff;
	cursor: pointer;
	text-indent: -9999px;
}

.scrolling #scroll {
	position: fixed;
	bottom: 150px;
	right: 80px;
	z-index: 40;
	background: url("../openrestaurant_hotel_2_bin/up.png") no-repeat top center;
	text-align: center;
	width: 25px;
	padding-top: 14px;
	color: #ffffff;
	cursor: pointer;
	text-indent: -9999px;
}






.scrolling #topblock {
	background: #333333;
	padding-top: 0;
}

.scrolling .hotellogo img {
	height: 60px;
	margin: 10px 0;
}

.scrolling .navigation, .scrolling .languages {
	margin-top: 10px;
}

.scrolling .navigation {
	font-size: 0.65em;
}



/*
 * topblock
 */

/* hotel logo */
.hotellogo {
	margin: 0;
}

.hotellogo span {
	display: block;
	overflow: hidden;
	height: 0;
}

/* main nav */
.navigation {
	margin-top: 30px;
	height: 50px;
	overflow: hidden;
}

.navigation li {
	font-weight: 900;
	text-transform: uppercase;
	margin-right: 15px;
	border: 1px solid transparent;
	padding: 5px 15px;
}

.navigation li a {
	color: #ffffff;
}

.navigation li:hover, .navigation li.active {
	border-color: #ffffff;
	opacity: 0.65;
}

.navigation li:hover a {
	text-decoration: none;
}

/* languages */
.languages {
	margin-top: 30px;
	height: 50px;
	overflow: hidden;
}

.languages li {
	text-transform: uppercase;
	font-size: 0.75em;
}

.languages li a {
	border: 1px solid transparent;
	padding: 5px;
	color: #ffffff;
}

.languages li:hover a, .languages li a.active {
	text-decoration: none;
	border-color: #ffffff;
}



/*
 * centerblock
 */

/* banner */
.flashContainer {
	position: relative;
	height: 100%;
	height: calc(100% - 55px);
	z-index: 0;
}

#centerblock::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 10px;
	right: 34px;
	background: url("../openrestaurant_hotel_2_bin/glutenfree_logo.png") no-repeat bottom right;
	background-size: auto 26%;
	width: 300px;
	height: 300px;
	z-index: 99;
}

.hotel-directions .flashContainer {
	height: 400px !important;
	margin-top: 80px;
}

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

.flashContainer .gcb_image_legend {
	left: 80px;
	bottom: 50px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 1em;
	width: 45%;
	text-shadow: none;
}

.flashContainer .gcb_image_legend:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}

.flashContainer .gcb_image_legend b {
	display: block;
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3em;
	line-height: 1em;
	margin-bottom: 15px;
}

.flashContainer .gcb_image_legend p {
	float: left;
	clear: both;
	text-transform: uppercase;
	font-weight: 900;
	border: 2px solid #ffffff;
	padding: 10px 30px;
	margin-top: 45px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.flashContainer .gcb_image_legend p:hover {
	background: #ffffff;
	color: #333333;
	text-shadow: none;
}

.flashContainer .gcb_image_link {
	width: 45%;
	height: 250px;
	left: 80px;
	bottom: 60px;
	top: auto;
}

.flashContainer .bannerImage img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}

/* quicklinks */
.quicklinks {
	position: relative;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #333333;
	text-align: center;
}

.quicklinks li {
	font-size: 0.75em;
	margin: 0 15px;
}

.quicklinks li a {
	color: #ffffff;
}

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



/*
 * contentblock
 */

/* content */
.content p {
	margin-right: 100px;
	margin-left: 100px;
}

.content table {
	width: 80%;
	margin: 0 auto;
}

.content table td {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}

/* imageslink */
.imagelinkgadget {
	overflow: hidden;
	position: relative;
	padding: 0;
	background: #333333;
}

.imagelinkgadget a {
	color: #ffffff;
}

.imgImageWrapper {
	overflow: hidden;
	position: relative;
	opacity: 0.7;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	min-height: 400px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .6s ease;
	position: relative
}

.imagelinkgadget:hover .imgImageWrapper {
	opacity: 1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: gray;
	-webkit-transition: all .6s ease;
}

.imagelinkgadget:hover .imgLink {
	background: #333;
	border: 1px solid #333;
	color: #fff;
}


.imgImageWrapper img {
	display: none;
}

.imgContentWrapper {
	position: absolute;
	top: 100px;
	left: 0;
	background-color: none;
	padding: 5% 5% 5% 10%;
}

.imgTitle {
	font-size: 1.75em;
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: italic; 
	line-height: 24px;
}

.imgDescription {
	margin: 15px 0 0;
	max-height: 108px;
	overflow: hidden;
}

.imgLink {
	float: left;
	border: 2px solid #fff;
	font-family: 'Amaranth', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	clear: both;
	text-transform: lowercase;
	font-style: italic;
	font-weight: 600;
	padding: 10px 30px;
	margin-top: 45px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.mediumlarge .imgLink {
	color: #333;
}

.imagelinkgadget .imgLink:hover {
	background: #646e3c;
	border: 1px solid #646e3c;
	color: #fff;
}

/* large */
.large {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.large .imgContentWrapper {
	left: auto;
	right: 0;
	max-width: 45%;
	padding: 2.5% 2.5% 2.5% 7.5%;
}

/* mediumlarge */
.mediumlarge {
	background: transparent;
	width: 100%;
}

.mediumlarge a {
	color: #333333;
}

.mediumlarge .imgImageWrapper {
	width: 45%;
	float: left;
	opacity: 1;
}

.mediumlarge .imgImageWrapper:first-of-type {
	margin-top: 20px;
}

.mediumlarge .imgImageWrapper:last-of-type {
	margin-bottom: 20px;
}

.mediumlarge .imgContentWrapper {
	top: 0;
	right: 0;
	left: 45%;
	height: 100%;
	background: none;
}

.mediumlarge.mediumlarge1 .imgImageWrapper, .mediumlarge.mediumlarge3 .imgImageWrapper, .mediumlarge.mediumlarge5 .imgImageWrapper {
	float: right;
}

.mediumlarge.mediumlarge1 .imgContentWrapper, .mediumlarge.mediumlarge3 .imgContentWrapper, .mediumlarge.mediumlarge5 .imgContentWrapper {
	right: 45%;
	left: 0;
}

.mediumlarge .imgLink {
	border-color: #333333;
}

.mediumlarge .imgLink:hover {
	background: #333333;
	color: #ffffff;
}

.mediumlarge.video .imgLink:before{
	color: #333333;
	border-color: #333333;
}


/* medium */
.medium .imgImageWrapper {
	height: 600px;

}

.medium.medium1 .imgContentWrapper, .medium.medium3 .imgContentWrapper, .medium.medium5 .imgContentWrapper {
	top: auto;
	bottom: 100px;
	left: auto;
	right: 0;
}

.medium:hover .imgContentWrapper {
	background: rgba(255,255,255,0.7);
	opacity: 0.85;
	color: #333;
}

/* small */
.small .imgContentWrapper {
	background: #333;
	opacity: 0.75;
	max-width: 65%;
}

/* video */
.large.video {
	top: 40px !important;
}

.video .imgLink {
	border: none;
	padding: 0;
	font-style: normal;
}

.video .imgLink:hover, .video:hover .imgLink {
	background: none;
	border: none;
}

.video .imgLink span {
	display: none;
}

.video .imgLink:before {
	content: "\25B6";
	color: #ffffff;
	border: 2px solid #ffffff;
	z-index: 100;
	font-size: 50px;
	line-height: 90px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 85px;
	height: 85px;
	padding-left: 10px;
	display: inline-block;
}

.video .imgLink:hover:before {
	color: #646e3c;
	border-color: #646e3c;
}

/* nolink */
.large.nolink .imgContentWrapper {
	top: 100px;
	right: auto;
	left: 100px;
	width: 30%;
	background-color: transparent;
	padding: 0;
}
.nolink .imgImageWrapper {
	opacity: 0.65;
}

.nolink .imgTitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 1.5em;
}

.nolink .imgTitle:before, .nolink .imgTitle:after {
	content: '"';
	display: inline-block;
}

.nolink .imgLink {
	display: none;
}

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

/* gallery */
.pgContainer {
	height: 400px;
}

.pgImage {
	position: relative;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

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

.pgImage img {
	display: none;
}

.pgText {
	position: absolute;
	top: 100px;
	left: 15px;
	z-index: 5;
	background-color: #646e3c;
	padding: 5% 5% 5% 10%;
	color: #ffffff;
	width: 70%;
	pointer-events: none;
}

.pgText strong {
	font-size: 1.75em;
	font-weight: 400;
	display: block;
}

.pgContainer:hover .pgText {
	background: rgba(193,150,99,0.75);
	opacity: 0.85;
}

/* contact form */
#contentblock .content form input[type="submit"] {
	background: #333333 !important;
}

#contentblock .content form input[type="submit"]:hover {
	background: #646e3c !important;
}

/* socialmedia */
.socialmedia {
	background: #1f1f1f;
	text-align: center;
	margin-top: 60px;
}

.socialmedia ul {
	padding: 0;
}

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

.socialmedia li:hover {
	opacity: 0.5;
}

.socialmedia li a {
	background: url("../openrestaurant_hotel_2_bin/socialmedia.png") no-repeat 0 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	display: inline-block;
}

.socialmedia .facebook a {
	background-position: 8px 0;
}

.socialmedia .instagram a {
	background-position: -68px 0;
}

/* footerMenu */
.footerMenu {
	overflow: hidden;
	background: #333333;
}

.footerMenu ul {
	padding-left: 100px;
	padding-right: 100px;
	text-align: center;
	margin: 60px auto;
}

.footerMenu li {
	margin: 0 10px;
	text-transform: uppercase;
	font-size: 0.65em;
	line-height: 0.65em;
}

.footerMenu li a {
	color: #ffffff;
}

.footerMenu li a:hover {
	color: #646e3c;
	text-decoration: none;
}

/* address */
.hoteladdress {
	text-align: center;
}

.hoteladdress address {
	font-style: normal;
	margin: 15px 0;
}

.hoteladdress address strong {
	display: block;
	text-transform: uppercase;
}

/* seals */
.seals {
	clear: both;
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #333333;
}

.seals > article {
	padding: 10px 15px;
	overflow: hidden;
}

.security {
	float: right;
}

.gclogo {
	float: left;
}



/*
 * transitions
 */
/**/
#topblock,
.navigation li a, .quicklinks li a, .languages li a,
.flashContainer .gcb_image_legend p,
.imgContentWrapper, .imgLink, .imgLink:before,
.pgText, input[type="submit"],
.socialmedia li, .footerMenu 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.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-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;
}







/*
 * loader
 */
#loader {
	background: #333333;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
}

.no-banner #loader {
	display: none;
}

#loader > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	-webkit-box-sizing: border-box;
	border: solid 2px rgba(255, 255, 255, 0.1);
	border-top-color: #FFF;
	-webkit-animation: spin 1s infinite linear;
}

@-webkit-keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
	} 
}



/*
 * do not display elements
 */
.flashContainer .promotionsgadget {
	display: none !important;
}


/*
 * Shadowbox
 */
#shadowbox_container {
	overflow: visible;
}

@media all and (max-width: 580px) {
	#centerblock::after {
		display: none;
	}
}