@import url("bootstrap.min.css");

@import url("lightgallery.min.css");

/*STICK*/

body {
  overflow-x: hidden;
}

a:focus,
a:hover {
  color: #fff;
}

.sticky-container {
  /*background-color: #333;*/

  padding: 0px;

  margin: 0px;

  position: fixed;

  right: -119px;

  top: 130px;

  width: 200px;

  z-index: 500;
}

.sticky li {
  list-style-type: none;

  background-color: #670001;

  border-radius: 5px;

  color: #efefef;

  height: 43px;

  padding: 0px;

  margin: 0px 0px 1px 0px;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

  cursor: pointer;

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  filter: gray;

  -webkit-filter: grayscale(20%);
}

.sticky li:hover {
  margin-left: -115px;

  /*-webkit-transform: translateX(-115px);

		-moz-transform: translateX(-115px);

		-o-transform: translateX(-115px);

		-ms-transform: translateX(-115px);

		transform:translateX(-115px);*/

  /*background-color: #8e44ad;*/

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");

  -webkit-filter: grayscale(0%);
}

.sticky li img {
  float: left;

  margin: 5px 5px;

  margin-right: 10px;
}

.sticky li p {
  padding: 0px;

  margin: 0px;

  text-transform: uppercase;

  line-height: 43px;
}

/** content **/

.content {
  margin-top: 150px;

  margin-left: 100px;

  width: 700px;
}

h1,
h2 {
  font-family: "Source Sans Pro", sans-serif;

  /*color: #ecf0f1;*/

  padding: 0px;

  margin: 0px;

  font-weight: normal;
}

h1 {
  font-weight: 900;

  font-size: 64px;
}

h2 {
  font-size: 26px;
}

p.credit {
  padding-top: 20px;

  font-size: 12px;
}

p a {
  color: #ecf0f1;
}

/** fork icon**/

.fork {
  position: absolute;

  top: 0px;

  left: 0px;
}

/*KONIEC STICK*/

@media (max-width: 767px) {
  .navbar-brand > img {
    width: 140px !important;
    padding-top: 5px;
  }

  .navbar-default .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }
}

h2 {
  text-align: center;

  font-family: "Play", sans-serif;
}

.fa {
  font-size: 42px;

  padding: 6px;

  color: #f2e4c3;
}

p {
  /*font-family: 'Play', sans-serif;*/

  font-family: "Play", sans-serif;
}

.navbar-default {
  border: none;

  font-family: "Play", sans-serif;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
}

.navbar-brand {
  padding-top: 1px;

  padding-bottom: 1px;
}

.navbar-nav > li > a {
  padding-bottom: 20px;

  padding-top: 20px;
}

.navbar-default .navbar-nav > li > a {
  color: #670001;

  padding-right: 20px;

  padding-left: 20px;

  font-size: 16px;

  padding-top: 25px;

  padding-bottom: 25px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-nav > .active > a:focus {
  background-color: #670001;

  color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;

  background-color: rgba(103, 0, 1, 0.9);
}

.navbar-default .navbar-nav > li > a:hover {
  color: rgba(103, 0, 1, 0.9);
}

.navbar-brand > img {
  width: 200px;

  padding-top: 5px;
}

html
  body
  nav.navbar.navbar-default.navbar-fixed-top
  div.container
  div#bs-example-navbar-collapse-1.collapse.navbar-collapse
  ul.nav.navbar-nav.navbar-right
  li
  a:focus {
  outline: none;
}

html
  body
  nav.navbar.navbar-default.navbar-fixed-top
  div.container
  div#bs-example-navbar-collapse-1.collapse.navbar-collapse
  ul.nav.navbar-nav.navbar-right
  li
  a:hover {
  outline: none;

  background-color: #670001;

  color: white;
}

.nava {
  background-color: #fff;
}

.navbar-default {
  background-color: rgba(248, 248, 248, 0);
}

.navbar-nav {
  text-align: center;
}

/*OPIS*/

.logo-opis {
  text-align: center;

  padding-top: 10%;

  padding-left: 0;
}

.gopis {
  padding-left: 20px;

  font-family: "Play", sans-serif;

  padding-top: 10px;
}

.logo-d {
  text-align: center;
}

.panel-default > .panel-heading {
  color: #fff;

  background-color: #670001;

  border-color: #670001;

  font-family: "Play", sans-serif;
}

.panel-default {
  border: none;
}

.panel-body {
  font-family: "Play", sans-serif;
}

.social-img {
  text-align: center;
}

.onas-opis {
  border-left: 3px solid #670001;

  padding: 20px;
}

.o-nas h5 {
  color: #670001;

  font-weight: bold;

  font-family: "Play", sans-serif;

  font-size: 20px;
}

.onash {
  color: #670001;

  margin-top: 40px;

  padding-bottom: 20px;

  font-size: 50px;
}

.onasr {
  padding-bottom: 30px;
  /* margin-top: -80px; */
}

body > section.o-nas > div > div > div.col-md-9 > h2 {
  font-size: 34px;
}

.o-nas {
  padding-top: 30px;

  /*padding-bottom:60px;*/

  background-color: white;

  position: relative;
}

.demo-gallery > ul {
  margin-bottom: 0;
}

.demo-gallery > ul > li {
  float: left;

  margin-bottom: 15px;

  margin-right: 20px;

  width: 200px;
}

.demo-gallery > ul > li a {
  border: none;

  /*border-radius: 3px;*/

  display: block;

  overflow: hidden;

  position: relative;

  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;

  -moz-transition: -moz-transform 0.15s ease 0s;

  -o-transition: -o-transform 0.15s ease 0s;

  transition: transform 0.15s ease 0s;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  height: 100%;

  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: background-color 0.15s ease 0s;

  -o-transition: background-color 0.15s ease 0s;

  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;

  margin-left: -10px;

  margin-top: -10px;

  opacity: 0;

  position: absolute;

  top: 50%;

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;

  margin-left: -24px;

  margin-top: -24px;

  opacity: 0.8;

  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

.home .demo-gallery {
  padding-bottom: 80px;
}

#lightgallery li {
  padding: 1px;

  margin: 1px;
}

#lightgallery2 li {
  padding: 1px;

  margin: 1px;
}

.galeria {
  padding-right: 0;

  margin: 0 auto;

  text-align: center;
}

.galeria li {
  display: inline-block;
}

.galerias {
  margin: 0 auto;

  text-align: center;

  padding-bottom: 30px;
}

#lightgallery {
  padding-left: 55px;
}

@media (max-width: 748px) {
  #lightgallery {
    padding-left: 30px;
  }
}

#lightgallery2 {
  padding-left: 55px;
}

@media (max-width: 748px) {
  #lightgallery2 {
    padding-left: 30px;
  }
}

.galeriapod {
  margin-top: 0;
  color: #670001 !important;
}

.galeriapod2 {
  margin-top: 0;

  color: #670001 !important;

  padding-top: 30px;

  padding-bottom: 15px;
}

/*FORMULARZ*/

.zapytaj {
  color: #f2e4c3;
}

#name,
#email,
#phone,
#message {
  background-color: #f2e4c3;

  margin-top: 20px;
}

#data1,
#data2 {
  background-color: #f2e4c3;

  margin-top: 20px;
}

#message {
  margin-bottom: 20px !important;
}

#contact_form {
  padding-left: 20px;

  padding-right: 20px;
}

.btn-default {
  color: #f2e4c3;
}

.kontaktform {
  padding-top: 50px;

  padding-bottom: 50px;
}

#send_form_status {
  color: #f2e4c3;
}

/*NEWS*/

.news {
  margin-bottom: 70px;
}

.fa-news {
  color: #46629e;

  font-size: 24px;
}

blockquote {
  border-left: 5px solid #670001;
}

/*KONTAKT*/

.kontakt {
  background-color: #110706;

  background-image: url("../img/dark-dot.png");

  position: relative;
}

.kontakth h2 {
  color: #2a1f05;

  text-align: center;

  font-size: 60px;

  border-bottom: 2px solid #f2e4c3;

  padding: 30px;
}

.daneszczegolowe {
  color: #f2e4c3;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  /*padding-top:50px;*/
}

.daneszczegolowe img {
  margin: 0 auto;

  padding-top: 20px;
}

.daneszczegolowe h2 {
  font-size: 30px;

  padding-top: 20px;

  border-bottom: 2px solid RGBA(243, 189, 114, 0.48);

  padding: 20px;
}

.daneszczegolowe h5 {
  padding-top: 10px;
}

.formularz {
  color: #f2e4c3;

  text-align: center;
}

.formularz h2 {
  margin-bottom: 20px;

  margin-top: 40px;

  padding-bottom: 20px;

  padding-top: 20px;

  border-bottom: 2px solid RGBA(243, 189, 114, 0.48);
}

#name,
#email,
#phone,
#message {
  margin-bottom: 5px;

  padding: 3px;

  color: black;
}

#sendBtn {
  background-color: RGBA(243, 189, 114, 0.48);

  border-radius: 5px;

  margin-top: 10px;
}

.mapa {
  padding-right: 0;
}

.mapka {
  margin-top: 30px;
}

.pinfo {
  padding-bottom: 30px;
}

.reservation {
  margin-top: 80px;
}

.regulamin-container {
  text-align: center;
}

.regulamin {
  font-size: 18px;
  color: #670001;
  padding-right: 20px;
}

.regulamin:hover {
  color: #670001;
  text-decoration: none;
}
.regulamin:visited,
.regulamin:focus {
  color: #670001;
  text-decoration: none;
}