@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic-ext);

// @font-face{
	// font-family:PTSansCaption;
	// src:url(../fonts/PTSansCaption.eot) format('eot');
	// src:local('☺'),
	// url(../fonts/PTSansCaption.woff) format('woff'),
	// url(../fonts/PTSansCaption.ttf) format('truetype'),
	// url(../fonts/PTSansCaption.svg) format('svg');
	// font-weight:normal;
	// font-style:normal;
// }

// variables

@colP:#191818;
@colA:#f9c31c;
@colH:#35180a;
@colPlac:@colP;
@fs:16px;
@ff:'PT Sans', arial, helvetica, sans-serif;

// mixins

.br(@r){
	-moz-border-radius:@r;
	-webkit-border-radius:@r;
	-o-border-radius:@r;
	border-radius:@r;
}

.bs(@s){
	-moz-box-shadow:@s;
	-webkit-box-shadow:@s;
	-o-box-shadow:@s;
	box-shadow:@s;
}

.t(@s){
	-moz-transition:@s;
	-webkit-transition:@s;
	-o-transition:@s;
	transition:@s;
}

.lg(@from,@col1,@col2){
	background-color:@col2;
	background-image: -o-linear-gradient(@from,@col1,@col2);
	background-image: -moz-linear-gradient(@from,@col1,@col2);
	background-image: -webkit-linear-gradient(@from,@col1,@col2);
	background-image: -ms-linear-gradient(@from,@col1,@col2);
	background-image: linear-gradient(@from,@col1,@col2);
}

.flex{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.usn{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/* all */

*{
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	&:after,
	&:before{
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
}

html{
	overflow-x:auto;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body{
	font-family:@ff;
	color:@colP;
	font-size:@fs;
	-webkit-font-smoothing:subpixel-antialiased;
	overflow:hidden;
	line-height:1.3;
	background:#fef1dd;
}

a{
	color:@colA;
	text-decoration:none;
	&:focus,
	&:active{
		outline:none;
	}
}

b,
strong{
	font-weight:700;
}

small{
	font-size:80%;
}

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

sup{
	top:-0.5em;
}

sub{
	bottom:-0.25em;
}

h1,h2,h3,h4,h5,h6{
	font-weight:400;
}

input,
button,
select,
textarea{
	color:inherit;
	font:inherit;
	margin:0;
	&:focus{
		outline:none;
	}
}

input{
	padding-top:0;
	padding-bottom:0;
}

::-moz-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}
:-ms-input-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}
::-webkit-input-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	background-color:transparent;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	cursor:pointer;
	-webkit-appearance:button;
}

button[disabled],
input[disabled]{
	cursor:default;
}

img{
	border:0;
	max-width:100%;
}

ul{
	list-style:none;
}

.container{
	margin:0 auto;
	position:relative;
}

.row,
.clearfix{
	&:after{
		display:table;
		line-height:0;
		content:'';
		clear:both;
	}
}

/* header */

.video-wrapp{
	position:fixed!important;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0!important;
	background:url(../img/video-wrapp-mobile.jpg) center top no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.video{
	display:none;
}

.header{
	padding:10px 0;
	background: url(../img/shadow-bottom.png) left bottom repeat-x, url(../img/pattern.png);
	overflow:hidden;
	position:relative;
}

.logo{
	display:inline-block;
	float:left;
	margin-left:40px;
	img{
		display:block;
	}
}

.menu-top{
	width:690px;
	text-align:center;
	display:inline-block;
	float:left;
	font-size:16px;
	li{
		display:inline-block;
		position:relative;
		margin:0 1px;
		text-transform:uppercase;
		color:#fff;
		&:after{
			content:'';
			position:absolute;
			width:1px;
			height:32px;
			right:-4px;
			top:50%;
			margin-top:-16px;
			background:url(../img/divider.png);
		}
		&:last-child{
			&:after{
				display:none;
			}
		}
	}
	a{
		color:inherit;
		display:block;
		padding:18px 18px;
		.t(.2s);
		&:hover{
			color:@colA;
		}
	}
}

.header-contacts-cell{
	display:table-cell;
	vertical-align:middle;
}

.header-contacts{
	display:table;
	float:right;
	width:180px;
	color:#fff;
	font-size:14px;
	height:54px;
	.addr{
		margin-bottom:7px;
		padding-left:32px;
		position:relative;
		&:before{
			content:'';
			position:absolute;
			width:24px;
			height:24px;
			left:0;
			top:0;
			background:url(../img/addr-icon.png);
		}
	}
	.tel{
		padding-left:32px;
		color:inherit;
		white-space:nowrap;
		position:relative;
		display:inline-block;
		&:before{
			content:'';
			position:absolute;
			width:23px;
			height:25px;
			left:0;
			top:50%;
			margin-top:-12px;
			background:url(../img/tel-icon.png);
		}
	}
}

.menu-toggle{
	color:#fff;
	cursor:pointer;
	.usn;
	font-size:22px;
	color:#fff;
	position:relative;
	padding-left:35px;
	margin-top:25px;
	display:none;
	span{
		position:absolute;
		width:24px;
		height:20px;
		top:50%;
		left:0;
		margin-top:-10px;
		border-top:solid 2px #fff;
		border-bottom:solid 2px #fff;
		.t(.2s);
		&:before,
		&:after{
			content:'';
			position:absolute;
			top:50%;
			margin-top:-1px;
			height:2px;
			background:#fff;
			left:0;
			right:0;
			.t(.2s);
		}
	}
	&.active{
		span{
			border-top-color:transparent;
			border-bottom-color:transparent;
			&:before{
				-webkit-transform:rotate(45deg);
				-moz-transform:rotate(45deg);
				-ms-transform:rotate(45deg);
				-o-transform:rotate(45deg);
				transform:rotate(45deg);
			}
			&:after{
				-webkit-transform:rotate(-45deg);
				-moz-transform:rotate(-45deg);
				-ms-transform:rotate(-45deg);
				-o-transform:rotate(-45deg);
				transform:rotate(-45deg);
			}
		}
	}
}

/* main */

.main{
	position:relative;
	background:url(../img/main-bottom.jpg) center bottom no-repeat;
	.container{
		// min-height:1010px;
	}
}

.main-menu-wrapp{
	display:inline-block;
	float:left;
	width:740px;
}

.main-img-wrapp{
	display:none;
	float:left;
	padding-top:15px;
	width:425px;
	position:relative;
}

.hookah{
	display:block;
	max-width:none;
}

.hookah-map{
	width:365px;
	height:648px;
	display:block;
	max-width:none;
	position:absolute;
	top:15px;
	left:0;
	z-index:1;
}

[class^="hookah-piece-"]{
	position:absolute;
	max-width:none;
	opacity:0;
	.t(.2s);
	&.active{
		opacity:1;
	}
}
.hookah-piece-1{
	top:-9px;
	left:152px;
}
.hookah-piece-2{
	top:52px;
	left:104px;
}
.hookah-piece-3{
	top:119px;
	left:166px;
}
.hookah-piece-4{
	top:170px;
	left:147px;
}
.hookah-piece-5{
	top:228px;
	left:98px;
}
.hookah-piece-6{
	top:333px;
	left:122px;
}
.hookah-piece-7{
	top:437px;
	left:95px;
}
.hookah-piece-8{
	top:489px;
	left:-48px;
}

.main-menu{
	display:inline-block;
	float:left;
	width:315px;
	font-size:20px;
	a{
		color:#fff;
		display:block;
	}
}

[class^="main-menu-item-"]{
	position:relative;
	margin-top:20px;
	a{
		display:block;
		-webkit-transition:color .2s;
		-moz-transition:color .2s;
		-o-transition:color .2s;
		transition:color .2s;
		position:relative;
		margin:0 0 0 -20px;
		padding:10px 20px;
		.br(10px 10px 0 0);
	}
	&:before{
		content:'';
		position:absolute;
		height:3px;
		right:100%;
		top:50%;
		margin-top:-2px;
		background:#a86c1b;
		border-top:solid 1px #e8c966;
		border-bottom:solid 1px #e8c966;
		margin-right:20px;
		opacity:0;
		.t(.2s);
		z-index:-1;
	}
	&.active{
		.main-menu-desc{
			opacity:1;
			z-index:1;
			-webkit-transform:scale(1);
			-moz-transform:scale(1);
			-o-transform:scale(1);
			transform:scale(1);
		}
		a{
			color:@colH;
			background:url(../img/main-menu-item-active.png);
			background-size:100% 100%;
			.bs(0 0 45px #fffc00);
		}
		&:before{
			opacity:1;
			z-index:1;
		}
	}
}

.main-menu-item-1{
	&:before{
		width:150px;
	}
}
.main-menu-item-2{
	&:before{
		width:105px;
	}
}
.main-menu-item-3{
	&:before{
		width:160px;
	}
}
.main-menu-item-4{
	&:before{
		width:140px;
	}
}
.main-menu-item-5{
	&:before{
		width:130px;
	}
}
.main-menu-item-6{
	&:before{
		width:145px;
	}
}
.main-menu-item-7{
	&:before{
		width:100px;
	}
}
.main-menu-item-8{
	&:before{
		width:80px;
	}
}

.main-menu-desc{
	position:absolute;
	top:100%;
	right:0;
	left:-20px;
	background:#ffe7c4;
	font-size:14px;
	color:#2a2323;
	padding:14px 14px 14px 20px;
	opacity:0;
	z-index:-1;
	.t(.2s);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-o-transform:scale(.5);
	transform:scale(.5);
}

.main-news{
	display:inline-block;
	float:right;
	width:255px;
	padding:15px 0;
	position:relative;
	z-index:2;
}

.main-news-body{
	padding:25px 30px;
	background:rgba(140,117,78,.38);
	.br(12px);
}

.news-widget{
	margin-bottom:25px;
	color:#fff;
	line-height:1.25;
	&:last-child{
		margin-bottom:0;
	}
}

.news-widget-date{
	font-size:12px;
	margin-bottom:5px;
}

.news-widget-title{
	font-size:18px;
	color:@colA;
	margin-bottom:5px;
	a{
		display:block;
		&:hover{
			text-decoration:underline;
		}
	}
}

.news-widget-text{
	font-size:14px;
	margin-bottom:5px;
	p{
		height:51px;
		overflow:hidden;
		line-height:17px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		text-overflow:ellipsis;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.news-widget-link{
	font-size:14px;
	color:#fff;
	span{
		font-weight:700;
		text-decoration:underline;
	}
	&:hover{
		span{
			text-decoration:none;
		}
	}
}

/* main-text */

.main-text{
	position:relative;
	background:#ffe7c4;
	padding:50px 0 30px;
}

.content-wrapp{
	padding:0 50px;
}

.main-text-title{
	margin-left:-20px;
}

.section-title{
	text-transform:uppercase;
	color:@colH;
	margin-bottom:30px;
}

.title-span{
	display:inline-block;
	padding:5px 15px;
	margin:0 5px;
	.bs(1px 1px 4px rgba(0,0,0,.25));
	background:url(../img/title-span.png);
	background-size:100% 100%;
	position:relative;
	font-size:26px;
	z-index:1;
	text-transform:uppercase;
	&:before,
	&:after{
		content:'';
		position:absolute;
		width:5px;
		top:0;
		bottom:0;
		background-size:100% 100%;
	}
	&:before{
		left:-5px;
		background-image:url(../img/title-span-before.png);
	}
	&:after{
		right:-5px;
		background-image:url(../img/title-span-after.png);
	}
}

.main-text-title{
	position:relative;
	font-size:0;
	overflow:hidden;
	&:before{
		content:'';
		position:absolute;
		width:2000px;
		height:0;
		left:0;
		top:50%;
		margin-top:-1px;
		border-top:solid 1px #edbd78;
		border-bottom:solid 1px #fbd983;
		.bs(0 1px 4px rgba(0,0,0,.1));
	}
}

.content-text-title{
	font-size:16px;
	font-weight:700;
	margin-bottom:20px;
}

.content-text{
	p{
		margin-bottom:25px;
	}
}

/* footer */

.footer{
	position:relative;
	z-index:1;
}

.footer-content{
	background:url(../img/shadow-top.png) left top repeat-x, url(../img/pattern.png);
	padding:40px 0 15px;
	color:#fff;
}

.footer-row{
	margin:0 -10px;
}

.footer-col{
	padding:0 10px 20px;
}

.footer-menu{
	li{
		margin-bottom:10px;
		&:last-child{
			margin-bottom:0;
		}
	}
	a{
		color:inherit;
		line-height:16px;
		&:hover{
			color:#d18b20;
			font-weight:700;
		}
	}
}

.footer-col-title{
	font-weight:700;
	color:#d18b20;
	margin-bottom:10px;
}

.footer-contacts{
	p{
		margin-bottom:5px;
		&:last-child{
			margin-bottom:0;
		}
	}
	a{
		color:inherit;
		&:hover{
			text-decoration:underline;
		}
	}
}

.soc-links{
	margin:0 -5px;
	float:right;
	display:inline-block;
}

[class^="soc-icon-"]{
	display:inline-block;
	float:left;
	width:35px;
	height:35px;
	background:url(../img/soc-icons.png);
	margin:0 5px;
	&:hover{
		-webkit-animation:soc .3s;
		-moz-animation:soc .3s;
		animation:soc .3s;
	}
}

.soc-icon-2{
	background-position:0 -35px;
}
.soc-icon-3{
	background-position:0 -70px;
}
.soc-icon-4{
	background-position:0 -105px;
}
 
@-webkit-keyframes soc{
	20%{-webkit-transform:rotate(10deg)};
	40%{-webkit-transform:rotate(-10deg)};
	60%{-webkit-transform:rotate(5deg)};
	80%{-webkit-transform:rotate(-5deg)};
}
@-moz-keyframes soc{
	20%{-moz-transform:rotate(10deg)};
	40%{-moz-transform:rotate(-10deg)};
	60%{-moz-transform:rotate(5deg)};
	80%{-moz-transform:rotate(-5deg)};
}
@keyframes soc{
	20%{transform:rotate(10deg)};
	40%{transform:rotate(-10deg)};
	60%{transform:rotate(5deg)};
	80%{transform:rotate(-5deg)};
}

.footer-body{
	padding:30px 0 10px;
	background:#240000 url(../img/footer-body.png) center top repeat-y;
	margin:auto;
	color:#fff;
}

.footer-body-row{
	.flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	text-align:center;
	margin:0 -10px;
}

.footer-body-col{
	display:inline-block;
	vertical-align:middle;
	padding:0 10px 20px;
}

.btn{
	font-size:20px;
	font-weight:700;
	color:@colH;
	text-align:center;
	min-width:230px;
	padding:0 15px;
	text-transform:uppercase;
	display:inline-block;
	border:0;
	background:transparent;
	position:relative;
	.t(.2s);
	&:hover{
		opacity:.8;
	}
	span{
		padding:15px 0;
		display:block;
		background:url(../img/btn.png);
		background-size:100% 100%;
	}
	&:before,
	&:after{
		content:'';
		position:absolute;
		width:15px;
		top:0;
		bottom:0;
		background-size:100% 100%;
	}
	&:before{
		left:2px;
		background-image:url(../img/btn-before.png);
	}
	&:after{
		right:2px;
		background-image:url(../img/btn-after.png);
	}
}

.copyright{
	text-align:center;
	font-size:20px;
}

/* page */

.page{
	padding:25px 0;
}

.page-title-center{
	text-align:center;
	overflow:hidden;
	margin-bottom:40px;
	position:relative;
	&:before{
		content:'';
		position:absolute;
		right:0;
		height:0;
		left:0;
		top:50%;
		margin-top:-1px;
		border-top:solid 1px #edbd78;
		border-bottom:solid 1px #fbd983;
		.bs(0 1px 4px rgba(0,0,0,.1));
	}
}

.news-col{
	padding-bottom:25px;
}

.news-block{
	background:#fff;
	border:solid 1px #f9dbb0;
	padding:1px;
}

.news-block-img{
	display:block;
	height:155px;
	.t(.2s);
	&:hover{
		opacity:.8;
	}
	img{
		display:none;
	}
}

.news-block-body{
	padding:10px 15px 15px;
}

.news-block-date{
	font-size:12px;
	color:#878787;
	margin-bottom:5px;
}

.news-block-title{
	position:relative;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:18px;
	font-weight:700;
	a{
		display:block;
		color:inherit;
		&:hover{
			text-decoration:underline;
		}
	}
	&:before{
		content:'';
		position:absolute;
		height:1px;
		left:0;
		bottom:0;
		right:8%;
		background:#fde6c3;
	}
}

.news-block-text{
	font-size:14px;
	margin-bottom:5px;
	height:90px;
	line-height:18px;
	text-overflow:ellipsis;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.read-more{
	font-size:14px;
	font-weight:700;
	color:@colH;
	text-align:center;
	min-width:65px;
	padding:0 5px;
	display:inline-block;
	border:0;
	background:transparent;
	position:relative;
	.br(4px);
	.t(.2s);
	.bs(1px 1px 4px rgba(0,0,0,.15));
	&:hover{
		opacity:.8;
	}
	span{
		padding:3px 0;
		display:block;
		background:url(../img/read-more.png);
		background-size:100% 100%;
	}
	&:before,
	&:after{
		content:'';
		position:absolute;
		width:5px;
		top:0;
		bottom:0;
		background-size:100% 100%;
	}
	&:before{
		left:0;
		background-image:url(../img/read-more-before.png);
	}
	&:after{
		right:0;
		background-image:url(../img/read-more-after.png);
	}
}

.article-head{
	overflow:hidden;
	padding-bottom:35px;
}

.article-title{
	display:inline-block;
	float:left;
	margin:0;
}

.breadcrumbs{
	display:inline-block;
	float:right;
	padding-left:10px;
	margin:10px 0;
	position:relative;
	li{
		display:inline-block;
		float:left;
		padding-right:14px;
		position:relative;
		&:after{
			content:'\002D';
			position:absolute;
			width:14px;
			height:14px;
			right:0;
			top:0;
			text-align:center;
		}
		&:last-child{
			padding-right:0;
			&:after{
				display:none;
			}
		}
	}
	a{
		color:inherit;
		&:hover{
			text-decoration:underline;
		}
	}
	&:before{
		content:'';
		position:absolute;
		width:2000px;
		height:0;
		right:100%;
		top:50%;
		margin-top:-1px;
		border-top:solid 1px #edbd78;
		border-bottom:solid 1px #fbd983;
		.bs(0 1px 4px rgba(0,0,0,.1));
	}
}

.article-text{
	padding-left:20px;
	a{
		color:#82171d;
		text-decoration:underline;
		&:hover{
			text-decoration:none;
		}
	}
	ul{
		padding-left:20px;
		list-style:disc;
		li{
			margin-bottom:5px;
		}
	}
}

.img-right{
	display:inline-block;
	float:right;
	margin:0 0 25px 50px;
}

.img-left{
	display:inline-block;
	float:left;
	margin:0 50px 25px 0;
}

/* form */

.form-block{
	position:relative;
	margin-bottom:20px;
}

.alert{
	position:absolute;
	height:20px;
	padding:0 10px;
	background:red;
	color:#fff;
	font-size:12px;
	line-height:20px;
	top:0;
	right:0;
	font-style:normal;
	.br(4px);
	.t(all .3s);
	opacity:0;
	z-index:-2;
	white-space:nowrap;
	&:after{
		content:'';
		position:absolute;
		width:0;
		height:0;
		border-top:solid 8px red;
		border-left:solid 5px transparent;
		border-right:solid 5px transparent;
		bottom:-8px;
		right:20px;
	}
	&.active{
		opacity:1;
		z-index:2;
		top:-19px;
	}
}

.send{
	line-height:1;
	p{
		font-weight:700;
		font-size:26px;
	}
}

.modal{
	display:none;
	background:#fff;
	width:280px;
	text-align:center;
	padding:15px 10px;
	-webkit-transform:translateZ(0);
	color:@colP;
}

.modal-title{
	text-align:center;
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:26px;
	font-weight:700;
}

.modal-wrapp{
	.fancybox-skin{
		.br(0);
		.bs(none);
		background:transparent;
	}
}

.input{
	display:block;
	width:100%;
	height:40px;
	border:solid 1px #ccc;
	.br(5px);
	padding:0 15px;
}

.textarea{
	padding:10px 15px;
	height:100px;
	resize:none;
}

.paginated{
	.clearfix;
	li{
		display:inline-block;
		float:left;
		margin-right:5px;
		text-align:center;
	}
	a{
		display:block;
		padding:3px 5px;
		background:@colA;
		color:inherit;
		.br(2px);
		min-width:26px;
		.t(.2s);
		&:hover{
			background:darken(@colA, 10%);
			color:#fff;
		}
	}
	.active{
		padding:3px 5px;
		min-width:26px;
	}
}






















@import url(responsive.less);