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


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

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

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

/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,prox,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
 
 

/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod:after,
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mod,
.section {
	zoom: 1;
}


/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}




*{outline:none
}

.box, div, section, nav {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}


body{	
	-webkit-text-size-adjust: 100%;
	 height:100%;
	 font-family: 'acrom', Verdana, Geneva, sans-serif;
	 background-color:#000;
	 color:#eae9e6;
	background:url(../img/wood.jpg) repeat  #000 0% 0%;


	 font-size:16px;
	 min-width:990px;
	
}

html{
	 height:100%;
}



/*хаки для центровки*/
.center-x-y{
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.center-x{
	-moz-transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
	-o-transform:translate(-50%,0%);
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
}
.center-y{
	-moz-transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	-o-transform:translate(0%,-50%);
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
}



.valign-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
}
.center {
    text-align: center;
	width:100%;
    vertical-align: middle;

}

.vcenter {
    text-align: left;
	width:100%;
    vertical-align: middle;
	

}

/*хаки для центровки*/

.row:before, .row:after { display: table; content: " "; clear: both; }
.global {
	width:100%;
	min-height:100%;
	 margin:0 auto;
	 
	                display: flex;
               justify-content:space-between;
            
                flex-direction:  column  ;
}


.page-header h1, .page-header h5 {
	font-size:331.25%;
	color:#eae9e6;
	font-weight:normal;
	line-height:80%;
	 font-family: 'acrombold', Verdana, Geneva, sans-serif;
	 text-transform:uppercase;
	 letter-spacing:-2px;
	 display:inline-block;
	 position:relative;
	 left:50%;
	 text-align:center;
	 padding:0 4px;
	 max-width:70%
}

.page-header h5 {
	font-size:250%;
	margin-top:2em
}

.page-header {
	width:100%;
	overflow:hidden;
	margin-bottom:1.87em
	/*margin-bottom:30px*/
}

.page-header h1:before, .page-header h5:before {
	position:absolute;
	content:"";
	width:500%;
	height:10px;
	font-size:1px;
	left:-500%;
	top:50%;
	background:url(../img/zigzag.png) repeat-x 0% 50%;
	background-size:contain;
	margin-top:-5px
	
}

.page-header h1:after, .page-header h5:after{
	position:absolute;
	content:"";
	margin-top:-5px;
	width:500%;
	height:10px;
	font-size:1px;
	left:100%;
	top:50%;
	background:url(../img/zigzag.png) repeat-x 0% 50%;
	background-size:contain
	
}


.items {
	width:100%;
	max-width:3000px;
	margin:0 auto;
	padding:0 4%;
	display: -webkit-flex;
display: -ms-flexbox;
display: flex;
 -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
	
}
.hamburger {width:80px;
height:50px;
display:none;

position:absolute;
z-index:9000;
left:0;
top:0px;
}
.hamburger div {
	width:70%;
	left:15%;
	height:5px;
	background-color:#eae9e6;
	position:absolute;
	top:12px
}
.hamburger div:nth-child(2){
	top:22px
}
.hamburger div:nth-child(3){
	top:32px
}
.one-item {
	
	float:left;
	background:url(../img/dotted.png) repeat-y 100% 0%;
	padding:0 20px;
	display: -webkit-flex;

display: -ms-flexbox;

display: flex;
margin-bottom:44px;
position:relative
}

.menu-chapter-item {
		padding:0 3vw;
	display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom:44px;
position:relative;
width:25%;
float:left;
margin-bottom:5em;
text-align:center
}

.menu-chapter {
	padding-top:2em
	
}


.menu-chapter-item  a{
	color:#eae9e6;
	text-decoration:none
}

.menu-chapter-item  h2{
	font-size:1.5em;
	  font-family: 'may';
	  text-transform:uppercase;
	  margin-bottom:1em;
	  text-align:center
}

.menu-chapter-item  img {
	max-width:100%;
	height:auto
}

.menu-chapter .one-item {
	background:none
}



.one-item-cell {
	width:50%;
	float:left
}

.one-item-cell:fist-child {
	padding-right:20px
}
.one-item-cell:last-child {
	padding-left:20px
}

.one-item-cell img {
	max-width:100%;
	height:auto
}

.one-item-cell h2 {
	font-size:200%;
	line-height:110%;
	color:#eae9e6;
	font-weight:normal;
	 font-family: 'may', Verdana, Geneva, sans-serif;
	 margin-top:0.9375em;
	 margin-bottom:0.9375em;
	 text-transform:uppercase
}

.one-item-cell h2 a{
	color:#eae9e6;
	text-decoration:none
}

.mass {
	font-size:112.5%;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	display:inline-block;
	float:left;
	margin-top:6px;
	margin-left:3px
	}
.cost {
	font-size:256.25%;
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	position:relative;
	display:inline-block;
	float:right;
	}


.rub {
	position:relative;
	padding-right:0.8em
}
.rub:before {
	position:absolute;
	content:"P";
	font-size:0.9em;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	right:0px;
	top:0.09em;
	display:block;
	
}	
	
	
.rub:after {
	position:absolute;
	content:"";
	font-size:1em;
	line-height:1em;
	width:0.52em;
	height:0.05em;
	min-height:1px;
	background-color:#eae9e6;
	right:0.08em;
	bottom:0.23em;
	display:block
}


.rub2 {
	position:relative;
	padding-right:0.8em
}
.rub2:before {
	position:absolute;
	content:"P";
	font-size:0.9em;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	right:0px;
	top:0.1em;
	display:block;
	
}	
	
	
.rub2:after {
	position:absolute;
	content:"";
	font-size:1em;
	line-height:1em;
	width:0.52em;
	height:0.05em;
	min-height:1px;
	background-color:#000;
	right:0.08em;
	top:74%;
	display:block
}

.one-item  article {
	font-size:87.5%;
	line-height:112.5%;
	margin-top:0.5em;
	
	font-family: 'acrom', Verdana, Geneva, sans-serif;
}

.one-item p {
	margin-bottom:14px
}

input.item-quantity {
	display:block;
	width:2.625em;
	height:2.625em;
	border-radius:100%;
	border:0.0625em solid #eae9e6;
	background-color:transparent;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-1.3125em;
	margin-top:-1.3125em;
	font-size:1em;
	line-height:1em;
	text-align:center;
	color:#eae9e6
}

.item-quantity-wrap{
	
	width:3.25em;
	height:3.25em;
		border-radius:100%;
	border:0.1875em solid #eae9e6;
	
	display:block;
	position:relative;
	float:left

}

.minus-btn, .plus-btn {
	width:1.875em;
	height:1.875em;
	/*font-size:1px;*/
	line-height:1px;
	
	
	position:relative;
	float:left;
	margin-top:0.5em;
	cursor:pointer
}

.minus-btn:hover>div {
	border-right-color:#7a588a
}
.plus-btn:hover>div {
	border-left-color:#7a588a
}
.minus-btn>div, .plus-btn>div {
	width:0.5625em;
	height:0.5625em;	
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-0.8125em;
	margin-top:-0.4375em;
}

.minus-btn>div {
border: 0.5em solid transparent;	border-right: 0.5em solid #eae9e6;

}
	
.plus-btn>div {
border: 0.5em  solid transparent;	border-left: 0.5em solid #eae9e6;
margin-left:-0.2125em

}

.one-item-cell .item-to-cart {
	position:absolute;
	left:-26px;
		top:50%;
		-moz-transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	-o-transform:translate(0%,-50%);
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	font-size:16px
	
}

.one-item-form {
	
	width:100%;
	position:relative;
margin-top:1em
	/*height:70px*/
	
}

.one-item-form .radio {
	width:100%;
	position:relative;
	
	font-size:0.75em;
	left:0;
	margin-bottom:2em
}
.radio input { visibility:hidden;
position:absolute
}


.radio label {
	position:relative;
	cursor:pointer
}
.radio label span {
	position:relative;
	padding-left:1.8em;
	margin-right:1.5em;
	left:0
}
.radio label span:before {
	position: absolute;
	content:"";
	width:1.4em;
	height:1.4em;
	left:0;
	top:50%;
	margin-top:-0.7em;
	border:1px solid rgba(255,255,255,.5);
	border-radius:100%
}

.radio input:checked+span:before {
	border:1px solid #c1d35e;
	background-color:#c1d35e
	
}

.radio input:checked+span.pepper:before {
	border:1px solid #d85353;
	background-color:#d85353
	
}

.radio+.item-to-cart {
	
}

.quantity-and-button {
	position:relative;
	min-height:80px;
	
}
.radio~.btn {
	
}
.btn {
	height:2.93em;	
	color:#eae9e6;
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	font-size:87.5%;
	
	border:none;
	border-radius:2px;	
	line-height:100%;	
	cursor:pointer

}

.one-item-form .btn  {
	top:50%;
		-moz-transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	-o-transform:translate(0%,-50%);
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	right:0;
	text-transform:uppercase;
		border-top:#8baf44 1px solid;
	border-bottom:#526f26 1px solid;
		background:url(../img/cart.png) no-repeat 85% 45% #82aa36;
	background-size:1.43em 1.43em;
	padding:0 4em 0 1.43em;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23);
	position:absolute;
}
.one-item-form .btn:hover {
	background-color:#729333;	
}



.breadcrumbs {
	width:100%;
	margin:2.125em auto 1.5em auto;
	max-width:3000px;
	padding:0 2%
}
.breadcrumbs ul {
	display:block;
	width:100%;
}

.breadcrumbs li{
	display:inline-block;
	float:left;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	font-size:87.5%;
	text-transform:uppercase;
	margin-right:28px;
	position:relative
}

.breadcrumbs a {
	color:#eae9e6;
	text-decoration:none
	
}

.breadcrumbs li:after {
	position:absolute;
	display:block;
	content:">";
	left:100%;
	margin-left:10px;
	font-size:0.875em;
	top:0;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
}

.breadcrumbs li:last-child:after {
	display:none	
}

.breadcrumbs li:last-child a {
	opacity:0.5
}

.fx-links a {
	position:relative
}
.fx-links  a:after {
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	width:1px;
	height:1px;
	background-color:#eae9e6;
	opacity:0;
	font-size:1px;
	line-height:1px
}
	
.fx-links  a:hover:after {

	left:0%;
	width:100%;
	opacity:1;
}	

.col {
	float:left;
	margin:0;
	padding:0 15px;
	position:relative;
	min-height:1px;
}

.col:first-child {
	padding-left:0
}

.col:last-child {
	padding-right:0
}


.l-col-12 {
	width:100%
}
.l-col-7 { width:58.333% }  
.l-col-6 {
	width:50%
}

.l-col-5 {
	width:41.666%
}
.l-col-4{
	width:33.333%
}
.l-col-3{
	width:25%
}
.l-col-2{
	width:16.6666%
}



.l-col-11 { width:91.666% } 
.l-col-10 { width:83.3333% } 
.l-col-8 { width:66.6666% }

footer {
	margin:0px  auto;
	width:100%;
	max-width:3000px;
	padding:0 2%;
	font-size:13px;
}
.footer {
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	font-size:1em;
	line-height:1em;
	
	width:45%;
	max-width:53.846em;
	float:right;
	min-width:38.46em;
	margin:2.30769em 0 3.846em 0;
	
}

.footer p {
	margin-bottom:0.461em
}

.footer a {
	color:#eae9e6;
	text-decoration:none
}



a.d7 {
	display:block;
	width:2.923em;
	float:right;
	height:2.923em;
	background:url(../img/d7.png) no-repeat 0 0;
	background-size:cover;
	margin-top:-0.3846em
}

a.d7:hover {
	background-position:0 -3.0769em
}


a.insta {
	display:block;
	width:2em;
	float:left;
	height:2em;
	background:url(../img/insta.png) no-repeat 0 0;
	background-size:cover;

}

a.insta:hover {
	opacity:0.5
}


.menu {
	font-size:1.3125em;
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	color:#eae9e6;
	text-transform:uppercase;	
	display:inline-block;
	position:relative;
	height:2.0em;
	margin-top:1.125em;
	/*position:absolute;*/
/*	left:50%;
	z-index:10;
	margin-left:100px;*/
	
}

.menu-over {
	background-color:#14100F;
	position:fixed;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	visibility:hidden;
	opacity:0;
	left:-100vw;
	display:none
}
.menu>ul>li {
	display:inline-block;
	margin:0 1.125em 1.25em 1.125em
}

.menu>ul>li:first-child {
	margin-left:0px
}

.menu>ul>li:last-child {
	margin-right:0px
}

.menu>ul>li>a{
	color:#eae9e6;
	text-decoration:none
}

.menu:after {
	position:absolute;
	content:"";
	bottom:0;
	left:0;

	width:100%;
	height:6px;
	font-size:1px;
	line-height:1px;
	border-bottom:2px solid #eae9e6;
	border-top:2px solid #eae9e6;
}


.dummy {
	width:80px
}
.cart {
	display:inline-block;
	float:right;
	
	
	position:fixed;
	z-index:20;
	right:2%;
	
}
.cart>a>span {
	font-size:0.6875em
}
.cart:hover {
 width:300px;
}
.cart>a {
	color:#eae9e6;
	width:5em;
	height:4.375em;
	display:block;
	text-decoration:none;
	position:relative;
	float:right;
	background:url(../img/cart.png) no-repeat 50% 0.625em;
	background-size:1.875em 1.875em;
}

.cart>a>span:first-child{
	position:absolute;
	left:0;
	bottom:0.625em;
	width:100%;
	text-align:center;
}

.cart>a>span:last-child{
	position:absolute;
	right:0.6em;
	top:0.4615em;
	width:100%;
	text-align:center;
	background-color:#82aa36;
	color:#eae9e6;
	font-size:0.8125em;
	width:1.8em;
	height:1.8em;
	border-radius:100%;
	line-height:1.8em;

	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
}

.cart.scrolled {
	background:url(../img/cart.svg) no-repeat 50% 0%;
	background-size:60px 60px;
}

.cart.scrolled:hover {
	background:none
}

.cart.scrolled>a>span:first-child{
	opacity:0
}

.cart-dropdown {
	position:absolute;
	right:0px;
	width:18.75em;
	
	padding:0.1875em;
	z-index:5;
	top:1.875em;
	background-color:#f8eee7;
	opacity:0;
	visibility:hidden;
	text-align:center;
	font-size:16px;
box-shadow: -1px 1px 3px 0px rgba(36,29,28,0.2);
color:#000;
border-radius:2px;



}


.cart:hover>.cart-dropdown, .cart-dropdown:hover {
	right:1px;
	opacity:1;
	top:4.2em;
	visibility:visible


}


.cart-dropdown ul {
	display:block;
	width:100%;
	
	padding:0.625em;
	z-index:5;
	
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	text-align:left
	
}


.cart-dropdown li {
	display:block;
	position:relative;
	float:left;
	margin-bottom:0.625em;
	font-size:1em;
	border-bottom:1px solid #e2d9d2;
	width:100%;
	padding-bottom:0.25em
}


.cart-dropdown li:nth-last-child(2) {

	
	
}

.cart-dropdown li:last-child{
	
border-bottom:2px solid #c2b9c2;
margin-bottom:1.2em;
padding-top:0.25em



	
	
}

.cart-dropdown li>span:first-child {
	width:76%;
	float:left;
	text-transform:uppercase;

}


.cart-dropdown li>span:last-child {
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	font-size:1em;
	padding-right:0.84em
	
	
}
.callto {
	margin-top:6vh;
	transform:rotate(-6deg)
}
.callto a{
	padding:1.2em 2em;	
	background-color:transparent;
	color:#eae9e6;
	border:2px dashed #eae9e6;	
	border-radius:4px;	
		letter-spacing:1px;
		font-family: 'acrom', Verdana, Geneva, sans-serif;
		font-weight:normal;	
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.23);
	text-align:center;
	text-transform:uppercase;
	font-size:0.7em;
	text-decoration:none;
	
	
}
.callto .btn:hover {
	
	
	border:2px dashed #94c908;
}
	
.cart .btn {
	padding:0 18px;
	background-color:#3bac7d;
			border-top:#51b58c 1px solid;
	border-bottom:#30976c 1px solid;
	text-decoration:none;
	text-align:center;
	margin-bottom:10px ;
	height:2.8em;
	line-height:2.8em;
	display:inline-block
}

.cart .btn:hover {
	background-color:#289376
}

.title {
	display:block;
	width:15%;
	min-width:200px;
	max-width:400px;
	float:left;
	height:100px;
	position:relative
	
}
.logo a {
	display:block;
	width:80%;
	height:60%;
	background-color:rgba(255,255,255,0);
	position:absolute
}
.logo img{
	max-width:100%;
	height:auto
}
.top-sec{
	
	


}
.top {
	width:100%;
	max-width:3000px;
	margin:0 auto;
	padding:10px 2% 0 2%;
	position:relative;
	font-size:16px;
	
	-webkit-justify-content: space-between; 
  justify-content: space-between; 
    -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; 
flex-wrap: wrap;
min-width:990px







  
/*	    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

-webkit-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-justify-content: space-between;
justify-content: space-between;	*/
}


.home-page .top {
	position:fixed;
	z-index:100;
	top:0;
	
}
li.dishes>a{
	position: relative;
	margin-right:1em;
}
li.dishes>a:after {
	position:absolute;
	content:">";
	font-size:1em;
	line-height:1em;
	transform:scale(2,1.2) rotate(90deg);
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	color:#eae9e6;
	left:100%;
	margin-left:0.6em;
	top:0.16em;
}

.menu>ul>li>a:hover{	
	color:#82aa36
}

#obj-holder {
	position:fixed;
	z-index:300;
	
}

#obj-holder img {
	max-width:100%;
	height:auto
}

#paper-bag {
	
width:300px;
	height:35vh;
	
	background:url(../img/bag.png) no-repeat 0 0;
	background-size:cover;
	position:fixed;
	z-index:310;
	left:50%;
	bottom:-35vh;
}
#paper-bag.card-info-bag {
	width:500px;
}
#paper-bag.show {
	bottom:-15vh;
}
#paper-bag.to-cart {
bottom:-35vh;
}

 img.hide{
	opacity:0
}
li.dishes {
	position:relative
}
.dd-menu {
	position:absolute;
	opacity:0;
visibility:hidden;
	z-index:20;
	margin-top:0px;

}
.dd-menu ul {
	display:block;
	margin-top:0px;
	margin-top:0px;
		background-color:rgba(248,238,231,0.98);
	-webkit-box-shadow: -4px 4px 23px 0px rgba(0,0,0,0.6);
-moz-box-shadow: -4px 4px 23px 0px rgba(0,0,0,0.6);
box-shadow: -4px 4px 23px 0px rgba(0,0,0,0.6);
padding:0px;

}
.dd-menu li {
	display:block;
	border-bottom:1px solid #181716
}
.dd-menu li a{
font-family: 'acrommedium', Verdana, Geneva, sans-serif;
font-size:1em;
line-height:1.89em;
color:#000;
white-space:nowrap;
text-decoration:none;
padding:0 0.56em;
}

.dd-menu li:last-child {
	border:none
}



.dishes:hover>.dd-menu , .dd-menu:hover{
	opacity:1;
	visibility:visible;
	margin-top:0;
	
}


.dishes:hover>.dd-menu ul , .dd-menu:hover>ul{
	
	margin-top:1.0476em;
	
}

.dd-menu li:hover{	
	background-color:#2d2727;
	color:#eae9e6;
}

.dd-menu li:hover a{	
	
	color:#eae9e6;
}


.contacts footer {
	
}
.contacts footer .footer, .delivery footer .footer, .home-page footer .footer {
	position:absolute;
	bottom:0em;
	right:2%;
	margin:1em 0
	
}



/*-----------------------------------------------------------------------------------------для карточки товара*/


.card-pic {
	width:45%;	
	float:left;
	text-align:center
}
.card-pic img {
	max-width:100%;
	height:auto
}
.card-info {
	width:55%;
	float:left;
	padding-top:3em;
	max-width:25em;
	font-size:17px;
	
}

.card-info article {
	font-size:1.2em;
	
	font-family: 'acrom', Verdana, Geneva, sans-serif;
	
}

.card-info .cost {	
	margin-top:1em;
	float:left;
	clear:left;
	
	
	}
.card-info .mass {
	float:left;	
	margin-top:0.8em;
	width:100%;
	margin-left:0
	
	}
	
	
	
.card-info .one-item-form {
	font-size:20px;
	margin-left:-1em;
	position:relative;
	float:left;
	margin-top:1.4em
}
	
.card-info .one-item-form .radio {
	margin-left:1.3em;
	
}
	
	
/*--------------------------------------------------------------------------------------------стили корзины	*/
	
.order {
	width:100%;
	background-color:#f8eee7;
	color:#000
}


.form-wrap {
	width:100%; 
	max-width:62em;
	margin:5em auto 2em auto
}

.order label {
	font-size:0.6em;
	white-space:nowrap;
	text-transform:uppercase;
	position:absolute;
	left:0;
	top:100%;
	margin-top:4px
	
}
.comments label {
	position:relative;
}

.formset {
	width:100%;
	margin:1.5em 0;
	float:left;
	position:relative
}

.order input[type="text"] {
	border:none;
	outline:none;
	background-color:#f8eee7;
	border-bottom:1px solid #000;
	display:block;
	width:100%;
	font-size:1.125em
}
.formset.error input[type="text"] {

	border-bottom:1px solid #f46d6d;

}
.formset.error label {
	color:#f46d6d;
}

.order #succes-message {
	display:none;
	padding-bottom:200px
}
.order textarea {
	
	outline:none;
	background-color:transparent;
	border:1px dashed #000;
	display:block;
	width:100%;
	font-size:1em;
	resize: none;
	height:5em;
	padding:0.6em;
	font-family: 'acrom', Verdana, Geneva, sans-serif;
}

.contacts textarea {
	
	outline:none;
	background-color:transparent;
	border:1px dashed #000;
	display:block;
	width:100%;
	font-size:1em;
	resize: none;
	height:10em;
	padding:0.6em
}

.order .btn {
	padding:0 2em;
	font-size:1.1em;
	background-color:#3bac7d;
			border-top:#51b58c 1px solid;
	border-bottom:#30976c 1px solid;
	text-align:center;
	
}

.order .btn:hover {
	background-color:#289376
}


.order .attention {
	
	font-size:1.125em;
	line-height:1.2em;
	text-transform:uppercase;
	display:block;
	width:90%;
	margin:4em auto 0 auto;
	text-align:center;
	
}


.order-list {
	width:100%;
	margin:2em auto 3em auto;
	max-width:68em;
	border:3px solid #eae9e6;
	padding:3px
}
.order-list>div {
		border:1px solid #eae9e6;
	width:100%;
	float:left;
	
}
.order-list ul{
	padding:1em 4em 1em 4em;
	width:100%;
	float:left
	
}

.cart-empty-alert {
	padding:2em;
	font-size:1.5em;
	width:100%;
	text-align:center;
	background:url(../img/hole.jpg) no-repeat 0 0;
	background-size:cover;
	display:none
}

.order-list li {
	display:block;
	width:100%;
	float:left;
	border-bottom:2px dotted #eae9e6;
	padding:0.5em 0;
	    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	position:relative
}
.order-list li:not(:last-child):hover .delete {
	display:block;
	opacity:1
}
.delete {
	position:absolute;
	width:2.5em;
	height:2.5em;
	background:url(../img/cross.png) no-repeat 50% 50% #f7eee7;
	content:"";
	left:-2.5em;
	top:50%;
	margin-top:-1.25em;
	border-radius:100%;
	cursor:pointer;
	opacity:0;
	
}

.order-list li:nth-last-child(2){
	border-bottom:3px solid #eae9e6
}

.order-list li:last-child{
	border-bottom:none;
	padding-top:1.1em
}
.order-list li:last-child>div:nth-child(2){
	text-align:center
}



.order-list li>div:not([class="delete"]) {
	display:inline-block;
	float:left;
	padding:0 10px;
}
.order-list li>div img {
	max-width:100%;
	height:auto
}
.order-list li>div:nth-child(2){
	width:16%
}

.order-list li>div:nth-child(3){
font-family: 'may', Verdana, Geneva, sans-serif;
font-size:1.625em;
text-transform:uppercase;
    text-align: left;
	width:100%;
    vertical-align: middle;
}

.order-list li>div:nth-child(4){
	float:right;
	min-width:10em;
	
}
.order-list li>div:nth-child(5){
	float:right;
	font-size:2em
	
}

	

/*стили для контактов */


.big-scr-fix {
	flex:1
}
.contacts {
	width:100%;
	/*height: calc(100vh - 15.3125em);*/
	
	
	position:relative;
	flex:1

	
	/*top:15.3125em;*/
	
}

.cont-top {
	width:100%;
	position:relative;
	width:100%;
	height:50vh;
	min-height:450px
}

#ufo {
	position:absolute;
	left:50%;
	top:0px;
	transform-origin:0% 0%;
	max-width:450px;
 min-width:1px;
 width: 19%;
 min-width:300px;


}

#ufo img {
	width:100%;
	height:auto
}


#hand-holder {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden
}

#bow-holder {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	
}

#man {
	width:20vmax;
	height:20vmax;
	position:absolute;
	bottom:-1vmax;
	transform-origin:0% 0%;
	left:150%;
	max-width:400px;
	max-height:400px;
	min-height:300px;
	min-width:300px;
}

#man div {
	transform-origin:50% 50%;
	width:100%;
	height:100%;
	
}
#man img {
	width:100%;
	height:auto
}

#bow {
	position:absolute;
		
	left:50%;
	top:0px;

	opacity:0;
	transform-origin:0% 0%;
	 min-height: 1px;
	  transform:rotate(16deg) translateX(-50%);

 width: 0;
height: 0;
border-style: solid;
border-width: 0 50vh 110vh 50vh;
border-color: transparent transparent rgba(255,255,255,0.25) transparent;


}





#hand {
	position:absolute;
	right:0%;
	top:0px;
	width: 17vmax;
	max-width:350px;
	min-width:200px;
	 transform:translateX(100%);
	 opacity:0
}



#hand img {
	width:100%;
	height:auto
}




@media screen and (min-device-aspect-ratio: 6/5) {

}

@media screen and (min-device-aspect-ratio: 16/9) {

}
@media screen and (min-device-aspect-ratio: 3/1) {


}


.contacts h2{
	font-size:2.4em;
	  font-family: 'acrombold';
	  text-transform:uppercase;
	  margin-bottom:1em;
	  font-weight:normal;
	 
	  color:#000;
	

}

.contacts .form-wrap {
	margin-top:1.5em
}
.contacts #contacts p {
	margin-bottom:1em;
	white-space:nowrap
}

#bow {
  
    border-width: 0 70vh 110vh 70vh;
   
}


.contacts #contacts {
	color:#eae9e6;
	z-index:999;
	position:absolute;
	 transform:translateX(-100%);
	 bottom:15%;
	left:50%;	
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	font-size:16px;
	text-align:right;
	display:none
}
.contacts .c-mail a{
	font-size:1.2em;
	color:#eae9e6;
	text-decoration:none;
}



.contacts .c-tlg{
	font-size:1.2em;
	color:#eae9e6;
	
}

.contacts .c-tel{
	font-size:1.2em;
	color:#eae9e6;
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	
}


/*стили для доставки */



.delivery {
	width:100%;	
	max-width:3000px;
	margin:0 auto;
	flex:1;
	
	
	position:relative;
	padding-top:1em;
	padding-bottom:5em
	
	
}

.delivery img {
	max-width:100%;
	height:auto
}

#del-man {
	height:39vh;
	width:39vh;
	left:100%;
	
	max-width:380px;
	max-height:380px;
	
	min-width:280px;
	min-height:280px;
	
	position:absolute;
	bottom:0;

	
}

#del-moscow {
	height:28vh;
	width:28vh;
	
	max-width:340px;
	max-height:340px;
	
	min-width:240px;
	min-height:240px;
	
	position:absolute;
	left:50%;
	top:40%;

	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
}
#del-moscow  img {
	width:100%;
	height:auto
}

#del-int {
	height:12vh;
	width:12vh;
	
	max-width:200px;
	max-height:200px;
	
	min-width:100px;
	min-height:100px;
	
	position:absolute;
	left:70%;
	top:20%;

	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
}
#del-int  img {
	width:100%;
	height:auto
}
#del-orbit-1 {
	position:absolute;
	width:20vw;
	height:10vh;
	border:2px dotted rgba(255,255,255,0.6);
	border-radius:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%) rotate(-24deg);
	transform:translate(-50%,-50%) rotate(-24deg);
	max-width:400px;
	max-height:400px;
}


#del-orbit-2 {
	position:absolute;
	width:30vw;
	height:11vh;
	border:2px dotted rgba(255,255,255,0.3);
	border-radius:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%) rotate(-24deg);
	transform:translate(-50%,-50%) rotate(-24deg);
	
		max-width:600px;
	max-height:600p
}


#del-client {
	width:30vh;
	height:30vh;
	max-width:380px;
	max-height:380px;
	right:100%;
	top:50%;
	min-width:240px;
	min-height:240px;
	opacity:0;
	position:absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.del-block-1 {
	width:50%;
	
	position:relative;
	height:20vh;
	left:0%;
	min-height:350px;
	
}


.del-block-2 {
	width:50%;
	position:relative;
	height:20vh;
	min-height:350px;
	

	position:absolute;
	left:50%;
top:0;

	opacity:0;
}


.del-block-3 {
	width:60%;
	position:relative;
	height:20vh;
	min-height:300px;
	left:20%;
	
	margin-bottom:3em

	
}

#del-holder {
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
}
#del-ring{
	width:50%;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	max-width:450px;
	min-width:300px;
	opacity:0.8
}
#del-ring img {
	width:100%;
	height:auto
}

#del-sun-moon{
	width:20vh;
	height:20vh;
	position:absolute;
	top:20%;
	left:50%;
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	max-width:138px;
	min-width:90px;
	
}

#del-sun-moon div {
	width:100%;
	height:100%;
	position:absolute
}
.delivery h4 {
	font-size:1.2em;
	font-family: 'acrommedium', Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#eae9e6;
	position:absolute;
	text-align:center;

	width:100%
}
.del-block-1 h4 {
		
		top:100%;
		margin-top:1em;
		
	
}

.del-block-2 h4 {
	top:90%;
		
}
.del-block-2 h4 p:first-child {
	margin-top:1.4em
}
.del-block-2 h4 p {
	font-size:0.8em;
	margin-bottom:0.7em;
}

.del-block-3 h4 {
top:112%;
}


#msc {
	font-size:1.125em;
	font-family: 'acrombold', Verdana, Geneva, sans-serif;
	text-align:left;
	position:absolute;
	left:0;
	top:50%
}

#mkad {
	font-size:1.125em;
	font-family: 'acrombold', Verdana, Geneva, sans-serif;
	text-align:left;
	position:absolute;
	right:0;
	top:60%
}
.delivery .cost {
	float:none;
	clear:both;
	margin-top:0em;
	margin-left:0.1em
	
}

#del-block-3 time{
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	width:100%;
	font-size:1.8em;
	font-family: 'acrombold', Verdana, Geneva, sans-serif;
}


/*-------------------------------------------------------------ГЛАВНАЯ СЛАЙДЫ*/

.slide {
	width:100%;
	height:100vh;
	
	float:left;
	position:absolute;
	min-width:990px;
	display:none;
	top:0;
	
	
}
.slide.zero {
	left:0;
}
.slide.pos {
	left:100%;
}
.slide.neg {
	left:-100%;
}

.slide.animate {
	display:block
}
#pita-sunmoon img, #pita-item img {
	width:100%;
	height:auto
}

#pita-system {
	position:absolute;
	width:70vh;
	height:70vh;
	left:35%;
	top:44%;
		-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
	max-width:616px;
	max-height:626px;
	
}






#pita-item {
	width:100%;
	height:100%;
	left:50%;
	top:50%;
	position:absolute;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

	


#pita-sunmoon{
	width:64%;
	height:64%;
	left:-15%;
	top:22%;
	position:absolute;
	opacity:0.9


	
}


#pita-sun div {
	width:100%;
	height:100%
}


#triagle-galaxy{
	position:absolute;
	width:110vh;
	height:110vh;
	left:-20vh;
	top:50%;
	
	
	
}
#triagle-galaxy-2{
	position:absolute;
	width:50vh;
	height:50vh;
	left:0;
	top:20%;
	
	transform-origin:50% 80%
	
}
#triagle-system{
		width:50vh;
	height:50vh;
	position:absolute;
	
	left:0%;
	top:0%;
	max-width:450px;
	max-height:450px;

	
	
	transform-origin:50% 50%;
}
#triagle-system-2{
		width:45vh;
	height:45vh;
	position:absolute;
	
	left:0%;
	top:0%;
	max-width:400px;
	max-height:400px;
		min-height:280px;
	min-width:280px;
	
	
	transform-origin:50% 50%;
}

#triagle {
	width:100%;
	height:100%;
	position:absolute

	
}

#triagle-2 {
	width:100%;
	height:100%;
	position:absolute

	
}
#triagle-items {
	width:100%;
	height:100%;
	
	position:absolute;
	transform-origin:50% 50%;
	left:5%;
	top:-15%;
	transform:rotate(18deg);
	
	
}

#triagle-items-2 {
	width:100%;
	height:100%;
	
	position:absolute;
	transform-origin:50% 50%;
	left:5%;
	top:-15%;
	transform:rotate(18deg);
	
	
}

.katet {
	height:2px;
	width:82%;
	
	background-color:#fff;
	
	position:absolute;
	
}

.katet-2 {
	height:2px;
	width:82%;
	
	background-color:#ffc5c7;
	
	position:absolute;
	
}

#katet-1 {
	bottom:0;
	margin-bottom:9%;
	left:10%;
	opacity:0
}

#katet-2 {
	bottom:0;
	margin-bottom:9%;
	margin-left:9%;
	transform:rotate(-60deg);
	transform-origin:0% 0%;
	opacity:0
}

#katet-3 {
	bottom:0;
	margin-bottom:9%;
	left:100%;
	margin-left:-9%;
	transform:rotate(-120deg);
	transform-origin:0% 0%;
	opacity:0
}
#katet-1-2 {
	bottom:0;
	margin-bottom:9%;
	left:10%;
	opacity:0
}

#katet-2-2 {
	bottom:0;
	margin-bottom:9%;
	margin-left:9%;
	transform:rotate(-60deg);
	transform-origin:0% 0%;
	opacity:0
}

#katet-3-2 {
	bottom:0;
	margin-bottom:9%;
	left:100%;
	margin-left:-9%;
	transform:rotate(-120deg);
	transform-origin:0% 0%;
	opacity:0
}
.nut {max-height:70px;
max-width:70px
}

.nut-2 {max-height:70px;
max-width:70px
}


#nut-1, #nut-2, #nut-3 {
	width:20%;
	height:20%;
	
}

#nut-1-2, #nut-2-2, #nut-3-2 {
	width:20%;
	height:20%;
	
}
#nut-1 img, #nut-2 img, #nut-3 img {
	width:100%;
	height:auto
}

#nut-1-2 img, #nut-2-2 img, #nut-3-2 img {
	width:100%;
	height:auto
}
#nut-1 {
	position:absolute;
	left:0;
	bottom:0;
	
}

#nut-2 {
	position:absolute;
	right:0;
	bottom:0;
	
}

#nut-3 {
	position:absolute;
	left:41%;
	top:9%;
	
	
}

#nut-1-2 {
	position:absolute;
	left:0;
	bottom:0;
	
}

#nut-2-2 {
	position:absolute;
	right:0;
	bottom:0;
	
}

#nut-3-2 {
	position:absolute;
	left:41%;
	top:9%;
	
	
}

#nut-3 div {
	opacity:0
}
#nut-2 div {
	opacity:0
}
#nut-1 div {
	opacity:0
}




#geometry {
	opacity:0.5;
	position:absolute;
	width:100%;
	height:100%;
	
}

#geometry-2 {
	opacity:0.5;
	position:absolute;
	width:100%;
	height:100%;
	
}
#signs {
	width:100%;
	height:100%;
	position:absolute;
}

#mason-eye {
	
	left:50%;
	top:50%;
	position:absolute;
				-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:1

}
#granat-eye {
	
	left:50%;
	top:50%;
	position:absolute;
				-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:0.7

}
#mason-eye img, #granat-eye img  {
	display:none
}




@media screen and (min-device-aspect-ratio: 6/5) {
#pita-system {
/*	width:65vh;
	height:65vh;*/
	left:44%
}

#triagle-system {
	width:30vw;
	height:30vw;
}
}

@media screen and (min-device-aspect-ratio: 16/9) {
#pita-system {
		width:80vh;
	height:80vh;
}

#triagle-system  {
	width:50vh;
	height:50vh;
}
}
@media screen and (min-device-aspect-ratio: 3/1) {
#pita-system  {
		width:90vh;
	height:90vh;
	
}
#triagle-system  {
	width:70vh;
	height:70vh;
}
}









#falafel-frame, #pita-frame , #drinks-frame{
	width:100%;
	height:100vh;
	position:absolute;
	/*overflow:hidden*/
}
#falafel-system {
	width:120vh;
	height:120vh;
	position:absolute;
	left:40%;
	border:2px solid #454040;
	border-radius:100%;
	top:50%;
			-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	min-width:700px;
	min-height:700px
}



#falafel-basket {
	width:60%;
	position:absolute;
	left:50%;
	top:50%;
		-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	min-width:500px
	
}
	

#falafel-planet-orbit-1 {
		width:100%;
	height:100%;
	position:absolute;
	left:50%;	
	top:50%;

	-webkit-transform:translate(-50%,-50%) rotate(-20deg);
	transform:translate(-50%,-50%) rotate(-20deg);
	
}







#falafel-orbit {
		width:70%;
	height:70%;
	position:absolute;
	left:50%;
	border:2px dashed #454040;
	border-radius:100%;
	top:50%;
			-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
}
#falafel-basket img, #falafel-planet-1 img, #falafel-planet-2 img{
	max-width:100%;
	height:auto
}

#falafel-planet-1 {
	top:50%;
	position:absolute;
	left:0%;
				-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
		width:26vh;
		height:26vh;
	min-width:150px;
	
	
}
#falafel-planet-1>div, #falafel-planet-2>div, #falafel-star>div {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}

#falafel-planet-orbit-1, #falafel-planet-orbit-2, #falafel-star-orbit {
		width:100%;
	height:100%;
	position:absolute;
	left:50%;	
	top:50%;

	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%) ;
	
}
 #falafel-planet-orbit-2, #falafel-star-orbit {
	 width:70%;
	height:70%;
 }
#falafel-planet-2 {
	top:50%;
	position:absolute;
	left:100%;
				-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:25vh;
	height:25vh;
	min-width:120px;
}

#falafel-star {
	top:50%;
	position:absolute;
	left:0%;
				-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:101px;
	height:104px;
	min-width:120px;
}
.slider-info {
	position:absolute;
	width:25%;
	right:5%;
	top:30%;
	text-align:center;
	font-size:18px
}
.slider-info article {
	margin-top:3vh
}
.slider-info article p {
	font-size:1em;
	line-height:1.1em;
	margin-bottom:1.2em;
	
	
}
.slider-info h2{
	font-size:2.4em;
	  font-family: 'may';
	  text-transform:uppercase;
	  margin-bottom:1em;
	  text-align:center;
	  position:relative;
	  color:#eae9e6;
	  transform:rotate(-4deg);
	  margin-bottom:8vh
}

.slider-info h2:before{
	content:".....................................................................................................";
	overflow: hidden;
	width:100%;
	height:2em;
	font-size:0.7em;
	font-family:"Times New Roman", Times, serif;	
	position:absolute;
	left:0;
	top:-1.2em;
	color:#eae9e6;
}
.slider-info h2:after{
	content:".....................................................................................................";
	overflow: hidden;
	width:100%;
	height:2em;
	font-size:0.7em;
	font-family:"Times New Roman", Times, serif;	
	position:absolute;
	left:0;
	bottom:-1.6em;
	color:#eae9e6;
}

.slider-info .rub {
	display:inline-block;
	font-size:2.5em
}

@media screen and (min-device-aspect-ratio: 6/5) {
#falafel-system {
		width:70vw;
	height:70vw;
}
}

@media screen and (min-device-aspect-ratio: 16/9) {
#falafel-system {
		width:120vh;
	height:120vh;
}
}
@media screen and (min-device-aspect-ratio: 3/1) {
#falafel-system {
		width:180vh;
	height:180vh;
	
}
#falafel-basket {
	width:70vh;
	
}


}


#bottles-system {
	width:70vh;
	height:70vh;
	position:absolute;
	left:40%;
	top:60%;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	min-width:500px;
	min-height:500px
}

#leaf {
	position:absolute;
	right:-2%;
	top:60%;
	opacity:0.8;
	width:16%;
	min-width:80px;
}
#vasa {
	position:absolute;
	right:-2%;
	top:10%;
	opacity:0.8;
	width:20%;
	min-width:80px;
	opacity:0
}
#egypt{
	width:30vh;
	
	position:absolute;
	left:0%;
	bottom:-5%;
	opacity:0
}

#sticks {
	position:absolute;
	left:58%;
	top:30%;
	opacity:0.8;
	width:70%;
	
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#bottles {
	position:absolute;
	width:100%;
	height:100%
}
#bottles img, #kiz img, #fey img, #comets img, #leaf img, #egypt img , #sticks img, #vasa img{
	max-width:100%;
	height:auto
}

#kiz {
	width:28vh;
	position:absolute;
	left:20%;
	bottom:0%;
	-moz-transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
	-o-transform:translate(-50%,0%);
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	opacity:1;
	min-width:144px
}

#fey {
	width:31vh;
	position:absolute;
	left:67%;
	bottom:0%;
	-moz-transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
	-o-transform:translate(-50%,0%);
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	opacity:1;
	min-width:215px
}

#comets {
	width:30vw;
	height:30vw;
	position:absolute;
	left:40%;
	bottom:0%;
	-moz-transform:translate(-50%,60%);
	-ms-transform:translate(-50%,60%);
	-o-transform:translate(-50%,60%);
	-webkit-transform:translate(-50%,60%);
	transform:translate(-50%,60%);
	transform-origin:50% 50%;
	opacity:.8;
	
}
#comets div {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	transform-origin:50% 50%
}


#the-burger {
	width:75vh;
	height:75vh;
	max-width:637px;
	max-height:637px;
	min-height:400px;
	min-width:400px;
	left:42%;
	top:54%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	position:absolute;
		background:url(../img/main/burger/burger.png) no-repeat;
	background-size:contain
	
}
#mandala {
	width:70vh;
	height:70vh;
	max-width:600px;
	max-height:600px;
	min-height:400px;
	min-width:400px;
	left:42%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	position:absolute;
	opacity:0.8;
	background:url(../img/main/burger/mandala.png) no-repeat;
	background-size:contain
}
#mandala img, #the-burger img, #elvis img, #el-falafel img{
	width:100%;
	height:auto;
	
}

#mandala-1, mandala-2 {
	position:absolute;
	width:100%;
	height:100%;
	display:none
}

#elvis-system {
	position:absolute;
	left:0;
	bottom:0;
	height:60vh;
	width:60vh;
	
	
}

#longplay {
	width:70%;
	height:25%;
	position:absolute;
	bottom:0;
	left:-15%;
	opacity:0.8;
	overflow:hidden

}


#lp-1 {
	width:200%;
	height:100%;
	position:absolute;
	border-radius:100%;
	border:1px solid #eee;
	left:-100%;
	top:0;
}

#lp-2 {
	width:190%;
	height:94%;
	top:3%;
	position:absolute;
	border-radius:100%;
	border:2px dotted #eee;
	left:-100%
}
#lp-3 {
	width:180%;
	height:80%;
	top:10%;
	position:absolute;
	border-radius:100%;
	border:1px solid #eee;
	left:-100%
}

#lp-4 {
	width:162%;
	height:60%;
	top:20%;
	position:absolute;
	border-radius:100%;
	border:2px solid #eee;
	left:-100%
}

#elvis {
	width:50%;
	position:absolute;
	left:7%;
	bottom:10%;
	max-width:275px;
	min-width:200px;
}

#el-falafel {
	position:absolute;
	left:0;
	top:50%;
	width:40%;
	height:40%;
	-webkit-transform:translate(-30%,-50%);
	transform:translate(-30%,-50%);
	max-width:229px;
	min-width:180px;
}

#el-orbits {
	position:absolute;
	left:0;
	top:30%;
	-webkit-transform:translate(-40%,0%);
	transform:translate(-40%,0%);
	
}

.mega-slider {
	width:100vw;
	height:100vh;
	position:relative;
	left:0;
	top:0;
	overflow:hidden;
	min-width:990px
	
}
.mega-slider-line {
	position:absolute;
	width:200vw;
	height:100%
}

.slider-prev {
	width:4em;
	height:3em;
	position:fixed;
	left:0;
	top:50%;
	margin-top:-1.5em;
	z-index:10;
	
	cursor:pointer
	
}

.slider-prev:before {
	content:"";
	position:absolute;
	left:20%;
	top:50%;
	font-size:1px;
	line-height:1px;
	height:2px;
	width:50%;
	transform-origin:0% 0%;
	transform:rotate(-50deg);
	background-color:#eae9e6
}



.slider-prev:after {
	content:"";
	position:absolute;
	left:20%;
	top:50%;
	font-size:1px;
	line-height:1px;
	height:2px;
	width:50%;
	transform-origin:0% 0%;
	transform:rotate(50deg);
	background-color:#eae9e6;
	margin-top:-1px;
	margin-left:1px
}

.slider-prev:hover {
	
}
.slider-prev:hover:after {
	left:0%;
}
.slider-prev:hover:before {
	left:0%;
}


.slider-next {
	width:4em;
	height:3em;
	position:fixed;
	right:0%;
	top:50%;	
	margin-top:-1.5em;
	z-index:10;
	opacity:1;
	cursor:pointer;
	transform: scaleX(-1)
	
}


.slider-next:before {
	content:"";
	position:absolute;
	left:20%;
	top:50%;
	font-size:1px;
	line-height:1px;
	height:2px;
	width:50%;
	transform-origin:0% 0%;
	transform:rotate(-50deg);
	background-color:#eae9e6
			
	
}



.slider-next:after {
	content:"";
	position:absolute;
	left:20%;
	top:50%;
	font-size:1px;
	line-height:1px;
	height:2px;
	width:50%;
	transform-origin:0% 0%;
	transform:rotate(50deg);
	background-color:#eae9e6;
	margin-top:-1px;
	margin-left:1px

}


.slider-next:hover {
	opacity:1
}
.slider-next:hover:after {
	left:0%;
}
.slider-next:hover:before {
	left:0%;
}
.slider-nav {
	position:fixed;
	bottom:2%;
	left:50%;
	transform:translate(-50%,0);
}

.slider-nav div {
	width:8px;
	height:8px;
	border:1px solid #eae9e6;
	border-radius:100%;
	float:left;
	margin:0 10px;
	font-size:1px;
	line-height:1px;
	cursor:pointer
}

.slider-nav div.active {
	background-color:#eae9e6;
}

.slider-nav div:hover {
	background-color:#82aa36;
	border-color:#82aa36;
}