/* ------------- all style --------------- */
html{
	background:#f9faff;
}
body {
	min-width: 960px;
	font-size:16px;
	color:#333333;
	font-family: "Circe-Regular";
	border-right:10px solid #c6a667;
	opacity:0;
	transition:1s;
}
body.lending {	opacity:1;}

.btn {
	display: inline-block;
	height: 50px;
	padding: 0 19px;
	text-align: center;
	text-transform: uppercase;
	color:#ffffff;
	background: #cc3333;
	border:0;
}
a.btn {	line-height: 53px;}
.btn:hover {background: #d04646;}
.back_img {
	position: absolute;
	top:0;
	left: 0;
	max-width: 100%;
	height: 100%;
}
.btn_reserve {
	width: 100%;
	margin-bottom: 20px;
}

.title {
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 0.15em;
}

.arrow {
	position: absolute;
	bottom: 2.5%;
	left: 50%;
	width: 3.06em;
	height: 1em;
	margin-left: -1.53em;
	background: url(../images/arrow.png) no-repeat;
	-webkit-background-size: 3.06em 1em;
	background-size: 3.06em 1em;
	z-index: 50;
	cursor: pointer;
}

.img_l, .img_l_s {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
/* костыль для разрешения 1680 x 1050 и подобных */
.img_l {
	left: auto;
	right: 57%;
	/*right: 52.7%;*/
}

.img_l_s{display: none;}
.img_r {
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
}

input:not([type='submit']), textarea {
	display: block;
	width: 100%;
	padding:0 14px;
	font-size: 18px;
	color:#333333;
	font-family: "Circe-Light";	
	letter-spacing: .1em;
	background: 0;
	border-bottom: 1px solid #e6c7d4;
}
.error input:not([type='submit']), .error textarea {border-color:red;}




/* ----------- menu ---------- */
.menu {	z-index: 100;}
.menu li {
	float: left;
	text-transform: uppercase;
}
.menu a:hover, .menu .active a {color:#d04646;}

.fixed_menu {
	position: fixed;
	left:0;
	top:0;	
	width: 100%;
	height: 50px;
	line-height: 53px;
	padding:0 8.5%;
	background:rgba(255,255,255,.9);
	display: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fixed_menu li {margin-left: 58px;}
.fixed_menu li:first-child {margin-left:0;}

.top_menu {
	position: absolute;
	top:8%;
	left:8.5%;
	width: 83%;
	font-size:18px;
}
.top_menu li {margin-right: 85px;}
.logo_s {
	width: 103px;
	height: auto;
	vertical-align: text-top;
}

.menu li.lang {
	float: right;
	margin: 0;
	text-transform: lowercase;
}
.menu .lang a {padding: 0 5px;}
.menu .lang .current {color: #cc3333;}


/* ----------- content ----------- */
.page {
	padding:0 8.5%;
}
.page:not(.dish), .page:not(.dish) .fp-tableCell {
	min-height:650px !important;
}

.page:before {
	content: '';
	position: absolute;
	top: 0;
	left: 3%;
	width:20px;
	height: 100%;
	z-index: 200;
}
.page0:before, .page7:before, .page8:before {
	background: rgb(151,63,84);
background: -moz-linear-gradient(top, rgb(151,63,84) 0%, rgb(185,95,124) 41%, rgb(151,63,84) 100%);
background: -webkit-linear-gradient(top, rgb(151,63,84) 0%,rgb(185,95,124) 41%,rgb(151,63,84) 100%);
background: linear-gradient(to bottom, rgb(151,63,84) 0%,rgb(185,95,124) 41%,rgb(151,63,84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#973f54', endColorstr='#973f54',GradientType=0 );
}
.page1:before, .page4:before, .page6:before  {
	background: rgb(31,95,103);
background: -moz-linear-gradient(top, rgb(31,95,103) 0%, rgb(45,140,152) 37%, rgb(31,94,102) 100%);
background: -webkit-linear-gradient(top, rgb(31,95,103) 0%,rgb(45,140,152) 37%,rgb(31,94,102) 100%);
background: linear-gradient(to bottom, rgb(31,95,103) 0%,rgb(45,140,152) 37%,rgb(31,94,102) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5f67', endColorstr='#1f5e66',GradientType=0 );
}
.page2:before, .page5:before {
	background: rgb(199,166,104);
background: -moz-linear-gradient(top, rgb(199,166,104) 0%, rgb(189,156,97) 30%, rgb(155,123,75) 100%);
background: -webkit-linear-gradient(top, rgb(199,166,104) 0%,rgb(189,156,97) 30%,rgb(155,123,75) 100%);
background: linear-gradient(to bottom, rgb(199,166,104) 0%,rgb(189,156,97) 30%,rgb(155,123,75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a668', endColorstr='#9b7b4b',GradientType=0 );
}
.page3:before {
	background: rgb(151,64,84);
background: -moz-linear-gradient(top, rgb(151,64,84) 0%, rgb(185,94,124) 26%, rgb(151,64,84) 100%);
background: -webkit-linear-gradient(top, rgb(151,64,84) 0%,rgb(185,94,124) 26%,rgb(151,64,84) 100%);
background: linear-gradient(to bottom, rgb(151,64,84) 0%,rgb(185,94,124) 26%,rgb(151,64,84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#974054', endColorstr='#974054',GradientType=0 );
}

.page3 .title, .page5 .title, .page7 .title {  
	position: absolute;
    top: 70px;
    left: 8.5%;
}

/* -- page0 -- */
.page0 {background: #F9FAFF;}
.l_block {
	position: relative;
	width: 555px;
	z-index: 5;
}
.logo {
	display: block;
	width: 100%;
	margin-bottom: 4.4em;
}
.l_block .btn {margin-bottom:3.75em;}
.gastro_travel {
	display: block;
		text-align: right;
	letter-spacing: 0.4em;
}
.gastro_travel p {
	text-align: left;
	margin-bottom: 8px;
	padding-bottom: 10px;
	font-size: 1.5em;
	color: #404040;
	text-transform: uppercase;
	background: url(../images/line_gastro.png) right bottom no-repeat;
	
}
.gastro_travel p span {
	display: block;
	transition: 1.5s ;
}
.gastro_travel:hover  p span {color: #cc3333;transform:translateX(32%);} 
.gastro_travel .slg {
	display: block;
	font-size: 0.9em;
	color: #373737;
}
.gastro_travel:hover .slg {color: #030303;} 

.top_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_slider:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 218px;
	background: url(../images/gradient.png) center bottom repeat-x;
	background-size:cover;
	z-index: 2;
}


.top_slider .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: right;
	opacity:0;
 	transition: all 1s ease-in-out 0.2s;
}
.top_slider .item.show {opacity:1;z-index: 2;}
.item img {
/* 	min-width: 100%;
min-height: 100%; */
	height: 100%;
}

.top_slider_menu {
	position: absolute;
	bottom: 7%;
	left: 0;
	width: 100%;
	padding: 0 8.5%;
	z-index: 5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_slider_menu li {
	float:left;
	position: relative;
	width: 25%;
	height: 50px;
	line-height: 55px;
	text-align: center;
	color:#444444;
	font-family: "Circe-Bold";
	letter-spacing: 0.4em;
	text-transform: uppercase;
	cursor: pointer;
}
.top_slider_menu li:hover {
	color:#d04646;
}
.top_slider_menu .line{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #fefdfd;
}
 .top_slider_menu .active .line {
 	left: auto;
	right: 0;
} 

.top_slider_menu li span {position: relative; z-index: 2;}



/* -- pages with dish -- */
.page.dish {
	padding:0;
	text-align: right;
}
.page4 {background: #FBFBFD;}
 .dish img {max-height: 100%;} 

.title2 {
	position: absolute;
	top:48%;
	left:8.5%;
	width:46%;
	font-size: 16px;
	color:#444444;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.38em;
	font-family: "Circe-Bold";	
	border-bottom: 1px solid #cc9966;
}
.page6 {background: #F5F6F8;}
.page4 .title2, .page6 .title2 {border-color:#2d8b97;}

/* -- page1 -- */
.page1 {	
	padding-left:0;
	text-align: right;
	background: #ececec;
}
.r_block {
	position: relative;
	display: inline-block;
	/*width: 45%;*/
	width: 50%;
	text-align: left;
	z-index: 2;
}
/* .r_text {
    height: 650px;
    overflow: auto;
} */


.page1 .title {
	margin-bottom: 1.0em;
	color:#339999;
}
.page1 p {
	margin-bottom: 1em;
	font-size: 1.125em;
	line-height: 1.2;
	font-family: "Circe-Light";		
}
.page1 .mozok {
	position: absolute;
	bottom: 10%;
	right: 0;
	height: 6.8%;
}

/* -- page2 -- */ 
.page2 {background: #F5F6F8;}

/* -- page3 -- */
.page3 {padding-right: 0;}
.page3 img {
	display: block;
/* 	width: 100%;  */
	max-width: inherit;
	min-height: 100%;
	max-height: 100%;
}

.page3 .title {
	margin-bottom: 30px;
	color:#95425b;
}
.menu_dish {
	position: relative;	
	width: 360px;
}
.dishes_m {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.menu_dish li {
	float:left;
	position: relative;
	width: 180px;
	height: 180px;
	line-height: 180px;
	text-align: center;	
	overflow: hidden;
	cursor:  pointer;
	z-index: 5;
}
.menu_dish li:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #b85170;
   opacity: 0;
    background-color: rgba(342,56,72, 0.7);
    transition: all 0.4s ease-in-out;
}
.menu_dish li:hover:before {
    opacity: 1;
}
.menu_dish img {width: 100%;height: 100%;}
.menu_dish span {
	position: relative;
	z-index: 3;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 16px;
	color:#ffffff;
	line-height: 1.2;
	text-transform: uppercase;
	opacity:0;
	transition: all 0.9s ease-in-out;
}
.menu_dish li:hover span {
	opacity:1;
}

.menu_dish li img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
   transition: all 0.4s ease-in-out 0.2s;
   opacity: 1;
}
.menu_dish li:hover img {
   -moz-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


.dishes_m .pdf {
	position: absolute;
	bottom: 0;
	left: 100%;
	z-index: 10;
	line-height: 1;
	/*display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #C33;*/
}
.dishes_m .pdf.active .pdf_front {
	transform: rotateY(180deg);
}
.dishes_m .pdf.active .pdf_back {
	transform: rotateY(0);
}
.dishes_m .pdf_wrap {
	width: 100%;
	height: 100%;
	position: relative;
	perspective: 600px;
}
.dishes_m .pdf_front {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #C33;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotateY(0);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.dishes_m .pdf_back {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/*justify-content: center;*/
	background: #C33;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.dishes_m .pdf .pdf_back span {
	margin-bottom: 25px;
	margin-top: 8px;
	line-height: 1.5;
}
.dishes_m .pdf a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.dishes_m .pdf:before {display: none;}
.dishes_m .pdf img {
	width: 120px;
	height: auto;
	min-height: auto;
	position: static;
}
.dishes_m .pdf span {
	opacity: 1;
	font-size: 14px;
	padding-top: 8px;
}
.menu_dish img {
	display: block;
}
.dishes_m .pdf:hover img {transform: scale(1);  opacity: 1;}
.img_dish {
	position: absolute;
	top: 0px;
	left: 8.5%;
	width: 91.5%;
	height: 100%;
	overflow: hidden;
}
.img_dish .img {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 360px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity:0;
 	transition: all 0.6s ease-in-out 0.2s;
}
.img_dish .img.show {opacity:1; z-index:2;} 



/* -- page5 -- */
.page5 {
	padding-right: 0;
	background: url(../images/back_p5.jpg);
	
}
.coravin_b {
	position: relative;
	width: 60%;
}
.coravin_b > p, .coravin_b > img {padding: 0 5%;}
.coravin_b .btn {
	margin-top: 20px;
	margin-left:5%;
}
.coravin_b p {
	font-size: 18px;
	font-family: "Circe-Light";
	line-height: 1.3;
}
.coravin_b p span {	font-family: "Circe-Regular";}

.coravin {
	max-height: 100%;
	margin-left: 10%;
	vertical-align: middle;
}

.page5 .title {color:#9b7b4b;}
.coravin_b .last_titile {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: "Circe-Regular";
}
.logo_p1 {
	display: block;
	width: 12.8em;
}
.logo_p2 {
	position: absolute;
	/*top: -1em;*/
	top: 0;
	right: 0;
	width: 10.5em;
}
.page5 .info1 {
	margin: 30px 0 18px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cc9966;
}

/* -- page7 -- */
.page7 {

}
.page7 form {position: relative;}
.page7 .title {
	position: absolute;
	top: 70px;
	left: 8.5%;
	color:#95425b;
}
.contact_block {
	height: 80%;
}
.c_wrap {
	position: relative;
	height: 95%;
	top: 5%;
}
.contacts {
	float: left;
	width: 340px;
}

.contacts table {	
	margin-bottom:20px;
}
.contacts table td {
	padding: 2px 20px 2px 0;
	font-size: 1.125em;
	font-family: "Circe-Light";
}
.contacts .tel {
	margin-bottom: 20px;
	padding: 5px 20px 5px 0;
}
.contacts .tel span {font-family: "Circe-Light";}

.contacts .tme-qr {
	margin-bottom: 20px;
	padding: 27px 20px 5px 0;
}

.form_titile {
	font-size:1.125em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.text_valid {
	display: inline-block;
	width: 160px;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1;
	margin-left: 10px;
	color:red;
	opacity:0;
	transition:.5s;
}
.text_valid.show{opacity:1;}

.block_f {margin-bottom: 5px;}

.valid {position: relative;}
.valid:after {
	content: '*';
	position: absolute;
	top: 10px;
	right: 0;
}

input:not([type='submit']) {	height:53px}
textarea {height: 146px; margin-bottom:0px;}
.page7 .btn {margin-top: 20px;}
.page7 .mark {
	display: block;
	font-size: 10px;
}
.result {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 80px;
	font-size: 18px;
	background: rgba(249,250,255,.8);
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.sotial {
	position: absolute;
	bottom: 0;
	left: 0;
}
.sotial a {
	float: left;
	margin-right: 18px;
	width: 50px;
	height: 50px;
	background: url(../images/socials.png) no-repeat;
	background-size:260px 50px;	
}
.sotial .soc1 {background-position: 0 0;}
.sotial .soc2 {background-position: -70px 0;}
.sotial .soc3 {background-position: -140px 0;}
.sotial .soc4 {background-position: -210px 0;}

.sotial .soc-tme {
	background: none;
}


.map {
	height: 100%;
	margin-left: 390px;
}
.map iframe {width: 100%;height: 100%;}

/* ------------ page8, footer ------------- */
.page.page8 {
	padding: 0;
}
.page8 .fp-tableCell {vertical-align: bottom;}

.page8 .mozok {
    position: absolute;
    bottom: 15%;
    left: 0;
    height: 7.1%;
    z-index: 10;
}

.restaurant_slider, .restaurant_slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.restaurant_slider li {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity:0;
	z-index: 1;
   -webkit-transition: opacity 1.5s ease-in-out ;
   transition: opacity 1.5s ease-in-out;
}
.restaurant_slider li.active {opacity:1; z-index: 2;}
.restaurant_slider .img1 {	background-image: url(../images/lucky-img-8s.png);}
.restaurant_slider .img2 {	background-image: url(../images/lucky-img-8s_2.jpg);}
.restaurant_slider .img3 {	background-image: url(../images/lucky-img-8s_3.jpg);}
.restaurant_slider .img4 {	background-image: url(../images/lucky-img-8s_4.jpg);}

footer {
	position: relative;
	height: 40px;
	line-height: 40px;	
	padding: 0 8.5%;
	font-size: 12px;
	color: #fff;
	background: #333333;
	z-index: 29;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .rules {
	color: inherit;
}
.copy {float: left;}
.sun{float: right;}