@font-face {
	font-family: diavlobook;
	src: url(../fonts/diavlo_book_ii_37-webfont.woff2) format('woff2'), url(../fonts/diavlo_book_ii_37-webfont.woff) format('woff'), url(../fonts/diavlo_book_ii_37-webfont.ttf) format('truetype'), url(../fonts/diavlo_book_ii_37-webfont.svg#diavlobook) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: diavlolight;
	src: url(../fonts/diavlo_light_ii_37-webfont.woff2) format('woff2'), url(../fonts/diavlo_light_ii_37-webfont.woff) format('woff'), url(../fonts/diavlo_light_ii_37-webfont.ttf) format('truetype'), url(../fonts/diavlo_light_ii_37-webfont.svg#diavlolight) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: icomoon;
	src: url(../fonts/icomoon.eot?kpwuyi);
	src: url(../fonts/icomoon.eot?kpwuyi#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?kpwuyi) format('truetype'), url(../fonts/icomoon.woff?kpwuyi) format('woff'), url(../fonts/icomoon.svg?kpwuyi#icomoon) format('svg');
	font-weight: 400;
	font-style: normal
}
/*!
* Bootstrap v3.3.4 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}

h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 49.33333333%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}

.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}

.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}


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



[class^="iicon-"], [class*=" iicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iicon-phone:before {
  content: "\e942";
}
.iicon-envelop:before {
  content: "\e945";
}
.iicon-mobile:before {
  content: "\e958";
}
.iicon-download3:before {
  content: "\e9c7";
}
.iicon-arrow-up2:before {
  content: "\ea3a";
}
.iicon-facebook:before {
  content: "\ea90";
}


body,
html {
font-family: 'Lora', serif;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
color: #5a2b2b;
color: #000;
font-weight: 400;
width: 100% !important;
height: 100% !important;
background: #fff none repeat scroll 0 0;
}
h1,
h2,
h3,
h4,
h5 {
color: #5a2b2b;
}
h2 {
margin: 0 0 20px 0;
font-weight: 400;
font-size: 34px;
position: relative;
padding-bottom: 20px;
font-family: 'Rum Raisin', sans-serif;
}
h2:after {
background: #86ac21 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 50%;
margin-left: -35px;
position: absolute;
width: 70px;
}

#menu-list .menu-panel h2:after {
	background: #86ac21 none repeat scroll 0 0;
bottom: auto;
content: "";
height: 16px;border-radius: 50%;
top: -16px;
margin-left: -8px;
position: absolute;
width: 16px;
}
/*h2:before {
background: #86ac21 none repeat scroll 0 0;
width: 12px;content: "";left: 50%;
height: 12px;
border-radius: 50%;position: absolute;margin-left: -6px;
}
h2:before { 
bottom: auto;
top: -18px;

}
*/
h3 {
font-size: 22px;
font-weight: 400;
font-family: 'Rum Raisin', sans-serif;
}
h4 {
font-size: 24px;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
}
h5 {
text-transform: uppercase;
font-weight: 700;
line-height: 20px;
font-family: 'Playfair Display', serif;
}
p {
font-size: 18px;
font-style: italic;
}
p.intro {
margin: 12px 0 0;
line-height: 24px;
}
b, strong {
    font-weight: 400;
}
a {
color: #86ac21;
}
a:hover,
a:focus {
text-decoration: none;
color: #222;
}
ul,
ol {
list-style: none;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
ul,
ol {
padding: 0;
webkit-padding: 0;
moz-padding: 0;
}
hr {
height: 2px;
width: 70px;
text-align: center;
position: relative;
background: #86ac21;
margin: 0;
margin-bottom: 40px;
border: 0;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
outline-offset: none;
}
/* Navigation */
#menu {
padding: 20px 0 0px 0;
left: 0;
right: 0;
top: 0;

}
.navbar-right {
margin-top: 0px;
margin-right: 0px;
}
.on .navbar-right {
margin-top: 3px;
}
#menu.navbar-default {
background-color: rgba(255, 255, 255, 1);
border-color: rgba(231, 231, 231, 0);
}
.navbar-brand img {
    height: 85px;

width: auto;

position: relative;

z-index: 21;
}
#menu a.navbar-brand {
font-size: 16px;
color: #000;
font-weight: 400;
letter-spacing: 1px;
height: auto;
margin-left: 0px;
padding: 0px;
position: relative;
z-index:100;
float: none;
}
.navbar-brand > img {
    display: inline-block;
}
#menu.navbar-default .navbar-nav > li > a {
text-transform: uppercase;
color: #5a2b2b;
font-weight: 400;
font-size: 30px;
padding: 5px 0;
border: 2px solid transparent;
letter-spacing: 0.5px;
margin: 10px 15px 0 15px;
font-family: 'Rum Raisin', sans-serif;
}
#menu.navbar-default .navbar-nav > li > a:hover {
color: #86ac21;
}
.on .navbar-brand img {

}
#menu.on {
background-color: #fff !important;

padding: 15px 0 0px 0 !important;

z-index: 100;
left: 0;
position: fixed;
top: 0;
width: 100%;

}

.navbar-toggle {
z-index: 100001;
position: relative;
display: inline-block;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #5a2b2b !important;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover,
.on .navbar-nav > li > a:hover {
color: #5a2b2b !important;
}
.navbar-default .navbar-toggle {
background-color: #86ac21;
border-color: #86ac21;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
height: 3px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #86ac21;
border-color: #86ac21;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
background-color: #FFF;
}
.section-title {
margin-bottom: 70px;
}
.section-title .overlay {
padding: 80px 0;
background: rgba(0, 0, 0, 0.9);
}
.section-title p {
font-size: 22px;
color: rgba(255, 255, 255, 0.8);
}
.section-title hr {
margin: 0 auto;
margin-bottom: 40px;
}
.btn-custom {
text-transform: uppercase;
color: #fff;
background-color: #72a411;
border: 0;
padding: 14px 20px;
margin: 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
border-radius: 0;
margin-top: 20px;
transition: all 0.5s;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 15px;
}

.half-circle {

    /* as the half of the width */
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: 2px solid gray;
    border: 2px solid #86ac21;
    border-bottom: 0;
border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 116px;
    height: 100px;
	margin: 0 auto;display: block;
	
}



.navbar-toggle {
padding: 12px 10px;
background: #fff;
margin-top: 13px;
}
.container-fluid {
padding-left: 15px;
padding-right: 15px;

}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active {
color: #fff;
background-color: #628d0f;
}
/* Header Section */
.intro {
display: table;
width: 100%;
padding: 0;

}
.intro .overlay {
background: rgba(255, 254, 244, 0.0);
}
.intro h1 {
font-family: 'Dancing Script', cursive;
font-family: 'Playfair Display', serif;


font-size: 5.8em;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
font-family: 'Playfair Display', serif;
line-height: 1.2em;
font-family: 'Alegreya', serif;
font-family: 'Rum Raisin', sans-serif;
text-shadow: 1px -1px #000;

}
.intro span {
font-family: 'Rum Raisin', sans-serif;

font-size: 22px;color: #fff;
font-style: normal;
}
.intro p {
color: #fff;
font-size: 32px;
font-weight: 300;
margin-top: 10px;
margin-bottom: 40px;
}
header .intro-text {
padding-top: 165px;
padding-bottom: 0px;
text-align: center;
padding-bottom: 175px;
background: url(../img/intro-bg4.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.dropdown-menu > li > a {
font-family: "Rum Raisin", sans-serif;
font-size: 21px;
font-weight: 400;
color: #5a2b2b;
text-align: canter;
}
.dropdown-menu > li > a:hover {
color: #86ac21 important;
}
.navbar-right .dropdown-menu {
left: -33%;
right: auto;
padding-top: 10px;
padding-bottom: 10px;
}
#menu.navbar-default .navbar-nav > .open > a,
#menu.navbar-default .navbar-nav > .open > a:hover,
#menu.navbar-default .navbar-nav > .open > a:focus,
#menu.navbar-default .navbar-nav li.open a {
background: none;
color: #86ac21 important;
}
#menu.navbar-default .dropdown-menu li a:hover {
color: #86ac21 important;
}
.navbar-default .navbar-nav li.open:before {
border-bottom: 12px solid #86ac21;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
content: "";
display: inline-block;
left: 50%;
margin-left: -12px;
position: absolute;
top: 48px;
z-index: 10011;
}
.navbar-right .dropdown-menu {
top: 60px;
text-align: center;
}
.dropdown-menu > li > a:hover {
color: #86ac21;
}
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #86ac21;
}
.dropdown-menu > .active > a {
color: #5a2b2b;
}
#menu.navbar-default .navbar-nav > .open > a {
color: #86ac21;
}
.dropdown-menu {
background-color: #fffef8;
border: 1px solid rgba(172, 210, 98, 0.15);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.176);
}

.navbar-toggle {
margin-right: 0;
}
#header {
position: relative;
margin-top: 105px;
}
#top-wave,.top-wave {
    height: 58px;
    width: 100%;
    background: url("../img/hwave.png") no-repeat top center;
    position: absolute;
top: 85px;z-index: 10;
left: 0;
}
.top-wave {
top: 0px;
}
#bottom-wave,.bottom-wave {
    height: 58px;
    width: 100%;
    background: url("../img/hwaveb.png") no-repeat top center;
    position: absolute;
bottom: 0px;z-index: 10;
left: 0;
}
.bottom-wave {
bottom: -1px;
}
.bottom-wave.d-marigin {
bottom: -35px;
}
#kontakt .bottom-wave, #rezerwacja .bottom-wave {
bottom: -55px;
}
#rezerwacja .bottom-wave {
bottom: -35px;
}
#rezerwacja h3 {color: #5a2b2b;
}
.navbar-nav > li > a {
    padding: 0;
}
.spacer {
	display: inline-block;
	width: 100%;
	padding-top: 45px;
}
#rezerwacja .container-fluid {
    padding-bottom: 45px;
}


.w-panel {
bottom: -20px;
right: -40px;height: 48px;
}
/* Menu Section */
#restaurant-menu .col-md-6,#menu-list .col-md-6 {
display: inline-block;
}
#restaurant-menu .btn-custom,#menu-list .btn-custom {
margin: 0 auto;
}
#restaurant-menu img,.flyout-menu img,#menu-list img {
max-width: 100%;

}

#menu-list img {
	display: inline-block;

margin-bottom: 30px;
}

#menu-list img.half-circle {
	display: block;margin-bottom: 0;
}
.desktop-right {
float: right;
}
#restaurant-menu ul li,#menu-list ul li,.flyout-menu .progressbar li {

display: block;
float: left;
margin: 0 0 10px;
padding: 0 0 15px;
padding-bottom: 10px;
width: 100%;
}
#restaurant-menu ul li .food-desc,#menu-list ul li .food-desc {
clear: both;
float: left;
width: 82%;
overflow: hidden;
}
#restaurant-menu ul li .food-desc p,#menu-list ul li .food-desc p {
margin-bottom: 0;
font-size: 18px;
line-height: 1.2;
}
#restaurant-menu ul li .food-desc > div,#menu-list ul li .food-desc > div {
float: left;
position: relative;
font-size: 14px;
line-height: 1.5;
padding-right: 10px;
}
#menu-list ul li .food-pricing {
float: right;
width: 17%;
text-align: right;
font-size: 20px;
color: #fb6e14;
color: #000;color: #db8b01;
font-family: 'Rum Raisin', sans-serif;

}

.navbar-default {
background: none;
border: none;
}
.progressbar {
      counter-reset: step;
      
      display: inline-block;
      margin-top: 25px;
      margin-bottom: 95px;
      width: 100%;position: relative;

padding-top: 40px;

width: auto;
height: 195px;
box-sizing: border-box;
font-size: 20px;
text-align: left;
  }
  #restaurant-menu .progressbar li,.flyout-menu .progressbar li {
      list-style-type: none;
      width: 16.6663%;
      float: left;
      
      position: relative;
      text-align: center;
      text-transform: uppercase;
     
	 

width: 116px;
height: 116px;
margin-left: -40px;
position: absolute;
top: 10px;
color:
white;
text-align: center;
line-height: 116px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease-out, ease-out;
  }
  
  
  #restaurant-menu .progressbar li:nth-child(2),.flyout-menu .progressbar li:nth-child(2) {
    -webkit-transition-duration: 160ms;
transition-duration: 160ms;
-webkit-transform: translate3d(208.95087px, 20.96502px, 0);
transform: translate3d(208.95087px, 20.96502px, 0);
}
   #restaurant-menu .progressbar li:nth-child(3),.flyout-menu .progressbar li:nth-child(3) {
  -webkit-transition-duration: 240ms;
transition-duration: 240ms;
-webkit-transform: translate3d(162.22868px, 133.34862px, 0);
transform: translate3d(162.22868px, 133.34862px, 0);
}
  #restaurant-menu .progressbar li:nth-child(4) ,.flyout-menu .progressbar li:nth-child(4){
 -webkit-transition-duration: 320ms;
transition-duration: 320ms;
-webkit-transform: translate3d(61.01444px, 200.94088px, 0);
transform: translate3d(61.01444px, 200.94088px, 0);
}


#restaurant-menu .progressbar li:nth-child(5),.flyout-menu .progressbar li:nth-child(5) {
   -webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: translate3d(-60.69434px, 201.0378px, 0);
transform: translate3d(-60.69434px, 201.0378px, 0);
}


#restaurant-menu .progressbar li:nth-child(6),.flyout-menu .progressbar li:nth-child(6) {
-webkit-transition-duration: 480ms;
transition-duration: 480ms;
-webkit-transform: translate3d(-162.0161px, 133.60682px, 0);
transform: translate3d(-162.0161px, 133.60682px, 0);
}


#restaurant-menu .progressbar li:nth-child(7),.flyout-menu .progressbar li:nth-child(7) {
  -webkit-transition-duration: 560ms;
transition-duration: 560ms;
-webkit-transform: translate3d(-208.91722px, 21.29778px, 0);
transform: translate3d(-208.91722px, 21.29778px, 0);
}

#restaurant-menu .progressbar li:nth-child(1),.flyout-menu .progressbar li:nth-child(1) {

border-radius: 100%;
width: 116px;
height: 116px;

position: absolute;
top: 20px;
color:
white;
text-align: center;
line-height: 80px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease-out, ease-out;
}


    #restaurant-menu .progressbar li a,.flyout-menu .progressbar li a{
    position: relative;display: inline-block;
    
    }
    
    #restaurant-menu .progressbar li {
    position: relatove;
    }
    
   #restaurant-menu .progressbar li span,.flyout-menu .progressbar li span {
   display: inline-block;
   width: 116px;
   height: 116px;
   margin-top: 0px;
   font-size: 22px;
   line-height: 1.5;
   font-family: 'Rum Raisin', sans-serif;
   color: #5a2b2b;
   display: table;
   top: 0;
   left: 0;
   position: absolute;
   padding-left: 10px;
   padding-right: 10px;
   } 
   #restaurant-menu .progressbar li span em ,.flyout-menu .progressbar li span em{
   display: table-cell;
vertical-align: middle;
font-style: normal;
   
   }
    #restaurant-menu .progressbar li a:hover span,.flyout-menu .progressbar li a:hover span,
    .flyout-menu .progressbar li.active span
    
    
     {
    color: #86ac21;
    
    }
    
    #restaurant-menu .progressbar li a:hover .half-circle,.flyout-menu .progressbar li a:hover .half-circle,
    .flyout-menu .progressbar li.active .half-circle
     {
    border: 2px solid #86ac21;
    border-radius: 50%;border-bottom: 0;
    }
   
.testimonials blockquote {
  position: relative;
  background: white;
  
  margin-top: 20px;
  padding: 30px 30px;
  border: none;
  text-align: center;
 border-top-left-radius: 50px;
border-top-right-radius: 50px;
border: 2px solid gray;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 2px;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;border-radius: 50%;
}
.tauth {
text-align: center;
}
.testimonials blockquote:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid #ecedf1;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.testimonials blockquote:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  border-top: 9px solid white;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}



blockquote p.clients-words {
    font-size: 18px;
    padding: 15px;
}
span.clients-name {
  font-size: 16px;
  
  bottom: 10px;
  right: 10px;
}
  
 /* .progressbar li a:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
   */
 /* .progressbar li a:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -70%;
      z-index: -1;
  }
  */
  .progressbar li:first-child a:after {
      content: none;
  }
  .progressbar li.active a {
      color: green;
  }
  .progressbar li.active a:before {
      border-color: #55b776;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
#menus-row {
width: auto !important;
padding-top: 25px;
}



#restaurant-menu ul li .food-desc  h3,#restaurant-menu ul li .food-desc  .menu-subtitle,
#menu-list ul li .food-desc  h3,#menu-list ul li .food-desc  .menu-subtitle



 {
font-size: 24px;
margin: 0 0 0px;
padding: 0;padding-right: 10px;
position: relative;display: inline-block;font-family: 'Rum Raisin', sans-serif;
font-style: normal;
}



#restaurant-menu ul li .food-desc h3:before,#restaurant-menu ul li .food-desc  .menu-subtitle:before,
#menu-list ul li .food-desc h3:before,#menu-list ul li .food-desc  .menu-subtitle:before


 {
content: '';
    position: absolute;
    width: 1000px;
    border-bottom: 1px dashed #616f7d;
    bottom: 6px;
    left: 102%;
}
.sub-menu-section-title {
font-family: 'Rum Raisin', sans-serif;
font-size: 28px;
display: inline-block;
font-style: normal;
width: 100%;
text-decoration: underline;
}


.flyout-menu {
   z-index: -1;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .3s ease-in-out 0s;
transition: opacity 0.4s ease 0s, top 0s ease 0.4s;
-webkit-transition: opacity 0.4s ease 0s, top 0s ease 0.4s;
-moz-transition: opacity 0.4s ease 0s, top 0s ease 0.4s;
-ms-transition: opacity 0.4s ease 0s, top 0s ease 0.4s;
-o-transition: opacity 0.4s ease 0s, top 0s ease 0.4s;
background: #fff;
overflow: auto;
}
.flyout-menu .container-fluid {
height: 100%;
display: table;

}

.flyout-menu .container-fluid .row {
    height: 90%;
display: table-cell;
vertical-align: middle;
padding-top: 10%;
padding-bottom: 5%;
}

.pull-on.flyout-menu { 
opacity: 1;z-index: 56;

}
.flyout-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 700px;
    
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu {
    opacity: 1;
}


#bs-example-navbar-collapse-1 {
position: relative;
}
#menu-phone {
float: right;
}  



#menu-phone {
    text-transform: uppercase;
    color: #5a2b2b;
    font-weight: 400;
    font-size: 30px;
    padding: 5px 0;
    border: 2px solid transparent;
    letter-spacing: 0.5px;
    margin: 10px 30px 0 15px;
    font-family: 'Rum Raisin', sans-serif;
    margin-left: 0;
}
  
    
    .open {
        cursor: pointer;
        z-index: 9999999;
        float: left;
        padding: 0px;
        position: relative;
        margin: 0 auto;
margin-left: 30px;
        
        width: 42px;
height: 42px;
        z-index: 1001;
        -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  box-shadow:none;
  border-radius:none;
  border:none;
  cursor:pointer;
  -webkit-transition:background .3s;
  transition:background .3s;
  border: 1px solid #86ac21;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

margin-top: 32px;
   
    background-color: #86ac21;
    display: block
   

    }
.open.is-active  {
 background: #bf0000;
border: 1px solid #bf0000;
}
.c-hamburger em {
	padding-left: 0px;
	line-height: 36px;
	height:42px;
	width: 42px;
	font-style: normal;padding-left: 0px;
}
.c-hamburger:focus
{
  outline:0;
}
    .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
        padding-left: 0px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    display:none;
}
    
    .open>.icon-bar {
        background-color: rgb(255, 255, 255);
       
        display: block;
        top:18px;
  left:8px;
  width: 24px;
  height:3px;
        position: absolute;
    }
    
    .c-hamburger span.icon-bar:after,.c-hamburger span.icon-bar:before
{
  position:absolute;
  display:block;
  left:0;
  width:100%;
  height:3px;
  background-color:#fff;
  content:"";
}
    .c-hamburger span.icon-bar::before
{
  top:-7px;
}

.c-hamburger span.icon-bar::after
{
  bottom:-7px;
}
   .c-hamburger--htx.is-active
{
  
}

.c-hamburger.is-active span.icon-bar
{
  background:0 0;
}

.c-hamburger.is-active span.icon-bar::before
{
  top:0;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.c-hamburger.is-active span.icon-bar::after
{
  bottom:0;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.c-hamburger.is-active span.icon-bar::after,.c-hamburger.is-active span.icon-bar::before
{
  -webkit-transition-delay:0;
  transition-delay:0;
} 
 .c-hamburger--htx span.icon-bar
{
  -webkit-transition:background 0 .3s;
  transition:background 0 .3s;
}

.c-hamburger span.icon-bar::after,.c-hamburger--htx span.icon-bar::before
{
  -webkit-transition-duration:.3s,.3s;
  transition-duration:.3s,.3s;
  -webkit-transition-delay:.3s,0s;
  transition-delay:.3s,0s;
}

.c-hamburger span.icon-bar::before
{
  -webkit-transition-property:top,-webkit-transform;
  transition-property:top,transform;
}

.c-hamburger span.icon-bar::after
{
  -webkit-transition-property:bottom,-webkit-transform;
  transition-property:bottom,transform;
}   


#restaurant-menu .menu-panel,#menu-list .menu-panel {
display: inline-block;
margin: 0;

padding-right: 10px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
padding-top: 0px;padding-bottom: 0px;

}
#menu-list .menu-panel.last-panel {
margin-bottom: 10px;
}
#restaurant-menu ul li:last-child,#menu-list ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;

}


#restaurant-menu {
overflow: hidden;
padding: 0;
width: 100%;
margin-top: 50px;
padding-bottom: 0;position: relative;
z-index: 10;
}
#restaurant-menu .container-fluid ,#menu-list .container-fluid {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#restaurant-menu h3,#menu-list h3 {
padding: 10px 0;
color: #5a2b2b;
color: #000;

}
#restaurant-menu .menu-section-title,#menu-list .menu-section-title {
color: #5a2b2b;


font-weight: 400;
margin: 10px 0 20px;
padding-bottom: 15px;
padding-top: 0px !important;
padding-left: 0px;
padding-top: 0px;
text-align: left;
position: relative;

text-align: center;
text-transform: uppercase;

}
#menu-list .menu-section-title {
	
}

/*
#restaurant-menu .menu-section-title:after {
background: #5a2b2b;
height: 8px;
background: url(../img/hr.png) no-repeat top center;
}
*/
#restaurant-menu #menu-6-1,#menu-list #menu-6-1 {
font-size: 16px;
padding-left: 0px;
}
#restaurant-menu .col-md-7 .menu-section-title,#menu-list .col-md-7 .menu-section-title,#restaurant-menu .col-md-4 .menu-section-title {
padding-left: 0px;font-size: 16px;

}
#restaurant-menu #menu-6-1:after,#restaurant-menu #menu-6-1:before,#menu-list #menu-6-1:after,#menu-list #menu-6-1:before {
display: none;
}
#rezerwacja h2:before {
display: none;
}
#restaurant-menu .menu-item-name,#restaurant-menu .menu-item-name {
font-weight: 600;
font-size: 17px;
color: #555;
border-bottom: 2px dotted rgb(213, 213, 213);
}
#restaurant-menu .menu-item-description,#menu-list .menu-item-description {
font-size: 15px;
}
#restaurant-menu .menu-item-price,#menu-list .menu-item-price {
float: right;
font-weight: 600;
color: #db8b01;
margin-top: -26px;
}
#restaurant-menu .col-md-12 h2,.flyout-menu .col-md-12 h2,#menu-list .col-md-12 h2,#restaurant-menu .col-md-6 h2,#restaurant-menu .col-md-7 h2 {
position: relative;
text-align: center;
margin-left: 0;
margin-right: 0;
float: none;
display: inline-block;
padding-left: 0px;
padding-right: 0px;
padding-top: 65px;
text-transform: uppercase;
font-size: 42px;
padding-bottom:0;
margin-bottom: 0;border-radius: 0;
}
#restaurant-menu .col-md-12 h2:before,.flyout-menu .col-md-12 h2:before,#restaurant-menu .col-md-6 h2:before,#restaurant-menu .col-md-7 h2:before {
background: url(../img/icon2-0.png) no-repeat top center;border-radius: 0;


padding-bottom: 21px;
width: 64px;
height: 64px;
position: absolute;
content: "";
left: 50%;
top: 0;
margin-left: -32px;

}

.white-bg {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
padding: 5px;
border: 2px dashed #ff0000;
background: #ffe;
display: inline-block;
width: 100%;
}
.left-bg {
	width: 75%;
}
.right-bg {
	
	padding-top: 45px;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-right: 45px;
}

.right-bg p {
	font-size: 21px;
	line-height: 1.25;
	
}
.white-bg .col-md-6,.white-bg .col-md-12 {
	padding: 0;
}



.vegas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    z-index: -1;
    
}
#zapraszamy .vegas-overlay {

 /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.75);
}

#zapraszamy .container-fluid {
 /* padding: 0;
  width: 90%;
  max-width: 100%;*/
  font-family: diavlolight;
  text-rendering: optimizeLegibility !important;
  font-style: normal;
}


#zapraszamy h3, #zapraszamy h2 {
 padding: 0;
text-transform: uppercase;
font-size: 19px;
font-family: diavlobook;
display: flex;
align-items: center;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
}
#zapraszamy p {
	font-style: normal;
	margin-bottom:0;
}
#zapraszamy .col-md-1 p, #zapraszamy .col-md-3 p, #zapraszamy .col-md-2 p {
 /*
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  border: 2px dashed #7b0202;*/
  font-size: 14px;
  font-weight: 700;
  padding: 5px;
}

.col-md-2.text-center p {
	text-align: center;width: 100%;
}


#zapraszamy .row .col-md-1 p {
	text-align: center;
width: 100%;
}
#zapraszamy h2, #zapraszamy h3 {
color: #5a2b2b !important;
}
#grill-me , #fastfood{
	margin-top: 35px;
}
#zapraszamy h3 em {
  color: #fd0000;
  font-style: normal;
  font-size: 16px;
  background: rgb(255, 255, 255);
  -webkit-border-radius: 3px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 5px;
  display: inline-block;
  border: 1px dashed #fd0000;
  width: 32px;
  height: 30px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
}
  @media (min-width: 768px) {
#zapraszamy .row .col-md-1, #zapraszamy .row .col-md-2, #zapraszamy .row .col-md-3, #zapraszamy .row .col-md-4, #zapraszamy .row .col-md-5, #zapraszamy .row .col-md-6, #zapraszamy .row .col-md-9 {

 
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  padding-left: 0px;padding-right: 0px;
}

#zapraszamy .row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px dotted #ff0000;padding-left: 0px !important;padding-right: 0px !important;
}

  }
.flyout-menu .col-md-12 h2:after { 
display:none;
}
#zapraszamy p {

  margin-bottom: 0;
  text-align: left;
}
#dodatki {
	margin-top: 15px;
}

.s-box {
    color: #fff;
    background-color: #86ac21;
    
    background-size: cover;
    position: relative;
    top: -30px;
    padding: 20px;
}


.sale {
position: relative;
display: inline-block;
background: orange;
color: white;
height: 2.5rem;
padding-left: 10px;
padding-right: 10px;
text-align: center;
vertical-align: middle;
line-height: 2.5rem;
margin-left: 10px;
margin-top: -3px;
animation: beat 1s ease infinite alternate;
font-size: 14px;
font-family: 'Lora', serif;
font-style: italic;
}
.sale:before,
.sale:after {
content: "";
position: absolute;
background: inherit;
height: inherit;
width: inherit;
top: 0;
left: 0;
z-index: -1;
}
.sale:after {} @keyframes beat {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(0deg) scale(1.1);
}
}
#restaurant-menu .col-md-12 h2:after {
display: none;
}
.text-center {
text-align: center;
}
#daniednia {
padding: 60px 0;
color: #fff;
position: relative;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
padding-bottom: 70px;
border: 2px dashed @000;
position: relative;
margin-top: 20px;

/* Old browsers */
}

.container-fluid,#testimonials,#kontakt {
position: relative;
z-index: 2;
}
.bg-img {
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    animation-duration: 5000ms;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    
}

.bg-img.row {
position: relative;
width: auto;
padding-top: 45px;
padding-bottom: 35px;
} 
#daniednia .bg-img.row {

padding-top: 75px;
padding-bottom: 65px;
} 
.subsubtitle {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Rum Raisin', sans-serif;
    color: #5a2b2b;margin-top: 20px;
margin-bottom: 10px;
font-style: normal;
}

#daniednia p.subsubtitle {
	margin-bottom: 14px;
	margin-top: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    
    /*z-index: 55;*/

}
ul, ol {
    padding: 0;
   
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
#testimonials {
padding-top: 45px;
padding-bottom: 45px;
}

#daniednia h2:after {
background: #5a2b2b;
height: 1px;
}
#daniednia h2#smaki {

}
#daniednia h2#danie {
margin-bottom: 40px;
color: #5a2b2b;
}
#daniednia h2#danie:before {
display:none;
}
#daniednia h3 {
color: #5a2b2b;
}
/* Call Reservation Section */
#rezerwacja {
padding: 75px 0;
padding-bottom: 10px;

}
#rezerwacja .overlay {
padding: 80px 0;
background: #86ac21;
}
#kontakt a {
color: #4e2b26;
}
#rezerwacja h3 {
color: #fff;
font-weight: 500;
font-size: 20px;
margin: 5px 0;
}

.oval-bg {
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 2.5%;
    display: inline-block;
    border: 1px dashed #7b0202;
}


/* kontakt Section */
#kontakt {
padding: 0px 0 50px 0;

}
#kontakt .section-title p {
color: #777;
}
#kontakt form {
padding: 0;
}
#kontakt h3 {
font-size: 20px;
font-weight: 400;
}
/* Footer Section*/
#footer {

padding: 10px 0 0 0;
}
#footer h3 {
color: #86ac21;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
}
#footer .copyrights {
padding: 10px 30px 10px 30px;
}
#back_to_top {
border: medium none;
bottom: 0px;
cursor: pointer;
display: none;
height: 42px;
overflow: hidden;
position: fixed;
right: 30px;
text-decoration: none;
background: #e0decb;
width: 42px;
text-align: center;
line-height: 42px;
z-index: 100;
}
#back_to_top .fa-stack {
width: 30px;
height: 30px;
}
#back_to_top .fa-stack .fa {
font-size: 24px;
}
#zapraszamy {
padding: 0px 0;
position: relative;
z-index: 1;
}


ul, ol {
    padding: 0;
    webkit-padding: 0;
    moz-padding: 0;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;

}
#zapraszamy h2 {
color: #fff;
}
#zapraszamy h2:before,#zapraszamy h2:after {
background: #fff none repeat scroll 0 0;
}
#zapraszamy img {
margin-top: 20px;
max-width: 100%;
}
#restaurant-menu h2#zestawh2,#menu-list h2#zestawh2 {
padding-left: 0;
}
#footer p {
font-size: 13px;
margin-bottom: 5px;
color: #000;
}
#footer a {} #footer a:hover {
color: #333;
}
.to-animate {
opacity: 0;
}
#asm {
float: right;

margin-top: -15px;
}
#asm a {
background: rgba(0, 0, 0, 0) url("../img/pageicons.png") no-repeat scroll 0 -81px;
clear: right;
float: right;
margin-left: 10px;
height: 24px;
margin-right: 0;
margin-top: -5px;
overflow: hidden;
text-indent: -9999em;
width: 61px;
}

#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
/* Specify the width of your pageslide here */
width: 260px;
padding: 0 20px;
/* These styles are optional, and describe how the pageslide will look */
background-color: #fffef4;
overflow: scroll;
}



.section .row {
padding-left: 15px !important;
padding-right: 15px !important;
}
.section #menus-row {
padding-left:0px !important;
padding-right: 0px !important;
}
.container-fluid {
max-width: 1480px;
}
#menu-list .container-fluid {
padding-bottom: 45px;
    

}
.row {

    position: relative;

}
.menu-panel.last-panel div {
	max-width: 100% !important;
}



.menu {
    position: relative;
    
   
    padding-top: 20px;
    padding-left: 190px;
    width: 50%;
    height: auto;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;margin: 0 auto;
}

.menu-item, .menu-open-button {
   background:
#ff4081;
border-radius: 100%;
width: 80px;
height: 80px;
margin-left: -40px;
position: absolute;
top: 20px;
color:
white;
text-align: center;
line-height: 80px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease-out, ease-out;
transition-duration: 200ms, 200ms;
transition-timing-function: ease-out, ease-out;
left: 50%;
}
.menu-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

.menu-open:checked ~ .menu-item {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.menu-open:checked ~ .menu-item:nth-child(8) {
    transition-duration: 560ms;
    -webkit-transform: translate3d(-114.40705px, 11.66307px, 0);
    transform: translate3d(-114.40705px, 11.66307px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(7) {
    transition-duration: 480ms;
    -webkit-transform: translate3d(-88.7231px, 73.16564px, 0);
    transform: translate3d(-88.7231px, 73.16564px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
    transition-duration: 400ms;
    -webkit-transform: translate3d(-33.23738px, 110.09213px, 0);
    transform: translate3d(-33.23738px, 110.09213px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
    transition-duration: 320ms;
    -webkit-transform: translate3d(33.41267px, 110.03905px, 0);
    transform: translate3d(33.41267px, 110.03905px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
    transition-duration: 240ms;
    -webkit-transform: translate3d(88.83952px, 73.02424px, 0);
    transform: translate3d(88.83952px, 73.02424px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
    transition-duration: 160ms;
    -webkit-transform: translate3d(114.42548px, 11.48084px, 0);
    transform: translate3d(114.42548px, 11.48084px, 0);
}

#psm {
	float: right;margin-top: -15px;
}



@media (max-width: 767px) {
p:first-child {} .navbar-right .dropdown-menu {
left: auto;
top: auto;
}
.right-bg {
    padding-top: 25px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
}
.left-bg {
    width: 90%;
}

#restaurant-menu .progressbar li:nth-child(2), .flyout-menu .progressbar li:nth-child(2) {
   
    -webkit-transform: translate3d(78.95087px, 20.96502px, 0);
    transform: translate3d(78.95087px, 20.96502px, 0);
}
#restaurant-menu .progressbar li:nth-child(1), .flyout-menu .progressbar li:nth-child(1) {
	margin-left: -55px;
}
.section .row {
padding-left: 0px !important;
padding-right: 0px !important;
}
#restaurant-menu .progressbar li, .flyout-menu .progressbar li {
width: 116px;
margin-bottom: 20px;margin-right: 10px;
}
#restaurant-menu .container-fluid,#zapraszamy .container-fluid {
padding: 0;
}

.mobile-mtop {
padding-top: 50px;
}
.intro .row,.bg-img.row  {
margin-right: 0px;

margin-left: 0px;
}

.intro h1 {
   
    font-size: 3.6em;
    }


#restaurant-menu .progressbar li a, .flyout-menu .progressbar li a {

  
    width: 116px;

}
.progressbar {
text-align: center;
}
.flyout-menu .container-fluid {

    padding-left: 0px;
    padding-right: 0px;
    width: 100%;

}
#restaurant-menu .progressbar li span, .flyout-menu .progressbar li span {
height: 75px;
}
.progressbar li span,.half-circle {

   
    height: 75px;
    }
#restaurant-menu .progressbar li, .flyout-menu .progressbar li {

   
    float: none;
    display: inline-block;

}
#menu-phone {
margin: 10px 0px 0 0px;
padding: 10px;
}

#menu-phone i {
font-size: 38px;
}
.open {
margin-top: 20px;
}
#menu-phone span {
display: none;
}
#menu-phone span.iicon-phone {
display: inline-block;
}
#menu .col-md-4 {
width: 25%;

float: left;

text-align: center;
}

#menu .col-md-4:nth-child(2) {
    width: 50%;
}

#restaurant-menu ul li .food-desc,#restaurant-menu ul li .menu-list,
#menu-list ul li .food-desc,#menu-list ul li .menu-list

 {
    
    width: 82%;
    
}
.w-panel {
    
    left: 0px;
    
}
#restaurant-menu ul li .food-pricing,#menu-list ul li .food-pricing {
    
    width: 18%;
    }
#menu-phone {

    float: none;
    display: inline-block;
    margin: 0 auto;
    margin-top: 10px;
}
#menu .container-fluid,.intro .container-fluid,#daniednia .container-fluid  {
padding-left: 0px;
padding-right: 0px;
}
#restaurant-menu .menu-panel,#menu-list .menu-panel {
padding-left: 15px;
padding-right: 15px;
}

.navbar-nav > li > a {
text-align: center;
font-family: 'Rum Raisin', sans-serif;
color: #5a2b2b;
font-size: 24px;
}
.navbar-nav > li > a:hover {
background: none;
}
.navbar-nav > li > .dropdown-menu {
margin-bottom: 20px;
margin-top: 10px;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background: none;
}
.dropdown-menu {
display: inline-block;
width: 100%;
position: relative;
top: auto;
left: auto;
}
.dropdown-menu li {
display: inline-block;
width: 100%;
}
.collapse.in {
display: inline-block;
float: right;
margin-top: -50px !important;
position: relative;
z-index: 1000;
}
#daniednia .col-sm-6:first-child,
#rezerwacja .col-sm-6:first-child {
margin-bottom: 40px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin: 0;
}
#header.row {
margin: 0;
}
header .intro-text {
padding-left: 15px;
padding-right: 15px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: medium none;
background-color: #fcfbef !important;
}
.navbar-right {
margin: 7.5px -15px;
text-align: right;
}
.right-bg p {
    font-size: 16px;
    line-height: 1.25;
}
#daniednia h2#danie {
    margin-bottom: 0px;
    
}
#daniednia p.subsubtitle {
    margin-bottom: 0px;
   
}
#daniednia {
padding-bottom: 40px; 
}
#menu-list .menu-panel {
	margin-bottom: 10px;
}
}
@media (max-width: 500px) {
.intro h1 {
font-size: 3.3em;
}
.intro span {
font-size: 17px;
}
header .intro-text {
padding-bottom: 10px;
}

#restaurant-menu .progressbar li:nth-child(7), .flyout-menu .progressbar li:nth-child(7) {
   
    -webkit-transform: translate3d(-108.91722px, 21.29778px, 0);
    transform: translate3d(-108.91722px, 21.29778px, 0);
}

#restaurant-menu .progressbar li:nth-child(6), .flyout-menu .progressbar li:nth-child(6) {
   
    -webkit-transform: translate3d(-112.0161px, 113.60682px, 0);
    transform: translate3d(-112.0161px, 113.60682px, 0);
}
#restaurant-menu .progressbar li:nth-child(3), .flyout-menu .progressbar li:nth-child(3) {
   
    -webkit-transform: translate3d(72.22868px, 113.34862px, 0);
    transform: translate3d(72.22868px, 113.34862px, 0);
}

#restaurant-menu .progressbar li:nth-child(2), .flyout-menu .progressbar li:nth-child(2) {
  
   -webkit-transform: translate3d(78.95087px, 20.96502px, 0);
    transform: translate3d(78.95087px, 20.96502px, 0);
}

#restaurant-menu {
   
    margin-top: -95px;
   
}
header .intro-text {
	padding-top: 100px;
	padding-bottom: 100px;
}
.right-bg {

   
    width: 90%;
    margin-top: 45px;

}


}
#menu-list .container-fluid {
padding-bottom: 45px;
    

}