@font-face {font-family: 'inder'; src: url('font/inder-regular-webfont.eot'); src: url('font/inder-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/inder-regular-webfont.woff2') format('woff2'), url('font/inder-regular-webfont.woff') format('woff'), url('font/inder-regular-webfont.ttf') format('truetype'), url('font/inder-regular-webfont.svg#inderregular') format('svg'); font-weight: normal; font-style: normal;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

body, html {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #242321;
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	z-index: 50;
	position: relative;
}

.clr {clear: both;}
.hide {display: none;}

input:focus, textarea:focus {outline:none;}

fieldset {padding: 0px; margin: 0px; border: 0px;}


.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}


.walign {line-height: normal; vertical-align: middle; display: inline-block;}
.balign {line-height: normal; vertical-align: bottom; display: inline-block;}

.box {
	width: 1170px;
	margin: 0px auto 0px auto;
}
.box2 {
	width: 585px;
	margin-left: 20px;
}



.order {
	position: fixed;
	right: 20px;
	top: 20px;
	font-size: 23px;
	color: #FFFFFF;
	text-align: center;
	display: none;
	padding: 10px;
	font-size: 20px;
	border: 2px solid #FFFFFF;
	background: #242321;
}

.order .l {

}

.order .r {
	font-size: 25px;
	line-height: 40px;
}

.order .r a {
	color: #FFFFFF !important;
	text-decoration: none;
}







.head {
	width: 100%;
	margin: 0px auto 0px auto;
	background: url("img/back.jpg") no-repeat top center;
	background-size: cover;
	color: #FFFFFF;
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.head .menu {
	width: 100%;
	height: 140px;
}

.head .menu .box {
	position: relative;
}

.head .menu h1 {padding: 0px; margin: 20px 0px 20px 0px; float: left;}
.head .menu h1 a {
	text-indent: -9009px;
	width: 200px;
	height: 100px;
	background: url(img/logo.png) no-repeat center center;
	background-size: contain;
	display: block;
}

.head .menu .contact {
	position: absolute;
	right: 0px;
	top: 25px;
	padding: 10px;
	font-size: 20px;
	border: 2px solid #FFFFFF;
	text-align: center;
}

.head .menu .contact .contact_l {
	font-size: 30px;
}
.head .menu .contact .contact_r {

}

.head .menu .contact .contact_r a {
	color: #FFFFFF !important;
	text-decoration: none;
}


.cont {padding-bottom: 50px; padding-top: 50px; background: #242321;}










.cont .fmenu .img-box {
	text-align: center;
}

.cont .fmenu img {
	width: 80%;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cont .fmenu table {
	width: 100%;
}

.cont .fmenu table tr.gr {
} 

.cont .fmenu table td {
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}

.cont .fmenu table td.quant {
	padding: 5px 10px 5px 10px;	
}

.cont .fmenu table td.price {
	text-align: right;
	padding: 5px 40px 5px 10px;	
	color: #940984;
}

.cont .fmenu table td.descr {
}

.cont .fmenu table td.name {
}

.cont .fmenu table td.name span {
}



.cont .fmenu h2 {
	font-size: 30px;	
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #940984;
	font-weight: normal;
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.cont .fmenu h2 span {
	color: #940984;
}






.alerg {width: 100%; font-size: 12px; line-height: 16px; text-align: center; margin-top: 50px; margin-bottom: 50px;}
.alerg td {padding: 5px;}



.del {
	width: 100%;
	background: #940984;
	text-align: center;
	padding: 30px 0px 30px 0px;
	text-transform: uppercase;
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 50px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.del span {
	color: #FFFFFF;
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.del a {
	color: #FFFFFF !important;
	text-decoration: none;
}




.foot {
	background: url("img/back.jpg") no-repeat bottom center;
	background-size: cover;
	color: #FFFFFF;
}

.foot h3 {
	font-family: inder, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;	
	text-transform: uppercase;
	font-weight: normal;
}

.foot .f-open .l, .foot .f-open .r {
	width: 49%;
}

.foot .open {
	border-bottom: 1px solid #940984;
	padding: 5px 10px 5px 10px;
}

.foot .open .r {
	text-align: right;
}

.foot .l {
	width: 59%;
	float: left;
}

.foot .r {
	width: 39%;
	float: right;
}

.foot .contact {
	text-align: right;
}

.foot .contact a {
	color: #FFFFFF;
	text-decoration: none;
}

.foot .sep {
	width: 100%;
	height: 1px;
	border-top: 1px solid #940984;
	margin-top: 50px;
}

.foot .copy {
	text-align: center;
	padding: 20px 0px 20px 0px;
	font-size: 15px;
}

.foot .copy a {
	color: #FFFFFF;
}


@media (max-width:820px) { 
	body, html {
		font-size: 20px;
	}
	.box {
		width: 800px;
	}
	
	.head {
		width: 800px;
	}
	
	
	.foot .l {
		width: 100%;
		float: left;
	}
	
	.foot .r {
		width: 100%;
		float: left;
		text-align: left;
	}



	
}