@font-face {font-family:'notoserif-bold'; src:url('../fonts/notoserif-bold.eot'); src:url('../fonts/notoserif-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/notoserif-bold.woff') format('woff'),url('../fonts/notoserif-bold.ttf') format('truetype'),url('../fonts/notoserif-bold.svg#notoserif-bold') format('svg');}
@font-face {font-family:'notoserif-bolditalic'; src:url('../fonts/notoserif-bolditalic.eot'); src:url('../fonts/notoserif-bolditalic.eot?#iefix') format('embedded-opentype'),url('../fonts/notoserif-bolditalic.woff') format('woff'),url('../fonts/notoserif-bolditalic.ttf') format('truetype'),url('../fonts/notoserif-bolditalic.svg#notoserif-bolditalic') format('svg');}
@font-face {font-family:'notoserif-italic'; src:url('../fonts/notoserif-italic.eot'); src:url('../fonts/notoserif-italic.eot?#iefix') format('embedded-opentype'),url('../fonts/notoserif-italic.woff') format('woff'),url('../fonts/notoserif-italic.ttf') format('truetype'),url('../fonts/notoserif-italic.svg#notoserif-italic') format('svg');}
@font-face {font-family:'notoserif-regular'; src:url('../fonts/notoserif-regular.eot'); src:url('../fonts/notoserif-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/notoserif-regular.woff') format('woff'),url('../fonts/notoserif-regular.ttf') format('truetype'),url('../fonts/notoserif-regular.svg#notoserif-regular') format('svg');}
@font-face {font-family:'trajan'; src:url('../fonts/trajan.eot'); src:url('../fonts/trajan.eot?#iefix') format('embedded-opentype'),url('../fonts/trajan.woff') format('woff'),url('../fonts/trajan.ttf') format('truetype'),url('../fonts/trajan.svg#trajan') format('svg');}
@font-face {font-family:'OpenSans-CondLight'; src:url('../fonts/OpenSans-CondLight.eot'); src:url('../fonts/OpenSans-CondLight.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-CondLight.woff') format('woff'),url('../fonts/OpenSans-CondLight.ttf') format('truetype'),url('../fonts/OpenSans-CondLight.svg#OpenSans-CondLight') format('svg');}

.hidden {
	display: none !important;
}

.price,
.tabs a,
nav a,
button,
h1,
h2,
h6 {
	font-family: 'trajan', sans-serif;
	font-weight: normal;
}

.zoom_buttons .big-btn,
.gallery-info span,
.price:after,
.menu-list a,
h4 {
	font-family: 'notoserif-regular', sans-serif;
	font-weight: normal;
}

.event-art .title h2,
.gallery-info h2,
.big-event h2,
.day {
	font-family: 'notoserif-bold', sans-serif;
	font-weight: normal;
}

.event-art .title span,
.item-date,
.big-event span {
	font-family: 'notoserif-italic', sans-serif;
	font-weight: normal;
}

*, *:after, *:before { box-sizing: border-box;}

.slide:before,
.slide:after,
.row:after,
.row:before {
	content: "";
	display: table;
	clear: both;
}


/* ==========================================================================
ainmations
========================================================================== */

.two-s {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.delay-015s {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.delay-03s {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.delay-045s {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

.delay-06s {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.delay-085s {
	-webkit-animation-delay: 0.85s;
	animation-delay: 0.85s;
}



@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		-ms-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1);
		-ms-transform: scale(0.1);
		transform: scale(0.1);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}

/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#video-img,
#video {
	position: absolute;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	background-color: #2c2723;
	background: url(../images/back_video.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	object-fit: cover;
	z-index: 1;
}

#video-img {
	z-index: 0;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
	display: none;
	height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support.
*/
[hidden] {
	display: none
}

/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html, button, input, select, textarea {
	font-family: 'notoserif-regular', sans-serif;
	-webkit-appearance: none;
}
html, body {
	overflow: visible;
	width: 100%;
	font-size: 20px;
	overflow-x: hidden;
}

body {
	position: relative;
	min-width: 300px;
	min-height: 320px;
	margin: 0 auto;
	background: #2b2420;
	font-family: 'notoserif-regular', sans-serif;
	font-weight: normal;
	color: #7e7c78;
}

/*
* Font Smoothing
*/
html, html a {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a {
	color: #7e7c78;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
button,
button:focus,
button:active,
button:hover,
a:focus,
a:active,
a:hover {
	outline: 0;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

button,
button:focus,
button:active,
button:hover {
	border: none;
}

nav a {
	text-transform: uppercase;
	font-size: 16px;
	color: #dcc99a;
	text-shadow: 1px 0 0 #1c1411;
	cursor: pointer;
}


nav a.current {
	color: #fbc30a;
}

nav a:hover {
	color: #e2cc8d;
	text-shadow: 0 0 10px #ffb400;
}

/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome.
*/

p {
	color: #5b4d40;
	font-size: 18px;
	margin: 0;
	line-height: 26px;
}

h1 {
	margin: 0;
	font-size: 20px;
	line-height: 38px;
	color: #5b4d40;
}
h2 {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: #5b4d40;
}
h3 {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
}
h4 {
	margin: 0;
	font-size: 16px;
}
h5 {
	margin: 0;
	font-size: 24px;
	line-height: 26px;
}
h6 {
	margin: 0;
	font-size: 20px;
}

/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
	border-bottom: 1px dotted
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b, strong {
	font-weight: bold
}
blockquote {
	margin: 0px
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
	font-style: italic
}

/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
	background: #ff0;
	color: #000;
}

/*
* Addresses margins set differently in IE 6/7.
*/
p, pre {
	margin: 0;
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code, kbd, pre, samp {
	font-size: 1em;
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
	quotes: none
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 75%
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/

dl, menu, ol, ul {
	margin: 0
}
dd {
	margin: 0 0 0 40px
}

/*
* Addresses paddings set differently in IE 6/7.
*/
menu, ol, ul {
	padding: 0
}

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/

img {
	max-width: 100%;
	border: 0; /* 1 */
	margin: 0;
	padding: 0;
	display: block;
	-ms-interpolation-mode: bicubic;
}

text,
.big-btn,
#floor_two,
#floor_one,
#show_sb h1,
a,
.tcon,
img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
	overflow: hidden
}

/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

figure {
	margin: 0
}

/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
	margin: 0
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
	padding: 0;
	border: 0; /* 1 */
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button, input, select, textarea {
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	font-size: 100%; /* 1 */
	*vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet.
*/
button, input {
	line-height: normal
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6.
*/
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
	cursor: pointer; /* 3 */
	-webkit-appearance: button; /* 2 */
	*overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled], input[disabled] {
	cursor: default
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6.
*/
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
	/* 2 */
	box-sizing: content-box;
	-webkit-appearance: textfield; /* 1 */
	nowhitespace: afterproperty;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/

table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* ==========================================================================
Global Styles
========================================================================== */

.row:after,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.container {
	position: relative;
	display: block;
	width: 1210px;
	margin: 0 auto;
	opacity: 1;
}

ul,
li {
	list-style: none;
}

::-moz-selection { color: #fff;  background: #fbc206; }
::selection      { color: #fff;  background: #fbc206; }


/* ==========================================================================
---
========================================================================== */




























/*rotations*/
.rotate-180 +  {
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
	-webkit-filter: FlipV;
	filter: FlipV;
	-ms-filter: "FlipV";
}


#rotate-180 {
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	-webkit-filter: FlipH;
	filter: FlipH;
	-ms-filter: "FlipH";
}

/* ==========================================================================
Modals
========================================================================== */

input,
textarea {
	color: #5b4d40;
}

input::-webkit-input-placeholder {color:transparent;}
input::-moz-placeholder {color:transparent;}
input:-moz-placeholder {color:transparent;}
input::-ms-input-placeholder {color:transparent;}
input:-ms-input-placeholder {color:transparent;}
input::input-placeholder {color:transparent;}

textarea::-webkit-input-placeholder {color:transparent;}
textarea::-moz-placeholder {color:transparent;}
textarea:-moz-placeholder {color:transparent;}
textarea::-ms-input-placeholder {color:transparent;}
textarea:-ms-input-placeholder {color:transparent;}
textarea::input-placeholder {color:transparent;}

input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-ms-input-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
input:focus::input-placeholder {color:transparent;}

textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus::-ms-input-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}
textarea:focus::input-placeholder {color:transparent;}


.scheme__table {
	cursor: pointer;
}

.table__top {
	fill: #f7e9c1;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.scheme__table_booked .table__top,
.scheme__table:hover .table__top {
	fill: #fbc100;
}
.scheme__table_confirmed .table__top,
.scheme__table_confirmed:hover .table__top {
	fill: #23ED71;
}

.scheme__table_booked {
	cursor: default;
}


.circleClass {
	-moz-clip-path: circle(48px at 67px 67px);
	-webkit-clip-path: circle(48px at 67px 67px);
	clip-path: circle(48px at 67px 67px);
}