body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    color: #464D53;
    font-size: 1.1vw;

}

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.container {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;

width: 62vw;
}

.row {
    margin-right: -1vw;
    margin-left: -1vw;
}

.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: 1vw;
    padding-left: 1vw;
}

/* Nawigacja strony */

.navbar-default {
    border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #464d53;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: red;
}


.navbar-default .navbar-collapse {

}

.navbar-default .navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fed136;
}

.navbar-right {
margin-right: 0;
margin-top: 0;
margin-top: 1.5vw;
}

.navbar-default.navbar-shrink .navbar-right {
margin-right: 0;
margin-top: 0;
margin-top: 1vw;
}

.navbar-default .nav li a {
    text-transform: capitalize;
font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.01vw;
    color: #464d53;
    font-style: italic;

    font-size: 1.3vw;
    margin: 0;
    padding: 0;
    height: 3vw;
    line-height: 3vw;
}

.navbar-default .nav li span {
    text-transform: capitalize;
font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.01vw;
    color: #464d53;
    font-style: italic;
    font-size: 0.8vw;
    margin: 0;
    padding: 0;
    display: block;
    height: 3vw;
    line-height: 3.3vw;
    margin-left: 0.8vw;
    margin-right: 0.8vw;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: red;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: red;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: red;
    background-color: transparent;
}

    .navbar-default {
        padding: 0;
        height: 6vw;
        border: 0;
        background-color: rgba(255,255,255, 1);
        background: url(../img/drewno-biale.jpg);
        background-position: top left;

        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
        -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1);
        box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 1);
        
        webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-brand {
    	  padding: 0;
        font-size: 2.8vw;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 20vw;
        height: 2vw;
        float: left;
        margin-top: 0;
        height: 6vw;
        line-height: 6vw;
        background: url(../img/logo.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 100%;
        
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
      
        height: 5vw;
        background-color: #222;
         webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 2.1vw;
        height: 5vw;
        line-height: 5vw;
        width: 17vw;
    }


.menu-margin {
width: 100%;
height: 6vw;
}



/* Reset podstawowych stylow */

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}


section {
float: left;
width: 100%;
clear: both;
background-color: white;
margin: 0;
padding: 0;

}

ul, li {
margin: 0;
padding: 0;
}

.paralax {
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% !important;

height: 25vw;
position: relative;

background-attachment: fixed !important;
background-position: center center;
background-size: cover;
}

.img.paralax {
width: 100%;
height: 40vw;

background-attachment: fixed !important;
background-position: center center;
background-size: cover;

  //-webkit-transform: translate3d(0,0,0);
  
transform: translate(0px, 0px);
}

/*hack dla google chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   header .img.paralax {
        background-attachment: scroll !important;
    }
}




/* Animacja Glowna */

header {
width: 100%;
height: 40vw;
background-color: black;
float: left;
clear: both;
position: relative;
}

.anim {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}



header .bx-wrapper .bx-prev, header .bx-wrapper .bx-next,
#Nasz-lokal .bx-wrapper .bx-prev, #Nasz-lokal  .bx-wrapper .bx-next,
#opinieonas .bx-wrapper .bx-prev, #opinieonas  .bx-wrapper .bx-next {
display: block;

width: 5vw;

height: 5vw;
margin-top: -2.5vw;

-webkit-border-radius: 280px;
-moz-border-radius: 280px;
border-radius: 280px;
}

header .bx-wrapper .bx-next, .bx-wrapper .bx-next { 

background: url(../img/next.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
}

header .bx-wrapper .bx-prev, .bx-wrapper .bx-prev { 

background: url(../img/prev.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
}

#opinieonas .bx-wrapper .bx-next { 
margin-top: -4vw;
background: url(../img/next2.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
}

#opinieonas .bx-wrapper .bx-prev { 
margin-top: -4vw;
background: url(../img/prev2.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
}

header .bx-wrapper .bx-prev:hover, header .bx-wrapper .bx-next:hover, 
 .bx-wrapper .bx-prev:hover,  .bx-wrapper .bx-next:hover { 
background-position: center center;
background-color: rgba(0,0,0, 0.2);
}

#opinieonas .bx-wrapper .bx-next:hover,  
 #opinieonas .bx-wrapper .bx-prev:hover { 
background-position: center center;
background-color: rgba(0,0,0, 0.05);


}

header .absolute {
width: 62vw;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 50%;
margin-left: -31vw;
}

header .absolute .intro-text {
width: 62vw;
height: 40vw;
display: table-cell;
text-align: center;
vertical-align: middle;
}

header .intro-heading {
font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
font-size: 6.4vw;
color: white;
text-shadow: 4px 4px 6px rgba(0, 0, 0, 1), -4px -4px 6px rgba(0, 0, 0, 0.2);
}

header .intro-lead-in {
font-family: 'PT Sans', sans-serif;
font-size: 2.2vw;
color: white;
font-style: italic;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), -2px -2px 2px rgba(0, 0, 0, 0.2);
}

header .btn {
font-size: 1.6vw;
color: white;
border: 3px solid white;
padding: 12px 22px;
padding: 0.6vw 1.1vw;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow: 2px 2px 12px rgba(0, 0, 0, 1), -2px -2px 12px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    2px 2px 2px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 1);

margin-top: 3vw;
}

header .btn:hover, header .btn:focus, header .btn:active {
background-color: white;
background-color: red;
border-color:  red;
color: white;
text-shadow: none;
}

.ozdoba {
width: 100%;
height: 20px;
position: absolute;
z-index: 3;

bottom: 0;
left: 0;

background: url(../img/ozdoba.png);
background-position: top left;
background-repeat: repeat-x;
background-size: contain;
}

.ozdoba.dolna {
width: 100%;
height: 20px;
position: absolute;
z-index: 3;
bottom: auto;
top: 0;
left: 0;

background: url(../img/ozdobad.png);
background-position: bottom left;
background-repeat: repeat-x;
background-size: contain;
}

/* Podstrony */

h2 {
margin: 0;
padding: 0;	
font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;	
color: #464d53;	
font-size: 6.2vw;
margin-top: 2.5vw;
margin-bottom: 1vw;
}


h3 {
	 margin: 0;
	 padding: 0;
font-family: 'PT Sans', sans-serif;
    font-size: 2.3vw;
    font-style: italic;
    color: #464d53;	
    margin-bottom: 2.5vw;
    display: block;
    width: 100%;
}

p {
margin: 0;
padding: 0;
font-size: 18px;
font-size: 1vw;
font-weight: 300;
color: #464D53;
font-style: italic;
text-align: justify;
margin-bottom: 2vw;
}

p.text-muted {
    font-size: 16px;
    font-size: 0.95vw;
    font-weight: 300;
    color: #464D53;
    font-style: italic;
    text-align: justify;
}

/* Onas */

#O-Nas, #Menu-dan, #Rezerwacja, #Kontakt {
padding-bottom: 2.2vw;
}

#O-Nas img {
width: 100%;
height: auto;
border: 0.5vw solid #dcdcdc;

-webkit-border-radius: 2000px;
-moz-border-radius: 2000px;
border-radius: 2000px;
}

h4 {
margin: 0;
padding: 0;	
font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;	
color: #464d53;	
font-size: 1.7vw;
margin-top: 1.5vw;
margin-bottom: 2vw;
}

/* Menu */

.menu-dan {
width: 100%;
float: left;
padding: 0px;
color: #464D53;
padding-left: 1vw;
padding-right: 1vw;
} 

.menu-dan .tytul {
width: 100%;
text-align: center;
font-size: 3.1vw;
font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
}

.danie {
width: 100%;
float: left;
margin-bottom: 20px;
height: 43px;
height: 2vw;
background: url(../img/kropki.png);
background-position: right bottom;
background-repeat: repeat-x;
background: none;

border-bottom: 0.22vw dotted rgba(163,140,140, 0.4);
}

.danie div {
float: left;
height: 2.6vw;
background-color: white;
line-height: 3vw;
}

.danie .numer {
font-size: 1.4vw;
font-weight: bold;
padding-right: 1vw;
}

.danie .tytul-dania {
font-size: 1.4vw;
font-weight: bold;
padding-right: 1vw;
font-style: italic;
}

.danie .opis {
padding-right: 0.8vw;
font-size: 1.1vw;
font-family: 'PT Sans', sans-serif;
color: #8c8c8c;
font-style: italic;
line-height: 3.22vw;
}

.danie .cena {
float: right;
margin-right: -4px;
font-size: 1.36vw;
padding-left: 1vw;
font-weight: bold;
}

.select {
position: absolute;
z-index: 1;
top: 180px;

top: 11.6vw;

right: 0;
width: 220px;
width: 12.4vw;
height: 50px;

height: 2.8vw;
overflow: hidden;
border: 0.18vw solid #8c8c8c;
}

.select select {
padding: 0;
border: none;
outline: none;
background: none;
width: 14.4vw;
height: 2.8vw;
line-height: 2.4vw;
margin-left: -1vw;
text-align: center;

font-size: 1.2vw;
font-style: italic;
color: #8c8c8c;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.select select {
padding-left: 60px;	
}

}

/* Rezerwacja Stolika */


#podziekowanie, #podziekowanie2 {
display: none;
}

.field {
width: 100%;
float: left;
margin-bottom: 1.49vw;
}

legend {
text-align: center;	
font-size: 0.9vw;
border: none;
}

input[type="text"], textarea {
width: 100%;
height: 2.63vw;
float: left;
border: none;
outline: none;
padding: 0 0.6vw 0 0.6vw;

font-size: 1.12vw;
font-style: italic;



border: 3px solid #d9d9d9;
background-color: white;
}

textarea { 
height: 210px;
height: 10.87vw;
resize: none;
padding: 0.6vw;
}

/* Placeholdery */

::-webkit-input-placeholder {
height: 2.63vw;
width: 100%:
font-size: 1.12vw;
opacity: 1;
color: #c6c6c6;
}

:-moz-placeholder { /* Firefox 18- */
height: 2.63vw;
width: 100%:
font-size: 1.12vw;
opacity: 1;
color: #c6c6c6;
}

::-moz-placeholder {  /* Firefox 19+ */
height: 2.63vw;
width: 100%:
font-size: 1.12vw;
opacity: 1;
color: #c6c6c6;
}

:-ms-input-placeholder {  
height: 2.63vw;
width: 100%:
font-size: 1.12vw;
opacity: 1;
color: #c6c6c6;
}

#Rezerwacja .col-md-6, #Kontakt .col-md-6  {
margin-bottom: 1vw;
}

input[type="submit"] {
display: block;
margin-left: auto;
margin-right: auto;
width: 16vw;
text-align: center;
border: none;
outline: none;
height: 3.8vw;
border: 3px solid red;
background-color: red;
color: white;
font-style: italic;
font-size: 1.6vw;
}



/* Nasz Lokal */

#Nasz-lokal {
position: relative;
}

#Nasz-lokal .ozdoba, #Nasz-lokal .ozdoba.dolna {
z-index: 1001;

}

#Nasz-lokal .ozdoba.dolna { 
top: 0;
}

#Nasz-lokal .anim {
width: 100%;
float: left;
position: relative;
height: 40vw;
}

#Nasz-lokal .img {
width: 100%;
height: 40vw;
background-position: center center !important;
background-size: cover !important;
}

/* Kontakt */

h3 span {
display: block;
float: left;
width: 100%;
font-size: 2.1vw;
line-height: 2.3vw;
margin-top: 1.2vw;
margin-bottom: 1.4vw;
}

#mapa iframe {
height: 25vw;
width: 100%;
float: left;
}

/*Opinie */

.padding-anim {
padding-bottom: 12vw;
}

#opinieonas {
float: left;
width: 100%;
margin: 0;
padding: 0;
height: 12vw;
z-index: 1;
position: absolute;
}

#opinieonas .bx-wrapper .bx-viewport {
height: 12vw !important;
}

#opinie-onas {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
top: 0;
left: 0;
float: left;
clear: both;
}

#opinieonas ul, #opinieonas ul li {
width: 100% !important;
padding: 0;
margin: 0;
text-align: center;
}

#opinieonas ul li .container {
position: relative;
}

#opinieonas ul li .container .center {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 10vw;
width: 62vw;
}

#opinieonas h3 {
display: inherit;
float: none;
padding-bottom: -1.5vw;
text-align: center;
width: 100%;
display: block;
margin-bottom: 1vw;
font-size: 3.5vw;
}

#opinieonas p {
text-align: center;
width: 100%;
display: block;
}

/* Stopka */


footer {
width: 100%;
height: 4.1vw;
line-height: 4.1vw;
display: block;
float: left;
clear: both;

 background-color: rgba(255,255,255, 1);
 background: url(../img/drewno-biale.jpg);
 background-position: top left;

 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 1);

overflow: hidden;
}

footer .list-inline.social-buttons {
float: right;
}

footer .list-inline.social-buttons a {
font-size: 2vw;
color: #464D53;
}

footer .list-inline.social-buttons a:hover {
color: red;
}

label.error {
color: red;
display: block;
width: 100%;
top: 0;
left: 0;
text-align: right;
margin: 0;
padding: 0;
font-size: 1.4vw;
}

input.error, textarea.error {
border-color: red;
}

#kontakt-form {
position: relative;
overflow-x: hidden;
}

#podziekowanie {
position: absolute;
z-index: 12;
width: 22vw;
height: 4vw;
background-color: #FF0000;
text-align: center;
top: 15.5vw;
line-height: 4vw;
font-weight: bold;
font-size: 1.6vw;
color: white;
left: 50%;
margin-left: -11vw;
display: none;
}

#preloader {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 12;
background: url(../img/bx_loader.gif);
background-position: center center;
background-repeat: no-repeat;
display: none;
}

#facebook {
display: block;
width: 5vw;
height: 5vw;
position: absolute;
z-index: 10;
top: 3vw;
right: 0vw;
background: url(../img/facebook.png);
background-position: center center;
background-size: cover;
opacity: 0.7;

-webkit-border-radius: 2000px;
-moz-border-radius: 2000px;
border-radius: 2000px;

border: 4px solid white;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#facebook:hover {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

input[type="submit"]:hover {
border: 3px solid #575557;
background-color: #575557;
}