@charset "utf-8";
@import "sliderkit.css";

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

@font-face {
	font-family: 'rouble';
	src: url('../font/rouble-webfont.eot');
	src: url('../font/rouble-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/rouble-webfont.woff') format('woff'),
		url('../font/rouble-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
	
/*-----Normalize style------*/

	/*base*/

	html {
		font-size: 100%;
		overflow-y: scroll;	
	}

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

	body {
		font: 0.875em/1.5 Arial, Helvetica, sans-serif;
		color: #3e0a14;
		background: #e59c0c url(../img/bg/bg-body.jpg) 0 5000px no-repeat fixed;
	}

	/*html5*/

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

	/*border*/

	a:focus {
		outline: thin dotted;
	}

	a{
		color: #3e0a14;
	}

	a:active, a:hover {
		outline: 0;
	}

	img {
		border: 0 none;
	}

	/*typography*/

	h1, h2, h3, h4, h5, h6, .heading-3, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
		font-family: 'frankfuc-webfont', arial, sans-serif;
		font-weight: normal;
		text-transform:uppercase;
	}
	
	h1 {
		font-size: 2em;
		margin: 0 0 0.67em 0;
	}
	
	h2 {
		color:#3e0a14;
		font-size: 16px;
		margin: 0 0 0.45em 0;
		letter-spacing:-0.05em;
	}
	
	h3 {
		color:#3e0a14;
		font-size: 14px;
		margin: 0 0 0.45em 0;
		letter-spacing:-0.05em;
	}
	
	h4 {
		font-size: 1em;
		margin: 0 0 1.33em 0;
	}
	
	h5 {
		font-size: 0.83em;
		margin: 0 0 1.67em 0;
	}
	
	h6 {
		font-size: 0.75em;
		margin: 0 0 2.33em 0;
	}
	
	.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
		display: block;
	}
	
	.heading-1{
		font-size: 2em;
		margin: 0 0 0.67em 0;
	}
	
	.heading-2{
		color:#3e0a14;
		font-size: 16px;
		margin: 0 0 0.45em 0;
		letter-spacing:-0.05em;
	}
	
	.heading-3{
		color:#3e0a14;
		font-size: 14px;
		margin: 0 0 0.45em 0;
		letter-spacing:-0.05em;
	}
	
	.heading-4{
		font-size: 1em;
		margin: 0 0 1.33em 0;
	}
	
	.heading-5{
		font-size: 0.83em;
		margin: 0 0 1.67em 0;
	}
	
	.heading-6{
		font-size: 0.75em;
		margin: 0 0 2.33em 0;
	}

	b, strong {
		font-weight: bold;
	}

	blockquote {
		margin: 1em 40px;
	}

	p {
		margin: 0 0 1em;
	}

	address { 
		font-style: normal;
	}

	small {
		font-size: 70%;
	}

	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		top: -0.5em;
	}

	sub {
		bottom: -0.25em;
	}

	dl, ol, ul {
		margin: 1em 0;
		padding: 0;
	}

	ul {
		list-style: none;
	}

	dd {
		margin: 0 0 0 40px;
	}

	/*forms*/

	form {
		margin: 0;
		padding: 0;
	}

	input, select, textarea, button {
		font: 12px Arial, Helvetica, sans-serif;
		vertical-align: baseline;
	}

	button, input {
		line-height: normal;
	}

	label, button, input[type="submit"], input[type="button"] {
		cursor: pointer;
	}

	input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	textarea {
		overflow: auto;
		vertical-align: top;
	}

	/*tables*/

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

	/*centering*/

	.centering {
		position: relative;
		width: 1000px;
		margin: auto;
	}

	/*assistant*/
	
	.active {
		cursor: default;
	}

	.clear { 
		clear: both;
	}
	
	.clear-left { 
		clear: left;
	}
	
	.clear-right { 
		clear: right;
	}

	.clear-aft:after, .clear-bef:before { 
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clear-aft, .clear-bef {
		zoom: 1;
	}
	
	.hidden{
		display: none;
	}
	
	/*placeholder*/
	
	.placeholder {
		color: #B1AFAF;
	}
	
	:-moz-placeholder {
		color: #B1AFAF;
	}
	
	::-webkit-placeholder {
		color: #B1AFAF;
	}

/*-----------Styles-------------*/

/*nav*/
		
.nav-main{
	position:fixed;
	z-index:900;
	top:50%;
	right:6px;
	height:210px;
	margin:-105px 0 0;
}
		
	.nav-main ul{
		width:120px;
		text-align:right;	
	}
			
		.nav-main li{
			float:right;
			margin:0 0 1px;		
		}
	
			.nav-main a{
				display:block;
				padding:9px 20px 7px 25px;	
				background-image: url(../img/bg/bg-mnlink.png);
				background-repeat: no-repeat;
				-webkit-box-shadow: 1px 1px 4px #121212;
				-moz-box-shadow: 1px 1px 4px #121212;
				box-shadow: 1px 1px 4px #121212;
				color:#fff;
				font-family: 'frankfuc-webfont', arial, sans-serif;
				font-size:12px;
				text-decoration:none;
				text-transform:uppercase;
			}

			.nav-main a:focus{
				outline: none;
			}
			
			.nav-main .link-1 a{
				background-position: 100% 0;
			}
					
			.nav-main .link-2 a{
				background-position: 100% -34px;
			}
					
			.nav-main .link-3 a{
				background-position: 100% -68px;
			}
					
			.nav-main .link-4 a{
				background-position: 100% -102px;
			}
					
			.nav-main .link-5 a{
				background-position: 100% -136px;
			}
					
			.nav-main .link-6 a{ 
				background-position: 100% -170px;
			}
				
/*main*/

.main{
	position: relative;
	overflow: hidden;
	min-width: 1000px;
}

	.main:after{
		content: "";
		position: absolute;
		z-index: 890;
		top: 0;
		right: 0;
		width: 9px;
		height: 100%;
		background:url(../img/bg/bg-line.png) 0 0 repeat-y;
	}

	/*headerTop*/

	.headerTop-box{
		position: relative;
		z-index: 850;
		display: none;
		height: 95px;
		background:url(../img/bg/bg-box1.jpg) 0 0 repeat-x;
	}

		.selectRegion{
			padding: 30px 0 0 25px;
			color: #fff;
		}

			.selectRegion-heaidng{
				display: inline-block;
				vertical-align: top;
				margin: 0 50px 0 0;
				font-family: 'frankfuc-webfont', asial, sans-serif;
				font-size: 15px;
				line-height: 1.3;
			}

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

				.selectRegion-name{
					display: inline-block;
					vertical-align: top;
					font-size: 15px;
					line-height: 1.2;
				}	

					.selectRegion-name small{
						font-size: 11px;
					}

	/*header*/
	
	.header-box{	
		position: relative;
		margin: 0 0 45px;
		background:url(../img/bg/bg-illustration.png) 50% 0 no-repeat;
	}
		
		.header-box .centering{
			position:relative;
			min-height:815px;
		}

			.parallaxLogo-wrap{
				position:absolute;
				top:0;
				left:40%;
				width: 300px;
				height: 240px;
				text-align: center;
			}
	
				.logo{
					position: absolute;
					z-index: 500;
					top: 50%;
					left: 50%;
					width:185px;
					height:195px;
					margin:-97px 0 0 -92px;
					background:url(../img/logo.png) no-repeat;
					text-indent: -9999px;
				}

			.aboutlogo{
				position: absolute;
				bottom: 0;
				left: 50%;
				width: 420px;
				height: 270px;
				margin: 0 0 0 -210px;
				padding: 5px 0 0;
				background:url(../img/logo_b.png) 0 5px no-repeat;
			}

			.header-stick{
				position: absolute;
				top: -2px;
				right: 0;
				width: 45px;
				height: 100px;
				margin: 0 -65px 0 0;
				background:url(../img/stick1.png) 0 0 no-repeat;
				text-indent: -9999px;
				cursor: pointer;
			}	
			
			.circle-icon{
				position: absolute;
				z-index: 400;
				width: 11px;
				height: 11px;
				background: url(../img/circle.png) no-repeat;
				cursor: pointer;
			}

			.circle-icon:focus{
				outline: none;
			}

				.searchmap-mark-pulse{
					position: absolute;
					top: -10px;
					left: -10px;
					height: 25px;
					width: 25px;
					background: transparent;
					border: 3px solid #E01E0C;
					-webkit-border-radius: 25px;
					-moz-border-radius: 25px;
					border-radius: 25px;
					-webkit-animation: pulse 4s ease-out;
					-moz-animation: pulse 4s ease-out;
					animation: pulse 3s ease-out;
					-webkit-animation-iteration-count: infinite;
					-moz-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
					opacity: 0;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
				}

				@-moz-keyframes pulse {
				 0% {
				    -moz-transform: scale(0);
				   	opacity: 0.0;
				 }
				 25% {
				    -moz-transform: scale(0);
				   	opacity: 0.1;
				 }
				 50% {
				    -moz-transform: scale(0.1);
				   	opacity: 0.1;
				 }
				 75% {
				    -moz-transform: scale(0.1);
				   	opacity: 0.9;
				 }
				 100% {
				    -moz-transform: scale(1);
				   	opacity: 0.0;
				 }
				}

				@-webkit-keyframes "pulse" {
				 0% {
				    -webkit-transform: scale(0);
				   	opacity: 0.0;
				 }
				 25% {
				    -webkit-transform: scale(0);
				   	opacity: 0.1;
				 }
				 50% {
				    -webkit-transform: scale(0.1);
				   	opacity: 0.1;
				 }
				 75% {
				    -webkit-transform: scale(0.1);
				   	opacity: 0.9;
				 }
				 100% {
				    -webkit-transform: scale(1);
				   	opacity: 0.0;
				 }

				}
			
			.ci-1{
				top:285px;
				left:-20px;
			}
			
			.ci-2{
				top:235px;
				left:475px;
			}
			
			.ci-3{
				top:175px;
				left:625px;
			}
			
			.ci-4{
				top:120px;
				left:110px;
			}
			
			.ci-5{
				top:165px;
				left:320px;
			}
			
			.ci-6{
				top:295px;
				left:780px;
			}
			
			.ci-7{
				top:235px;
				left:373px;
			}
			
			.ci-8{
				top:480px;
				left:935px;
			}

				.cloudInfo{
					top: 480px;
					left: -35px !important;
					width: 165px;
					height: 110px;
					padding: 90px 55px 0 55px;
					background:url(../img/cloud.png) 50% 50% no-repeat;
					text-align: center;
				}

				.videoPrev{
					top: 640px;
					left: 820px !important;
					width: 165px;
					height: 120px;
					background:url(../img/videoprev.png) 50% 50% no-repeat;
					cursor: pointer;
				}

	/*jumpAbout-box*/
	
	.jumpAbout-box{
		margin: 0 0 120px;
		text-align: center;
	}	

		.jumpAbout-item{
			display: inline-block;
			vertical-align: top;
			width: 190px;
			margin: 0 25px;
		}	

	/*services-box*/

	.services-box{
		text-align: center;
	}

	.services-box .heading-1{
		position: relative;
		z-index: 1000;
		width: 200px;
		height: 50px;
		margin: 0 auto -20px;
		background:url(../img/heading-services.png) 0 0 no-repeat;	
		text-indent: -9999px;
	}
			
		.services-box .centering{
			position:relative;
			padding: 5px 0 0;
		}

			.services-nav{
				position:absolute;
				z-index: 1000;
				top: 50px;
				left: 50%;
				width: 740px;
				height: 80px;
				margin: 0 0 0 -370px;
				background:url(../img/ribbon.png) 50% 0 no-repeat;
				-moz-transform: rotate(10deg); 
				-webkit-transform: rotate(10deg);
				-o-transform: rotate(10deg);				
				transform: rotate(10deg);
				-moz-backface-visibility: hidden;
			}
			
				.services-nav ul{
					position:relative;
					display:inline-block;
					margin:0;
					padding:18px 0;					
				} 
				
					.services-nav li{
						display:inline-block;
						margin:0 8px;
					}

					.services-nav li:focus{
						outline: none;
					}
					
						.services-nav a{
							display: inline-block;
							color:#fff;
							font-family:'frankfuc-webfont', arial, sans-serif;
							font-size:12px;
							text-decoration:none;
							text-transform:uppercase;
							text-shadow: 1px 1px 1px #813f1e;
							letter-spacing: -0.06em;
							text-indent: -9999px;
						}

						.services-nav .tabsName1{
							width: 45px;
							height: 20px;
							background:url(../img/tabsName1.png) 0 0 no-repeat;
							
						}

						.services-nav .tabsName2{
							width: 70px;
							height: 20px;
							background:url(../img/tabsName2.png) 0 0 no-repeat;
						}

						.services-nav .tabsName3{
							width: 90px;
							height: 20px;
							background:url(../img/tabsName3.png) 0 0 no-repeat;
						}

						.services-nav .tabsName4{
							width: 70px;
							height: 20px;
							background:url(../img/tabsName4.png) 0 0 no-repeat;
						}

						.services-nav .tabsName5{
							width: 135px;
							height: 20px;
							background:url(../img/tabsName5.png) 0 0 no-repeat;
						}

						.services-nav .tabsName1:hover, .services-nav .ui-tabs-active .tabsName1, .services-nav .tabsName2:hover, .services-nav .ui-tabs-active .tabsName3, .services-nav .tabsName3:hover, .services-nav .ui-tabs-active .tabsName4, .services-nav .tabsName4:hover, .services-nav .ui-tabs-active .tabsName5, .services-nav .tabsName5:hover, .services-nav .ui-tabs-active .tabsName2{
							background-position: 0 -20px;
						}	

						.services-nav a:hover, .services-nav .ui-tabs-active a{
							color: #ffc38d;
						}

						.services-nav .ui-tabs-active a{
							cursor: default;
						}
						
						.services-nav a:focus{
							outline:none;
						}

						.services-nav a:active{
							text-shadow: 0 0 1px #813f1e;
						}

				.services-tabsContent p{
					position: absolute;
					z-index: 800;
					bottom: 100px;
					left: 50%;
					width: 560px;				
					margin: 0 0 0 -280px;
					color: #fff;
					font-size: 15px;
					text-align: center;
				}		
				
	/*banket-box*/

	.banket-box{
		margin: 0 0 120px;
		text-align: center;
	}	

		.banket-box .centering{
			padding: 5px 0 0;
		}

			.banket-box .heading-1{
				position: relative;
				z-index: 1000;
				width: 245px;
				height: 50px;
				margin: 0 auto -20px;
				background:url(../img/heading-rooms.png) 0 0 no-repeat;	
				text-indent: -9999px;
			}

				.banket-item{
					position: relative;
					display: inline-block;
					vertical-align: top;	
					margin: 0 4px 12px;		
				}

				.banket-item, .banket-item img, .banket-item:before{
					-webkit-border-radius: 15px 15px 10px 10px;
					-moz-border-radius: 15px 15px 10px 10px;
					border-radius: 15px 15px 10px 10px;
				}

					.banket-item:before{
						content: "";
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						-webkit-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
						-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
						box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
					}

					.banket-item:hover:before{
						background-color: rgba(242, 118, 0, 0.5);
						-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6), inset 4px 4px 6px rgba(10, 10, 10, 0.8);
						-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.6), inset 4px 4px 6px rgba(10, 10, 10, 0.8);
						box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.6), inset 4px 4px 6px rgba(10, 10, 10, 0.8);
					}

					.banket-item:after{
						content: "";
						position: absolute;
						z-index: -1;
						top: 10%;
						right: 5px;
						width: 10px;
						height: 85%;
						-webkit-box-shadow: 0 0 15px 8px #222, 0 0 15px 10px #111;
						-moz-box-shadow: 0 0 15px 8px #222, 0 0 15px 10px #111;
						box-shadow: 0 0 15px 8px #222, 0 0 15px 10px #111;
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						border-radius: 50%;
					}

					.banket-item:hover:after{
						display: none;
					}

						.banket-item-text-wrap{
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
						}

							.banket-item-text{
								display: inline-block;				
								vertical-align: middle;
								font-family: 'frankfuc-webfont', arial, sans-serif;
								color: #fff;
								font-size: 14px;
								line-height: 1.2;
								text-transform: uppercase;
								text-align: center;
								text-shadow: 2px 1px 4px #111;
							}

							.banket-item-text-wrap:after{
								content: "";
								display: inline-block;
								vertical-align: middle;
								width: 0;
								height: 100%;
							}

								.banket-item-text span{
									font-size: 27px;
									letter-spacing: -0.1em;
								}

								.banket-item:hover .banket-item-text span:before, .banket-item:hover .banket-item-text span:after{
									content: "\3D";
									margin: 0 15px;
								}

							.banket-item img{
								display: block;
							}

							.banket-item .orderLink{
								display: none;
								position: absolute;
								top: 25px;
								left: -40px;
								cursor: pointer;
							}

							.banket-item:hover .orderLink{
								display: block;
							}

	/*gallery-box*/

	.gallery-box{
		text-align: center;
	}

		.gallery-box .centering{
			padding: 5px 0 0;
		}

			.gallery-box .heading-1{
				position: relative;
				z-index: 1000;
				/*top: -20px;*/
				width: 210px;
				height: 50px;
				margin: 0 auto -20px;
				background:url(../img/heading-gallery.png) 0 0 no-repeat;	
				text-indent: -9999px;
			}

				.sliderkit-panel-text{
					position: absolute;
					left: 50%;
					bottom: 0;
				}

	/*tickets-box*/
	
	.tickets-box{
		margin: 0 0 80px;
		text-align: center;
	}		

		.tickets-box .centering{
			padding: 5px 0 0;
		}

			.tickets-box .heading-1{
				position: relative;
				z-index: 1000;
				width: 200px;
				height: 50px;
				margin: 0 auto -25px;
				background:url(../img/heading-tickets.png) 0 0 no-repeat;	
				text-indent: -9999px;
			}	

			.tickets-item{
				position: relative;
				display: inline-block;
				vertical-align: top;
				width: 260px;
				height: 230px;
				margin: 0 0 25px;
				padding: 50px 10px 15px;
				background: url(../img/bg/bg-box2.png) 0 0 no-repeat;	
			}		

				.tickets-item:after{
					content: "";
					position: absolute;
					z-index: -1;
					bottom: 8px;
					left: 50%;
					width: 80%;
					height: 25px;
					margin: 0 0 0 -40%;
					-webkit-box-shadow: 0 0 15px 8px #222, 0 0 25px 20px #111;
					-moz-box-shadow: 0 0 15px 8px #222, 0 0 25px 20px #111;
					box-shadow: 0 0 15px 8px #222, 0 0 25px 20px #111;
					-webkit-border-radius: 30%;
					-moz-border-radius: 30%;
					border-radius: 15%;
				}

				.tickets-item .heading-2{
					margin: 0 0 5px;
				}	

				.tickets-item-priceBox{
					display: inline-block;
					vertical-align: top;
					width: 115px;
					margin: 0 5px 10px;
					font-family: 'frankfuc-webfont', arial, sans-serif;
					text-align: center;
				}

					.tickets-item-priceNum{
						color: #3e0a14;
						font-size: 34px;
						letter-spacing: -0.15em;
					}	

						.tickets-item-priceNum .fontRubl{
							font-size: 16px;
						}

					.tickets-item-priceBox p{
						color: #884319;
						font-size: 7px;
						line-height: 1.4;	
					}

				.tickets-item .tickets-item-priceInfo{
					font-size: 11px;
				}	

			.tickets-box-info{
				width: 650px;
				margin: 0 auto 10px;
				font-size: 11px;
			}	

				.tickets-box-info .fontRubl{
					font-size: 13px;
				}

	/*contacts-box*/	

	.contacts-box{
		text-align: center;
	}

		.contacts-box .centering{
			padding: 5px 0 0;
		}

			.contacts-box .heading-1{
				position: relative;
				z-index: 1000;
				width: 215px;
				height: 50px;
				margin: 0 auto 25px;
				background:url(../img/heading-contacts.png) 0 0 no-repeat;	
				text-indent: -9999px;
			}

			.contacts-item{
				display: inline-block;
				vertical-align: top;
				width: 220px;
				margin: 0 20px;
				font-size: 16px;
			}

			.contacts-map{
				padding: 45px 0 0;
				background:url(../img/map-help.png) 30px 10px no-repeat;
				cursor: pointer;
			}

	/*footer*/

	.footer-box{
		min-height: 70px;
		margin: -35px -10px 0;
		background:url(../img/bg/bg-box1.jpg) 0 100% repeat-x;
		-webkit-box-shadow: inset 0 5px 15px #000;
		-moz-box-shadow: inset 0 5px 15px #000;
		box-shadow: inset 0 5px 15px #000;
		color: #ceac95;
		font-size: 12px;
	}	

		.footer-box .centering{
			padding: 25px 65px 0;
			width: 870px;
		}	

			.footer-box a{
				color: #867455;
			}

			.footer-box .blur{
				float: right;
				margin: 5px 0 0;
			}

				.blur{
					position: relative;
					z-index: 100;
					display: block;
					width: 62px;
					height: 14px;
					background: url(../img/blur.png) 0 0 no-repeat;
					text-indent: -9999px;
				}

			.footer-box .copy{
				margin: 0 20px 0 0;
			}

			.footer-box .soc-box{
				margin: 0 50px 0 0;
			}

			.footer-box .copy, .footer-box .soc-box{
				display: inline-block;
				vertical-align: middle;
			}	

/*elements*/

.orderLink{
	display: inline-block;
	width: 135px;
	height: 85px;
	background:url(../img/order.png) 0 0 no-repeat;
	text-indent: -9999px;
}	

.fontRubl{
	font-family: 'rouble', arial, sans-serif;
}	

.buttonNext{
	display: inline-block;
	width: 125px;
	height: 70px;
	background:url(../img/next-button.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonClose{
	display: inline-block;
	width: 125px;
	height: 60px;
	background:url(../img/close-button.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonYes{
	display: inline-block;
	width: 140px;
	height: 80px;
	background:url(../img/yes-button.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonNo{
	display: inline-block;
	width: 110px;
	height: 65px;
	background:url(../img/no-button.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonPay1{
	display: inline-block;
	width: 125px;
	height: 65px;
	background:url(../img/pay-button1.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonPay2{
	display: inline-block;
	width: 125px;
	height: 65px;
	background:url(../img/pay-button2.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.buttonPay3{
	display: inline-block;
	width: 125px;
	height: 65px;
	background:url(../img/pay-button3.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.input-box{
	margin: 0 0 5px;
}

	.input-text-wrap{
		position: relative;
		display: inline-block;
		width: 275px;
		height: 50px;
		margin: 2px 0 0;
		padding: 0 10px;
		background: url(../img/input2.png) 0 0 no-repeat;
	}

		.input-text{	
			position: absolute;
			top: 5px;
			left: 10px;
			display: inline-block;
			width: 275px;
			margin: 0;
			padding: 10px 0;
			border: none;
			background: none;
			color: #361804;
			font-family:'frankfuc-webfont', arial, sans-serif;
			font-size: 14px;
		}

		.input-text:focus{
			outline: none;
		}

.custom-radio{
	opacity: 0;
}

	.custom-radio + span{
		position: relative;
		display: inline-block;
	}

		.custom-radio + span:before, .custom-radio:checked + span:before{
			content: "";
			position: absolute;
			top: 1px;
			left: -25px;
			width: 18px;
			height: 18px;
			background: url(../img/radioButton.png) 0 0 no-repeat;
		}

		.custom-radio:checked + span:before{
			background-position: 0 -18px;
		}	

/*rotate-box*/

.rotate-box-out{
	position: relative;
	height: 500px;
	margin: 0 0 120px;
}

	.rotate-box{
		position: relative;
		height: 100%;		
	}

		.rotate-box .services-tabsContent img, .rotate-box .sliderkit-panels img{
			display: block;
			margin: auto;
		}

		.rotate-panel{
			position: relative;
			-moz-transform: skewY(10deg); 
			-webkit-transform: skewY(10deg);
			-o-transform: skewY(10deg); 
			transform: skewY(10deg);
			-webkit-backface-visibility: hidden;
		}

		.rotate-panel:before, .rotate-panel:after{
			content: "";
			position: absolute;
			z-index: 100;
			left: 0;
			width: 100%;
			height: 15px;
		}

		.rotate-panel:before{
			top: -1px;
			background:url(../img/bg/bg-sht.png) 0 0 repeat-x;
		}

		.rotate-panel:after{
			bottom: -1px;
			background:url(../img/bg/bg-shb.png) 0 0 repeat-x;
		}

/*parallax*/

.parallaxGlobal{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

	.parallaxElem{
		position: absolute;
		z-index: 800;
	}

	.things1_parallax, .things2_parallax, .things3_parallax, .things4_parallax, .things5_parallax, .things6_parallax{
		z-index: 810;
	}

	.things1_parallax{
		top: 485px;
		left: 85%;
		width: 405px;
		height: 675px;
		background:url(../img/parallax/things1.png) 0 0 no-repeat;
	}

	.things2_parallax{
		top: 290px;
		left: 10%;
		width: 210px;
		height: 640px;
		background:url(../img/parallax/things2.png) 0 0 no-repeat;
	}

	.things3_parallax{
		top: 480px;
		left: 35%;
		width: 365px;
		height: 575px;
		background:url(../img/parallax/things3.png) 0 0 no-repeat;
	}

	.things4_parallax{
		top: 1200px;
		left: 60%;
		width: 275px;
		height: 530px;
		background:url(../img/parallax/things4.png) 0 0 no-repeat;
	}

	.things5_parallax{
		top: 1165px;
		left: 35%;
		width: 295px;
		height: 945px;
		background:url(../img/parallax/things5.png) 0 0 no-repeat;
	}

	.things6_parallax{
		top: 1000px;
		left: 20%;
		width: 325px;
		height: 540px;
		background:url(../img/parallax/things6.png) 0 0 no-repeat;
	}

	.parallaxGlobal-parallaxCube{
		position: absolute;
		left: -285px;
		top: 0;
		width: 100%;
	}

		.cube1_parallax{
			top: 0;
			left: 0 !important;
			width: 260px;
			height: 180px;
			background:url(../img/parallax/cube1.png) 0 0 no-repeat;
		}

		.cube2_parallax{
			top: 170px;
			left: 0 !important;
			width: 90px;
			height: 90px;
			background:url(../img/parallax/cube2.png) 0 0 no-repeat;
		}

		.cube3_parallax{
			top: 235px;
			left: 125px !important;
			width: 180px;
			height: 135px;
			background:url(../img/parallax/cube3.png) 0 0 no-repeat;
		}

		.cube4_parallax{
			top: 365px;
			left: 30px !important;
			width: 100px;
			height: 55px;
			background:url(../img/parallax/cube4.png) 0 0 no-repeat;
		}

		.cube5_parallax{
			top: 450px;
			left: 90px !important;
			width: 200px;
			height: 125px;
			background:url(../img/parallax/cube5.png) 0 0 no-repeat;
		}

		.cube6_parallax{
			top: 585px;
			left: 0 !important;
			width: 115px;
			height: 110px;
			background:url(../img/parallax/cube6.png) 0 0 no-repeat;
		}

		.cube7_parallax{
			top: 720px;
			left: 135px !important;
			width: 80px;
			height: 80px;
			background:url(../img/parallax/cube7.png) 0 0 no-repeat;
		}

		.cube8_parallax{
			top: 820px;
			left: 35px !important;
			width: 125px;
			height: 55px;
			background:url(../img/parallax/cube8.png) 0 0 no-repeat;
		}

		.cube9_parallax{
			top: 940px;
			left: 120px !important;
			width: 70px;
			height: 70px;
			background:url(../img/parallax/cube9.png) 0 0 no-repeat;
		}

		.cube10_parallax{
			top: 0;
			left: 1400px !important;
			width: 195px;
			height: 145px;
			background:url(../img/parallax/cube10.png) 0 0 no-repeat;
		}

		.cube11_parallax{
			top: 40px;
			left: 1200px !important;
			width: 330px;
			height: 250px;
			background:url(../img/parallax/cube11.png) 0 0 no-repeat;
		}

		.cube12_parallax{
			top: 285px;
			left: 1250px !important;
			width: 105px;
			height: 80px;
			background:url(../img/parallax/cube12.png) 0 0 no-repeat;
		}

		.cube13_parallax{
			top: 340px;
			left: 1350px !important;
			width: 185px;
			height: 165px;
			background:url(../img/parallax/cube13.png) 0 0 no-repeat;
		}

		.cube14_parallax{
			top: 525px;
			left: 1350px !important;
			width: 120px;
			height: 140px;
			background:url(../img/parallax/cube14.png) 0 0 no-repeat;
		}

		.cube15_parallax{
			top: 710px;
			left: 1380px !important;
			width: 210px;
			height: 60px;
			background:url(../img/parallax/cube15.png) 0 0 no-repeat;
		}

		.cube16_parallax{
			top: 780px;
			left: 1300px !important;
			width: 130px;
			height: 110px;
			background:url(../img/parallax/cube16.png) 0 0 no-repeat;
		}

	.parallaxGlobal-parallaxOthers{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}	

		.socFlyVk_parallax{
			top: 1150px;
			left: 935px !important;
			width: 100px;
			height: 90px;
			background:url(../img/parallax/socbox-vk.png) 0 0 no-repeat;
		}

		.socFlyF_parallax{
			top: 1105px;
			left: 985px !important;
			width: 100px;
			height: 90px;
			background:url(../img/parallax/socbox-f.png) 0 0 no-repeat;
		}	

		.kidsImg1_parallax{
			top: 1400px;
			left: 900px !important;
			width: 150px;
			height: 265px;
			background:url(../img/parallax/kid1.png) 0 0 no-repeat;
		}	

		.kidsImg2_parallax{
			top: 1800px;
			left: -60px !important;
			width: 180px;
			height: 380px;
			background:url(../img/parallax/kid2.png) 0 0 no-repeat;
		}	

		.rulesJump_parallax{
			top: 1450px;
			left: 10px !important;
			width: 140px;
			padding: 130px 0 0;
			background:url(../img/parallax/rules.png) 0 0 no-repeat;
			text-align: center;
			cursor: pointer;
		}	

		.vis1_parallax{
			top: 2350px;
			left: -160px !important;
			width: 185px;
			height: 110px;
			background:url(../img/parallax/vis1.png) 0 0 no-repeat;
		}	

		.vis2_parallax{
			top: 2380px;
			left: 850px !important;
			width: 125px;
			height: 210px;
			background:url(../img/parallax/vis2.png) 0 0 no-repeat;
		}	

		.vis3_parallax{
			top: 3000px;
			left: 870px !important;
			width: 115px;
			height: 225px;
			background:url(../img/parallax/vis3.png) 0 0 no-repeat;
		}		

		.reShoes_parallax{
			top: 2830px;
			left: 0;
			width: 230px;
			padding: 110px 0;
			background:url(../img/parallax/shoes.png) 50% 0 no-repeat;
			text-align: center;
		}	


/*tooltip*/

.ui-tooltip{
	display: block !important;
	padding: 30px 30px 65px;
	position: absolute;
	z-index: 9999;
	width: 220px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 1.6;
}

.ui-tooltip:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 30px;
	height: 15px;
	margin: 0 0 0 -15px;
	background: url(../img/arrows3.png) 0 0 no-repeat;
}

.ui-tooltip:before{
	content: "Принимаю";
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	color: #e74a0a;
	font-family:'frankfuc-webfont', arial, sans-serif;	
	font-size: 19px;
	text-align: center;
	letter-spacing: -0.05em;
}

/*--modal-box--*/

.ui-widget-overlay{
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: #321603;
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.ui-dialog {
	position: fixed;
	z-index: 9999;
  	top: 0;
   	left: 0;
}

.ui-dialog-titlebar{
	display: none;
}

	/*modalContacts*/

	.modalContacts-box{
		position: relative;
		display: none;
		background:url(../img/map-modal.jpg) 50% 0 no-repeat;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-shadow: 0 0 15px #151515;
		-moz-box-shadow: 0 0 15px #151515;
		box-shadow: 0 0 15px #151515;
	}

		.modalContacts-box .logo-small{
			position: absolute;
			top: -60px;
			left: 50%;
			width: 115px;
			height: 115px;
			margin: 0 0 0 -57px;
			background:url(../img/logo-small.png) 0 0 no-repeat;
		}

		.modalContacts-box .address-plate{
			position: absolute;
			bottom: -80px;
			left: 50%;
			width: 190px;
			height: 130px;
			margin: 0 0 0 -75px;
			background:url(../img/address.png) 0 0 no-repeat;
		}

	/*modalRreserv*/

	.modalReserv-box{
		display: none;
	}

		.modalReserv-box .rotate-panel{
			height: 100%;
			background:url(../img/bg/bg-box3.jpg) 0 0 repeat-x;
			color: #cfc1b7;
			font-size: 13px;
		}

			.modalReserv-box .rotate-panel .centering{
				overflow: hidden;
				height: 100%;
			}

				.helpHideBottom-box{
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 9000;
					width: 100%;
					height: 70px;
				}

				.modalReserv-box-lcol{
					float: left;
					width: 215px;
					padding: 165px 0 0 75px;
					-moz-transform: skewY(-10deg); 
					-webkit-transform: skewY(-10deg);
					-o-transform: skewY(-10deg); 
					transform: skewY(-10deg);
					-webkit-backface-visibility: hidden;
				}

					.modalReserv-box-lcol ol{
						counter-reset: ol-list;
						margin: 0;
					}

						.modalReserv-box-lcol li{
							list-style: none;
							position: relative;
							padding: 5px 0;
							margin: 0 0 8px;
							color: #fff;
							font-family:'frankfuc-webfont', arial, sans-serif;	
							font-size: 12px;
						}

						.modalReserv-box-lcol li:before{
							counter-increment: ol-list;
							content: counter(ol-list);
							position: absolute;	
							top: -1px;
							left: -35px;
							width: 30px;
							height: 30px;
							line-height: 30px;
							background:url(../img/circle1.png) 50% 50% no-repeat;
							text-align: center;
						}

				.modalReserv-box-rcol{
					height: 100%;
					margin: 0 0 0 290px;
					-moz-transform: skewY(-10deg); 
					-webkit-transform: skewY(-10deg);
					-o-transform: skewY(-10deg); 
					transform: skewY(-10deg);		
					-webkit-backface-visibility: hidden;

				}

				.modalReserv-box-slideItem{
					overflow: hidden; 
					position: absolute;
					top: -55px;
					width: 640px;
					height: 555px;
				}

				.modalReserv-box-slideItem-hidden{
					display: none;
					top: -600px;
				}

					.modalReserv-box-scrollWrap{
						overflow: auto;
						width: 100%;
						height: 475px;
						padding: 80px 20px 0 0;
					}

						.modalReserv-heading{
							margin: 0 0 15px;
							color: #fff;
							font-family:'frankfuc-webfont', arial, sans-serif;	
							font-size: 24px;
						}

						/*modalReserv-when*/

						.modalReserv-when{
							overflow: hidden;
						}

							.modalReserv-when-selectDate{
								float: left;
								width: 270px;
								margin: 0 15px 0 0;
							}

								.modalReserv-when-selectDate .hasDatepicker{
									position: relative;
									height: 245px;
									margin: 5px 0 0 0;
									padding: 15px 5px 0 5px;
									background:url(../img/bg/bg-box5.png) 0 0 no-repeat;
									text-align: center;
								}

									.modalReserv-when-selectDate .ui-datepicker-header{
										position: absolute;
										z-index: 100;
										bottom: 15px;
										width: 100%;
										color: #7c6658;
									}

										.modalReserv-when-selectDate .ui-datepicker-prev, .ui-datepicker-next{
											position: absolute;
											top: 7px;
											width: 5px;
											height: 6px;
											background-image: url(../img/arrows2.png);
											background-repeat: no-repeat;
											text-indent: -9999px;
											cursor: pointer;
										}

										.modalReserv-when-selectDate .ui-datepicker-prev{
											left: 70px;
											background-position: 0 0;
										}

										.modalReserv-when-selectDate .ui-datepicker-next{
											right: 70px;
											background-position: -5px 0;
										}

									.modalReserv-when-selectDate .ui-datepicker-calendar{
										width: 100%;
									}

										.modalReserv-when-selectDate .ui-datepicker-calendar th, .modalReserv-when-selectDate .ui-datepicker-calendar td{
											width: 30px;
										}

										.modalReserv-when-selectDate .modalReserv-when-selectDate .ui-datepicker-calendar th{
											padding: 0 0 5px;
											color: #ef915a;
											font-size: 9px;
										}

										.modalReserv-when-selectDate .ui-datepicker-calendar td{
											padding: 0 0 6px;
											color: #3e0a14;
											font-family:'frankfuc-webfont', arial, sans-serif;
											font-size: 14px;
										}

											.modalReserv-when-selectDate .ui-state-default{
												display: inline-block;
												padding: 4px 4px 2px;
												line-height: 1;
												text-decoration: none;
												-webkit-border-radius: 5px;
												-moz-border-radius: 5px;
												border-radius: 5px;
											}

											.modalReserv-when-selectDate .ui-state-default:focus{
												outline: none;
											}

											.modalReserv-when-selectDate .ui-state-active, .modalReserv-when-selectDate .ui-state-default:hover{
												color: #fff;
												background-color: #3e0a14;
											}

							.modalReserv-when-selectTime{
								float: left;
								width: 185px;
							}

								.modalReserv-when-selectTime-form{
									position: relative;
									height: 190px;
									margin: 5px 0 0 0;
									padding: 35px 5px 35px 20px;
									background:url(../img/bg/bg-box4.png) 0 0 no-repeat;
								}

									.modalReserv-when-selectTime-form label{
										display: block;
										margin: 0 0 15px;
										color: #3e0a14;
										font-family:'frankfuc-webfont', arial, sans-serif;
										font-size: 14px;
									}

										.modalReserv-when-selectTime-form label small{
											font-size: 9px;
										}

										.modalReserv-when-selectTime-form input[type="radio"]{
											margin: 0 10px 0 0;
											background-color: transparent;
											border: none;
										}
									.modalReserv-when-selectTime-form .buttonNext{
										position: absolute;
										bottom: 5px;
										right: -30px;
									}	

						/*modalReserv-reg*/

							.modalReserv-reg-form{
								display: inline-block;
								position: relative;
							}

								.modalReserv-reg-form .input-box{
										margin: 0;
									}

									.modalReserv-reg-form label{
										color: #cec0b7;
										font-size: 13px;
									}

										.modalReserv-reg .buttonNext{
											position: absolute;
											bottom: -40px;
											right: -30px;
										}	

						/*modalReserv-yesOrNo*/		

							.modalReserv-yesOrNo-heading{
								margin: 0 0 10px;
								color: #fff;
								font-family:'frankfuc-webfont', arial, sans-serif;
								font-size: 40px;
								line-height: 1.3;
							}	

							.modalReserv-yesOrNo-item{
								display: inline-block;
								vertical-align: top;
								width: 255px;
								margin: 0 30px 35px 0;
								color: #957763;
							}

							.modalReserv-yesOrNo .buttonYes, .modalReserv-yesOrNo .buttonNo{
								position: relative;
							}

							.modalReserv-yesOrNo .buttonYes{
								z-index: 10;
							}

							.modalReserv-yesOrNo .buttonNo{
								top: 25px;
								left: -40px;
							}

						/*modalReserv-banket*/
						
						.modalReserv-banket{
							position: relative;
							padding: 0 0 50px;
						}	

							.modalReserv-banket-table{
								width: 525px;
								margin: 0 0 30px;
							}

								.modalReserv-banket-table th{
									padding: 0 0 5px;
									font-family:'frankfuc-webfont', arial, sans-serif;
									font-size: 12px;
									text-align: left;
								}

								.modalReserv-banket-table td{
									padding: 0;
								}

								.modalReserv-banket-table td.first-child{
									overflow: hidden;
								}

								.modalReserv-banket-table td.first-child:after{
									content: "";
									overflow: hidden;
									display: block;
									margin: 0 5px 0 0;
									height: 14px;
									background:url(../img/bd1.png) 0 100% repeat-x;
									
								}
									.modalReserv-banket-table td.first-child span{
										float: left;
										margin: 0 5px 0 0;
									}

									.spinner-wrap{
										position: relative;
										text-align: center;
									}

										.spinner-wrap .ui-spinner-button{
											position: absolute;
											top: 10px;
											width: 10px;
											height: 10px;
											cursor: pointer;
										}

											.spinner-wrap .ui-spinner-up{
												right: 0;
											}

											.spinner-wrap .ui-spinner-down{
												left: 0;
											}

												.spinner-wrap .ui-button-text .ui-icon{
													display: none;	
												}

											.spinner-wrap .ui-spinner-up:before, .spinner-wrap .ui-spinner-down:before{
												position: absolute;
												top: 0;
												left: 0;
												color: #604939;	
												font-size: 18px;
												line-height: 0.5;
											}	

											.spinner-wrap .ui-spinner-up:before {
													content: "\2B"
												}	

											.spinner-wrap .ui-spinner-down:before {
													content: "\2013";
												}

										.modalReserv-banket-table td input[type="text"]{
											display: inline-block;
											width: 50px;
											padding: 8px 0 10px;
											background:url(../img/input1.png) 0 0 no-repeat;
											border: none;
											text-align: center;
										}

										.modalReserv-banket-table td input[type="text"]:focus{
											outline: none;
										}

								.banket-totalPrice{
									padding: 0 15px 0 0;
									text-align: right;
								}		

									.totalPrice{
										color: #fff;
										font-family:'frankfuc-webfont', arial, sans-serif;
										font-size: 46px;
									}	

										.totalPrice .fontRubl{
											font-size: 25px;
										}	

							.modalReserv-banket .buttonNext{
								position: absolute;
								bottom: 70px;
								right: 80px;
							}

						/*modalReserv-pay*/	

							.modalReserv-pay-table{
								width: 600px;
							}		

								.modalReserv-pay-table th{

									font-size: 13px;
									text-align: left;
								}

								.modalReserv-pay-table-info td{
									padding: 0 5px 0 0;
									color: #fff;
									font-family:'frankfuc-webfont', arial, sans-serif;
									font-size: 18px;
									letter-spacing: -0.05em;
								}

							.modalReserv-paySelect{
								margin: -25px 0 0;
							}	

								.modalReserv-paySelect .buttonPay{
									position: relative;
									margin: 0 10px 0 0;
								}

						/*modalReserv-final*/

							.modalReserv-final-heading{
								margin: 0 0 25px;
								color: #fff;
								font-family:'frankfuc-webfont', arial, sans-serif;
								font-size: 80px;
								line-height: 0.9;
								letter-spacing: -0.05em;
							}

							.modalReserv-final-text{
								margin: 0 0 50px;
							}

/*media queries*/		
		
@media screen and (max-width: 1150px) {
	.header-stick{
		right: 10px;
		margin: 0;
	}
}