@font-face {
	font-family: 'Conv_pier';
	src: url('../fonts/pier.eot');
	src: local('☺'), url('../fonts/pier.woff') format('woff'), url('../fonts/pier.ttf') format('truetype'), url('../fonts/pier.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'HeliosNormal';
    src: url('../fonts/helios.eot');
    src: url('../fonts/helios.eot') format('embedded-opentype'),
         url('../fonts/helios.woff') format('woff'),
         url('../fonts/helios.ttf') format('truetype'),
         url('../fonts/helios.svg#HeliosNormal') format('svg');
}
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body {
	font: 18px/26px 'HeliosNormal', sans-serif;
	height: 100%;
	color:#fff;
}
.wrapper {
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
div{
	position:relative;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-size:22px;
	font-family:'Montserrat-Bold';
	margin-bottom:20px;
}
a{
	color:#fff;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 152px;
	position:relative;
	z-index:1;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 179px 0 0;
	box-sizing:border-box;
	position:relative;
	overflow: hidden;
}




/* Footer
-----------------------------------------------------------------------------*/
/*.footer {
	margin: -1px auto 0;
	min-width: 320px;
	max-width: 1920px;
	height: 1px;
	background: #BFF08E;
	position: relative;
}*/
.logo{
	width:275px;
	height:274px;
	background: url(../img/logo.png) no-repeat;
	display:block;
	display:inline-block;
	position:absolute;
	left:96px;
	/*top:36px;*/
	top:0;
}

.top-menu{
	list-style:none;
	overflow:hidden;
	margin-right:22px;
	display:inline-block;
}
.top-menu:last-child{
	list-style:none;
	overflow:hidden;
	margin-right:50px;
	display:inline-block;
}
.top-menu li{
	float:left;
	margin-left:22px;
}
.top-menu li:first-child{
	margin-left:0;
}
.top-menu li a{
	color: #231f20; /* text color */
	font-family: 'Montserrat-Bold', sans-serif;
	font-size: 21px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
.top-menu li a:hover{
	text-decoration: underline;
}
.top-address{
	display:inline-block;
	color: #1c0e00; /* text color */
	font-family: "HeliosNormal";
	font-size: 18px;
}
.top-address a{
	text-decoration:none;
	position:absolute;
	left:0;
	top:94px;
	color:#fff;
}
.soc{
	display:inline-block;
	list-style:none;
	margin-right:26px;
	overflow:hidden;
}
.soc li{
	float:left;
	margin-left:9px;
}
.soc li:first-child{
	margin-left:0;
}
.soc li a{
	display:block;
	width:32px;
	height:31px;
	background: url(../img/s2.png) 50% 50% no-repeat;
}
.soc li:first-child a{
	background: url(../img/s33.png) 50% 50% no-repeat;
}
.soc li:last-child a{
	background: url(../img/s3.png) 50% 50% no-repeat;
}
.header-td{
	vertical-align:bottom;
	display:table-cell;
	min-width: 320px;
	max-width: 1920px;
	height: 152px;
	padding-bottom:15px;
	padding-left:390px;
	box-sizing:border-box;
}
.img-content{
	/*min-height:928px;*/
	/*overflow:hidden;
	background: url(../img/bg.jpg) 0 0 no-repeat;
	background-size: auto 100%;*/
	position:absolute;
	left:0;
	top:152px;
	right:0;
	bottom:0;
	overflow:hidden;
}
.img-content img{
	width:100%;
}
/*
.history .img-content{
	background: url(../img/history.jpg) 0 0 no-repeat;
}
.bookings .img-content{
	background: url(../img/bookings.jpg) 0 0 no-repeat;
}
.location .img-content{
	background: url(../img/location.jpg) 0 0 no-repeat;
}*/
.galery .img-content{
	background: #000;
}
.text-content{
	margin-left:96px;
	width:400px;
	background:rgba(0,0,0,.6);
	color:#fff;
	padding:43px 23px 31px;
}
.history .text-content{
	margin-left:96px;
	width:421px;
	background:rgba(0,0,0,0);
	color:#fff;
	padding:0px 125px 51px 23px;
	float:right;
}
.bookings .text-content{
	width:824px;
	background:rgba(0,0,0,0);
	margin:0 auto;
	padding:100px 0 0;
	position:absolute;
	top:50%;
	left:50%;
	margin:-130px 0 0 -412px;
}
.history .content{
	padding:75px 0 0;
}
.bravo{
	/*background: url(../img/bravo.jpg) no-repeat;*/
	width:144px;
	height:101px;
	position:absolute;
	right:260px;
	bottom:58px;
}
.galery .bravo,
.history .bravo{
	display:none;
}
.bar .bravo,
.food .bravo,
.bookings .bravo{
	bottom:auto;
	top:222px;
}
.location .bravo{
	bottom:auto;
	top:200px;
}
.mobile-menu{
	border-bottom:3px solid #131d1f;
	border-top:3px solid #131d1f;
	display:none;
	text-decoration:none;
}
.mobile-menu span{
	color: #fff; /* text color */
	font-family: "HeliosNormal";
	text-align:center;
	font-size: 44px;
	display:block;
	border-top:6px solid #797878;
	line-height:85px;
	height:85px;
	background-color: #000; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDcxIDg2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI3MSIgaGVpZ2h0PSI4NiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #131313 0%, #131313 0%, #474747 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #131313 0%, #131313 0%, #474747 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #131313 0%, #131313 0%, #474747 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #131313 0%, #131313 0%, #474747 100%); /* gradient overlay */
}
.img-mobile{
	width:100%;
	margin-bottom:10px;
	display:none;
}
.content .soc{
	display:none;
}
.content .address{
	display:none;
}
.inp-big{
	display:block;
	width:824px;
	height:61px;
	border:none;
	box-shadow:4px 3px 0 #939598;
	margin-bottom:5px;
	padding:0 24px;
	box-sizing:border-box;
	font-family: "HeliosNormal";
}

.inp-big::-webkit-input-placeholder {color:#1d0f00; opacity:1;}
.inp-big::-moz-placeholder          {color:#1d0f00; opacity:1;}/* Firefox 19+ */
.inp-big:-moz-placeholder           {color:#1d0f00; opacity:1;}/* Firefox 18- */
.inp-big:-ms-input-placeholder      {color:#1d0f00; opacity:1;}

.inp{
	display:block;
	width:254px;
	height:61px;
	border:none;
	box-shadow:4px 3px 0 #939598;
	margin-bottom:5px;
	padding:0 24px;
	box-sizing:border-box;
	color: #1c0e00; /* text color */
	font-family: "HeliosNormal";
	font-size: 15px;
}

.inp::-webkit-input-placeholder {color:#1d0f00; opacity:1;}
.inp::-moz-placeholder          {color:#1d0f00; opacity:1;}/* Firefox 19+ */
.inp:-moz-placeholder           {color:#1d0f00; opacity:1;}/* Firefox 18- */
.inp:-ms-input-placeholder      {color:#1d0f00; opacity:1;}

.clearfix .inp{
	margin-left:31px;
	float:left;
	color: #1c0e00; /* text color */
	font-family: "HeliosNormal";
	font-size: 15px;
}
.clearfix .inp:first-child{
	margin-left:0;
}
.sub{
	color: #1c0e00; /* text color */
	font-family: "HeliosNormal";
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	width:90px;
	height:59px;
	background:#c49a6c;
	border:1px solid #36302f;
	cursor:pointer;
	display:block;
	margin:12px auto 0;
}
.map{
	position:absolute;
	bottom:194px;
	right:37px;
}
.clear{
	clear:both;
}
.copy{
	color: #fff; /* text color */
	font-family: "HeliosNormal";
	font-size: 20px;
	text-shadow: 0 1px 16px #000; /* drop shadow */
	text-align:center;
	padding:40px 0;
}
.food-but{
	display:block;
	width:209px;
	height:124px;
	background: url(../img/food-but.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-14.5px 0 0 -62px;
}
.bar-but{
	display:block;
	width:302px;
	height:124px;
	background: url(../img/bar-but.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-14.5px 0 0 -151px;
}
.bookings .content,
.bar .content,
.food .content{
    box-sizing: border-box;
    height: 100%;
    padding: 179px 0 100px;
    position: absolute;
    top: 0;
    width: 100%;
}
.bookings .content .copy,
.bar .content .copy,
.food .content .copy{
    position: absolute;
    width: 100%;
	bottom:40px;
}
.map-tab{
	border-collapse:collapse;
	border:none;
	background:#eeeeee;
}
.map-tab td{
	padding:14px;
}
.map-tab td:first-child{
	width:140px;
	color:#000;
	font:12px/20px Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.TEXTCONTENT{
	display:none !important;
}
/*.bookings .wrapper{
	min-height:771px
}*/

.map-tab div{
	position:relative; 
	height:196px;
}
.map-tab iframe{
	*width:280px; 
	height:196px;
}
@media (max-width: 1581px) {
	.bookings .bravo{
		display:none;
	}
}
@media (max-width: 1715px) {
	
	.bar .bravo,
	.food .bravo{
		display:none;
	}
	.img-content{
		top:242px;
	}
	.top-address div {
		display:inline;
		line-height:28px;
	}
	.top-address a {
		top: 44px;
	}
	.header{
		padding-top:90px;
	}
	.header-td {
		padding-left: 430px;
	}
	.bravo{
		right:66px;
		bottom:100px;
	}
	.history .text-content{
		margin-left:420px;
		width:421px;
		background:rgba(0,0,0,0);
		color:#fff;
		padding:0px;
		float:none;
	}
	.history .content{
		padding:75px 0 0;
	}
	
	.bookings .bravo{
		bottom:auto;
		top:350px;
		right:auto;
		left:160px;
	}
	.location .bravo{
		position:absolute;
		right:68px;
		bottom:58px;
		top:auto;
	}
	
	.map{
		position: relative;
		bottom: auto;
		right:auto;
		margin:48px 0 0 96px;
	}
	.content {
		padding: 89px 0 0;
	}
}
/*********************/

@media (max-width: 1000px) {
	.wrapper{
		width:1000px;
	}
}
/* 980 */
@media (max-width: 700px) {
	/**************/
	.wrapper{
		width: auto;
	}
	/**************/
	.mobile-menu{
		display:block;
	}
	.header-td{
		display:none;
	}
	.header{
		padding-top: 0;
	}
	.logo{
		left:50%;
		margin-left:-137.5px;
	}
	.bookings .text-content,
	.history .text-content,
	.text-content{
		padding:0 55px;
		background:#000;
		margin:0;
		width:auto;
		float:none;
		top:auto;
		left:auto;
		position:relative;
	}
	.bookings .content,
	.bar .content,
	.food .content,
	.history .content,
	.content{
		background:#000;
		padding:0 0 20px;
		max-height:none;
		height: auto;
		position:relative;
		width:auto;
		height:auto;
	}
	.location .bravo,
	.bookings .bravo,
	.history .bravo,
	.bravo{
		position:relative;
		right:auto;
		bottom: auto;
		top: auto;
		left: auto;
		margin:20px auto 0;
		display:block;
	}
	.img-mobile{
		display:block;
	}
	.content .soc{
		text-align:center;
		display:block;
		margin:40px 0 54px;
	}
	.content .soc li{
		display: inline-block;
		float:none;
	}
	.content .address{
		text-align:center;
		display:block;
	}
	.clearfix .inp,
	.clearfix .inp:first-child,
	.inp-big{
		width:90%;
		float:none;
		margin:0 auto 5px;
	}
	.map{
		display:block;
		margin:48px auto 0;
		width:496px;
	}
	.bar-but,
	.food-but{
		position: relative;
		top:auto;
		left:auto;
		margin:0 auto;
	}
	.bookings .content .copy,
	.bar .content .copy, 
	.food .content .copy{
		position:relative;
		bottom: auto;
	}
}

@media (max-width: 466px) {
	.map{
		width:auto;
	}
	.map-tab{
		display:block;
		width:100%;
	}
	.map-tab td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.map-tab iframe{
		width:100% !important;
	}
	.map-tab tbody,
	.map-tab tr{    
		display: block;
		width: 100%;
	}
	.map-tab iframe{
		/*width:280px; 
		height:196px;*/
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
}