@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

}

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

}

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

}

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

}

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

}


/*  site styles  */
html, body {
	position:relative;
	width:100%;
}

#bg {
	height:100%;
	width:100%;
	position:fixed;
	z-index:1;
}

header {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:120px;
	background:#000;
}

.wrap {
	position:relative;
	width:960px;
	margin:0 auto;
}

#main {
	margin-top:140px;
}

.panel {
	position:relative;
	width:960px;
	background:url(../images/bg-panel.png);
	margin-bottom:20px;
	border-top:2px solid #666;
	border-bottom:2px solid #000;
}
.panel-nobg {
	position:relative;
	width:960px;
	margin-bottom:20px;
}
#cult {
	margin-bottom:40px;
}
.perka {
	position:absolute;
	top:16px;
	left:324px;
}
.panel-wrap {
	padding:20px;
}
.panel img.right {
	float:right;
	margin:0 0 0 20px;
	border:2px solid #23a1dc;
	width:340px;
}
.clear {
	clear:both;
}
.orange {
	color:#f7962b;
}
.blue {
	color:#23a1dc;
}
#banner a {
	display:block;
	height:65px;
	width:929px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/free-delivery-banner.png) no-repeat;
}
#banner a:hover {
	background-position:0 -65px;
}
.bom {
	position:relative;
	background:rgba(0,0,0,.5);
	width:420px;
    float:left;
	min-height:180px;
	padding:20px;
	/*border-top:1px solid #fff;
	border-bottom:1px solid #000;*/
}
.bom.second {
    margin-left:0;
}
.address {
	width:450px;
	float:left;
}
.map {
	float:right;
}

footer {
	width:100%;
	height:40px;
	background:#000;
}

.logo {
	position:absolute;
	top:16px;
	left:20px;
	display:block;
	height:88px;
	width:270px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}

nav {
	position:absolute;
	top:83px;
	right:20px;
}
nav ul li {
	float:left;
	margin-left:50px;
}
nav ul li a, .head-top a, .head-top li {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
nav ul li a:hover, nav ul li a.active, .head-top a:hover, a.ordernow:hover {
	color:#23a1dc;
}

ul.head-top {
	position:absolute;
	top:16px;
	right:150px;
}
ul.head-top li {
	float:left;
	margin-left:50px;
}
.head-top a {
	text-transform:lowercase;
}
a.ordernow {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f7962b;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	top:45px;
	right:150px;
}

ul.social {
	position:absolute;
	top:20px;
	right:0;
}
ul.social li {
	float:left;
	margin-right:20px;
}
ul.social li a.fb {
	display:block;
	height:43px;
	width:43px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/social.gif) -43px 0 no-repeat;
}
ul.social li a.tw {
	display:block;
	height:43px;
	width:43px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/social.gif) 0 0 no-repeat;
}
ul.social li a.fb:hover {
	background-position:-43px -43px;
}
ul.social li a.tw:hover {
	background-position:0 -43px;
}

#info {
	height: 960px;
}
#info img {
	width: 920px;
	position: absolute;
	margin: 20px;
}
#info .panel-wrap {
	position: absolute;
}
#info h1 {
	display:none;
}
#info h2 {
	background: rgba(0,0,0,.7);
	margin:0;
    font-size:28px;
}
#info p {
	background: rgba(0,0,0,.7);
	padding: 20px 20px 0;
	margin:0;
}
.bom h2, .bom p {background:none !important;}

h1 {
	font:30px 'nevis', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f7962b;
	margin:0 0 20px;
	padding:0;
}

h2 {
	font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin:0 0 10px;
	padding:0;
}

h3 {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin:0 0 10px;
	padding:0;
}

p, #main li {
	font:15px/20px 'SignikaRegular', Tahoma, Geneva, sans-serif;
	color:#fff;
	margin:0 0 10px;
	padding:0;
}
p a, h3 a {
	color:#23a1dc;
	text-decoration:underline;
}
p a:hover {
	color:#23a1dc;
	text-decoration:none;
}
.bom p, .bom h1, .bom h2, .bom h3 {
	color:#000;
	width:70%;
}
.bom p {color:#fff;font-weight:200;}
.bom h2 {
	color:#23a1dc;
	text-shadow:-1px -1px #000;
}
.bom h3 {
	font-size:20px;color:#fff;
}
.bom .price {
	z-index:1;
	position:absolute;
	top:20px;
	right:20px;
	height:88px;
	width:88px;
	font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px #000;
	background:url(../images/orng-circle.png) no-repeat;
	line-height:88px;
	text-align:center;
}
.bom .price2 {
	z-index:1;
	position:absolute;
	bottom:20px;
	right:20px;
	height:88px;
	width:88px;
	font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px #000;
	background:url(../images/orng-circle.png) no-repeat;
	line-height:88px;
	text-align:center;
}
.bom .orange {
	font-size:20px;
	color:#000;
	text-shadow:-1px -1px #fff;
}

.address .logo-sm {
	display:block;
	height:49px;
	width:150px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo-small.png) no-repeat;
}

#gallery ul li {
	float:left;
	margin:0 25px 20px 0;
}
#gallery ul li img {
	border:2px solid #23a1dc;
}
a.third {
	display:inline-block;
	width:32%;
	text-align:center;
}

#menu img {
	margin-top:20px;
	width:100%;
}

footer .wrap {
	font:12px/40px 'SignikaRegular', Tahoma, Geneva, sans-serif;
	color:#fff;
	text-align:right;
}

#specials img {
	width:50%;
	float:left;
}
#specials img.double {width:100%;}

#banner {
	background:#23a1dc;
}

@media (max-width: 960px) {
    .wrap, .panel {width:768px;}
    #info img {width:728px;}
    #info {height:768px;}
    .bom {width:50%;}
	#banner a {
		width: 480px;
		background: url(../images/free-delivery-banner-480.png) no-repeat;
	}
	.panel-nobg {
		width:480px;
	}

}
@media (max-width: 540px) {
	#specials img {
		width:100%;
		float:left;
		clear:both;
	}
    .wrap, .panel {width:768px;}
    #info img {width:728px;}
    #info {height:768px;}
    .bom {width:50%;}
}

@media (max-width: 767px) {
    .wrap, .panel {width:auto;overflow:hidden;}
    #info img {height:100%;width:auto;margin:0;right:0;}
    .bom {width:100%;padding:20px 0;}
    #info h2 {padding:20px 0 0 20px;}
    .bom h2, .bom h3 {padding:0 20px !important;}

	html, body {
		min-width:520px !important;
	}
	body {
		background:#23a1dc !important;
	}
	.wrap, .panel {
		width:auto !important;
	}
	#menu img {
		display:none !important;
	}
	#menu .third {
		padding:0 0 10px;
		text-align:left !important;
		display:block !important;
		width:auto !important;
	}
	.backstretch {
		display:none !important;
	}
	.panel img.right {
		display:none !important;
	}
	.map {
		clear:both;
		width:100% !important;
		float:left !important;
	}
	.map iframe {
		width:100% !important;
		height:200px !important;
	}
	#cult iframe {
		width:100% !important;
	}
	.perka {
		position:relative !important;
		top:0;
		left:0;
	}
	ul.social li {
		clear:both !important;
		margin-bottom:10px;
	}
	ul.social {
		top:10px;
	}
	.head-top {
		right:70px !important;
	}
	.head-top li {
		clear:both;
		text-align:right;
		float:right !important;
	}
	.ordernow {
		right:70px !important;
		top:60px !important;
	}
	header {
		position:relative;
		height:170px;
	}
	#main {
		margin-top:20px !important;
	}
	nav {
		left:-30px;
		right:auto;
		top:115px;
	}
}