/* slider */
section.slider {
  min-height: 941px;
  padding: 122px 0 0 0;
  margin: -122px 0 0 0;
}
ul.info-box {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  right: 496px;
  top: 170px;
}
ul.info-box > li {
  list-style: none;
  display: inline-block;
  width: 31px;
  height: 31px;
  margin: 0 2px;
  cursor: pointer;
}

@media (min-width: 1px) and (max-width: 991px) {
  ul.info-box {
    right: 0;
    left: 5px;
    top: 98px;
    position: absolute;
    width: 127px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  ul.info-box {
    right: 60%;
  top: 132px;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  ul.info-box {
    right: 65%;
  top: 132px;
  }
}
@media (min-width: 1201px) and (max-width: 1250px) {
  ul.info-box {
    right: 65%;
  top: 132px;
  }
}
@media (min-width: 1251px) and (max-width: 1400px) {
  ul.info-box {
    right: 65%;
  top: 132px;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  ul.info-box {
    right: 30%;
  top: 132px;
  }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  ul.info-box {
    right: 19.7%;
  }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  ul.info-box {
    right: 22.5%;
  }
}
@media (min-width: 1601px) and (max-width: 1700px) {
  ul.info-box {
    right: 22.2%;
  }
}
@media (min-width: 1701px) and (max-width: 1900px) {
  ul.info-box {
    right: 22%;
  }
}
@media (min-width: 1901px) and (max-width: 3000px) {
  ul.info-box {
    right: 26.1%;
  }
}


ul.boxes-container {
  position: absolute;
  max-width: 606px;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.boxes-container > li {
  width: 606px;
  height: 273px;
  list-style: none;
  display: block;
}
section.slider .piano-top {
  position: absolute;
  width: 70px;
  height: 23px;
  background-image: url(../images/piano-top.png);  
  z-index: 99;
  left: 36%;
}

ul.boxes-container > li.wesela { background-image: url(../images/boxes/wesela-bg.jpg); }
ul.boxes-container > li.menu { background-image: url(../images/boxes/menu-bg.jpg); }
ul.boxes-container > li.rezerwacja { background-image: url(../images/boxes/rezerwacja-bg.jpg); }
ul.boxes-container > li.hotel { background-image: url(../images/boxes/hotel-bg.jpg); }
ul.boxes-container > li.bistroTychy { background-image: url(../images/boxes/tychy-bg.jpg); }


ul.boxes-container > li > .text {
  position: absolute;
  width: 100%;
  right: 0;
  z-index: 1;
  text-align: right;
  padding: 86px 6px 0 6px;
  margin: 0;
  cursor: pointer;
  opacity: 0.9;
  
  -webkit-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -moz-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -ms-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -o-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
}

ul.boxes-container > li.wesela > .text { color: #fff; }
ul.boxes-container > li.rezerwacja > .text { color: #fff; }
ul.boxes-container > li.bistroTychy > .text { color: #fff; }

ul.boxes-container > li.menu > .text { 
  color: #000; 
  padding: 80px 6px 0 6px; 
}
ul.boxes-container > li.menu > .text h1 {
  margin: 3px 21px 0 0px;
}
ul.boxes-container > li.menu > .text a { color: #000; }
ul.boxes-container > li.menu > .text a:hover { color: #000; }
ul.boxes-container > li.menu > .text a::before {
  color: #b10915;
}
ul.boxes-container > li.menu > .text .rectangle { 
  border-color: #000;
  top: 69px;
}




ul.boxes-container > li.hotel > .text { 
  color: #fff; 
  padding: 91px 6px 0 6px; 
}
ul.boxes-container > li.hotel > .text h1 {
  margin: 5px 16px 0 0px;
}
ul.boxes-container > li.hotel > .text a { color: #fff; }
ul.boxes-container > li.hotel > .text a:hover { color: #fff; }
ul.boxes-container > li.hotel > .text a::before {
  color: #b10915;
}
ul.boxes-container > li.hotel > .text .rectangle { 
  border-color: #fff;
  top: 81px;
}

ul.boxes-container > li > .text:hover {
  opacity: 1;
}

ul.boxes-container > li > .text h1 {
  font-size: 48px;
  font-family: 'Futura';
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  letter-spacing: 6px;
}

ul.boxes-container > li > .text p {
  font-family: 'PrivaOne';
  font-size: 12px;
  margin: 1px 43px 3px 0px;
  padding: 0;
}

ul.boxes-container > li.rezerwacja > .text p {
  margin: 1px 46px 3px 0px;
}
ul.boxes-container > li.hotel > .text p {
  margin: 1px 32px 3px 0px;
  text-align: center;
  float: right;
}
ul.boxes-container > li.hotel > .text a {
  clear: both;
  margin: -15px 78px 0 0;
  position: relative;
  float: right;
}
li.event > .text p {
  text-align: center;
  float: left;
  margin: 0 0 0 14px;
}
li.event > .text a {
  clear: both;
  margin: -10px 0px 0 54px!important;
  position: relative;
  float: left;
}

ul.boxes-container > li > .text a {
  font-family: 'Exo', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #fff;
  font-style: italic;
  text-decoration: none;
  margin: 0px 73px 0px 0px;
}
ul.boxes-container > li > .text a:hover {
  text-decoration: none;
}

ul.boxes-container > li > .text a::before {
  font-family: 'Georgia', sans-serif;
  font-size: 26px;
  content: "\00BB";
  top: 3px;
  position: relative;
  padding: 0 6px 0 0px;
}

ul.boxes-container > li > .text .rectangle {
  position: absolute;
  border: 1px solid #fff;
  background: transparent;
  padding: 63px 46px;
  right: 59px;
  top: 72px;
  z-index: -1;
}

@media (min-width: 1px) and (max-width: 991px) {
  section.slider .piano-top {
    left: 15%;
    margin: -38px 0 0 0;
  }
li > .text p {
  float: none!important;
  margin: 0 auto!important;
}
li > .text a {
  float: none!important;
  margin: 0 auto!important;
}
}

@media (min-width: 992px) and (max-width: 1100px) {
  ul.boxes-container { left: -38%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  ul.boxes-container { left: -33%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1201px) and (max-width: 1250px) {
  ul.boxes-container { left: -31%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1251px) and (max-width: 1300px) {
  ul.boxes-container { left: -26%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1301px) {
  ul.boxes-container { left: -25%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1401px) {
  ul.boxes-container { left: -15%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1501px) {
  ul.boxes-container { left: -10%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1801px) {
  ul.boxes-container { left: -5%; }
  section.slider .piano-top { left: 36%; }
}
@media (min-width: 1901px) {
  ul.boxes-container { left: 0%; }
  section.slider .piano-top { left: 36%; }
}


/* main text */
.slider .text-main {
  position: relative;
  margin: 160px auto 0px auto;
  text-align: center;
  max-width: 485px;
}

.slider .text-main h1 {
  font-family: 'PrivaOne';
  font-size: 50px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.slider .text-main h1 {
  font-family: 'PrivaOne';
  font-size: 50px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.slider .text-main h2 {
  font-family: 'PrivaOne';
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.slider .text-main h2 span {
  font-family: 'PrivaThree';
}

.slider .text-main .lead {
  font-family: 'PrivaOne';
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
  font-size: 16px;
  margin: 39px 0 0 0;
  padding: 0 50px;
  line-height: 23px;
}

.slider .text-main .desc {
  font-size: 12px;
  color: #cacbcc;
  margin: 9px 0 0 0;
  padding: 0 45px;
  line-height: 20px;
}

.slider .text-main a {
  font-family: 'Exo', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #fff;
  font-style: italic;
  text-decoration: none;
  margin: 0;
}
.slider .text-main a:hover {
  text-decoration: none;
}

.slider .text-main a::before {
  font-family: 'Georgia', sans-serif;
  font-size: 27px;
  content: "\00BB";
  top: 3px;
  position: relative;
  color: #f72439;
  padding: 0 4px 0 9px;
}

.slider .text-main .rectangle {
  position: absolute;
  border: 1px solid #f72439;
  background: transparent;
  padding: 89px 51px;
  top: 137px;
  z-index: -1;
  left: 188px;
  display: none;
}

.slider .upcomingEvents {
  padding: 0;
  max-width: 630px;
  height: 105px;
  margin: 140px auto 0;
  overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider .upcomingEvents { margin: 140px auto 0 21%; }
  .slider .upcomingEvents {
    padding: 0;
    max-width: 630px;
    height: 105px;
    margin: 50px auto 0;
    overflow: visible;
  }
  .slider .upcomingEvents > div {
    margin: 0;
    padding: 8px 6px;
    display: block;
    width: 55%;
  }
  .slider .upcomingEvents > div {
    margin: 0 0 0 110px!important;
    padding: 6px 6px!important;
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .slider .upcomingEvents { margin: 140px auto 0 21%; }
}
@media (min-width: 1301px) {
  .slider .upcomingEvents { margin: 140px auto 0 21%; }
}
@media (min-width: 1400px) {
  .slider .upcomingEvents { margin: 140px auto 0; }
}

.slider .upcomingEvents > div {
  margin: 0;
  padding: 0 6px;
}

.slider .upcomingEvents > div img {
  border: 1px solid #828282;
}

.slider .upcomingEvents > div h5 {
  font-family: 'PrivaOne';
  font-size: 15px;
  color: #ffffff;
  margin: 8px 0 0 0;
  padding: 0;
}

.slider .upcomingEvents > div p,
.slider .upcomingEvents > div a {
  color: #b5b6b7;
  font-size: 11px;
  margin: 6px 0 0 0;
  letter-spacing: 0px;
  line-height: 13px;
}

.slider ul.right-boxes-container {
  position: absolute;
  max-width: 606px;
  list-style: none;
  margin: 0;
  padding: 0;
  bottom: 0;
}

@media (min-width: 992px) and (max-width: 1100px) {
  .slider ul.right-boxes-container { right: -35%; }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .slider ul.right-boxes-container { right: -30%; }
}
@media (min-width: 1201px) and (max-width: 1250px) {
  .slider ul.right-boxes-container { right: -25%; }
}
@media (min-width: 1251px) and (max-width: 1300px) {
  .slider ul.right-boxes-container { right: -24%; }
}
@media (min-width: 1301px) {
  .slider ul.right-boxes-container { right: -13.5%; }
}
@media (min-width: 1400px) {
  .slider ul.right-boxes-container { right: -15%; }
}
@media (min-width: 1500px) {
  .slider ul.right-boxes-container { right: -10%; }
}
@media (min-width: 1800px) {
  .slider ul.right-boxes-container { right: -5%; }
}
@media (min-width: 1900px) {
  .slider ul.right-boxes-container { right: 0%; }
}

.slider ul.right-boxes-container > li {
  width: 606px;
  height: 273px;
  list-style: none;
  display: block;
}

.slider ul.right-boxes-container > li.event { background-image: url(../images/boxes/eventy-bg.jpg); }


.slider ul.right-boxes-container > li > .text {
  position: absolute;
  width: 100%;
  right: 0;
  z-index: 1;
  text-align: left;
  padding: 89px 15px 0 15px;
  margin: 0;
  cursor: pointer;
  color: #fff;
  opacity: 0.9;
  
  -webkit-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -moz-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -ms-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -o-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
}

.slider ul.right-boxes-container > li > .text:hover {
  opacity: 1;
}

.slider ul.right-boxes-container > li > .text h1 {
  font-size: 48px;
  font-family: 'Futura';
  text-transform: uppercase;
  margin: 5px 16px 0 0px;
  padding: 0;
  letter-spacing: 6px;
}

.slider ul.right-boxes-container > li > .text p {
  font-family: 'PrivaOne';
  font-size: 12px;
  margin: -1px 0 0px 34px;
  padding: 0;
}

.slider ul.right-boxes-container > li > .text a {
  font-family: 'Exo', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #fff;
  font-style: italic;
  text-decoration: none;
  margin: 0px 0px 0px 60px;
}
.slider ul.right-boxes-container > li > .text a:hover {
  text-decoration: none;
}

.slider ul.right-boxes-container > li > .text a::before {
  font-family: 'Georgia', sans-serif;
  font-size: 26px;
  content: "\00BB";
  top: 3px;
  position: relative;
  padding: 0 6px 0 0px;
  color: #b10915;
}

.slider ul.right-boxes-container > li > .text .rectangle {
  position: absolute;
  border: 1px solid #fff;
  background: transparent;
  padding: 62px 46px;
  left: 59px;
  top: 81px;
  z-index: -1;
}


/* social boxes */
.slider ul.social-boxes-container {
  position: absolute;
/*  max-width: 606px;*/
  max-width: 407px;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 278px;
  right: 14.19%;
}

.slider ul.social-boxes-container > li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
}

.slider ul.social-boxes-container > li.big {
  width: 107px;
  height: 107px;
  padding: 9px;
  margin: 5px;
}

.slider ul.social-boxes-container > li.small {
  width: 70px;
  height: 70px;
  padding: 15px 19px;
  margin: 5px 2px;
}

.slider ul.social-boxes-container > li.small.long {
  width: 100%;
  height: 107px;
  padding: 28px 40px;
  margin: 16px 5px;
  max-width: 394px;
}
  
  
.slider ul.social-boxes-container > li.small.first {margin-left: 6px!important;}
.slider ul.social-boxes-container > li.small a.icon { font-size: 32px!important; }

.slider ul.social-boxes-container > li.twiter { background: #28a9e2; }
.slider ul.social-boxes-container > li.facebook { background: #3b579d; }
.slider ul.social-boxes-container > li.youtube { background: #cf2227; }
.slider ul.social-boxes-container > li.pinterest { background: #cb2026; }
.slider ul.social-boxes-container > li.istagram { background: #ff6000; }

.slider ul.social-boxes-container > li.offerspecial {   position: relative; background: url(../images/ofertasepcjal-bg.jpg) no-repeat top center; }
.slider ul.social-boxes-container > li.offerspecial .text {
  position: absolute;
  width: 100%;
  right: 0;
  z-index: 1;
  text-align: center;
  padding: 11px 0 0 0;
  margin: 0;
  cursor: pointer;
  opacity: 0.9;
  color: #fff;
  -webkit-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -moz-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -ms-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  -o-transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
  transition: background-color .8s ease, border .8s ease, color .8s ease, opacity .8s ease-in-out, outline .8s ease;
}
.slider ul.social-boxes-container > li.offerspecial h1 {
  font-size: 32px;
  font-family: 'Futura';
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  letter-spacing: 6px;
}
.slider ul.social-boxes-container > li.offerspecial .rectangle {
  position: absolute;
  border: 1px solid #fff;
  background: transparent;
  padding: 26px 31px;
  left: 135px;
  top: 4px;
  z-index: -1;
}

.slider ul.social-boxes-container > li a.icon{
  color: #fff;
  font-size: 25px;
}

.slider ul.social-boxes-container > li p {
  font-family: 'PrivaOne';
  font-size: 10px;
  color: #fff;
  margin: 4px 0 4px 0;
}

.slider ul.social-boxes-container > li .hr {
  height: 2px;
  background: #fff;
  margin: 0;
  max-width: 30px;
}
.slider ul.social-boxes-container > li.istagram .hr { background: #878787; }

.slider ul.social-boxes-container > li.newsletter {
  width: 100%;
}

.slider div.newsletter {
  padding: 0 0 0 0;
  margin: 0 -22px 0 21px;
}

div.newsletter .form-control {
  display: inline-block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #5e5e5e;
  background-color: #fff;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
div.newsletter .send {
  display: inline-block;
  height: 45px;
  padding: 6px 12px;
  color: #757575;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
  border: 0px solid transparent;
  border-radius: 0px;
  background: #fff;
  outline: 0;
}
div.newsletter .send:hover { color: #000; background: #f3f3f3; }


@media (min-width: 992px) and (max-width: 1100px) {
  .slider ul.social-boxes-container{ right: -7%; top: 350px; }
  .slider ul.social-boxes-container > li.small.long {
    width: 100%;
    height: 107px;
    padding: 28px 40px;
    margin: 16px 5px;
    max-width: 228px;
  }
  .slider ul.social-boxes-container > li.offerspecial .text {
  padding: 0 0 0 0;}
  .slider div.newsletter { width: 82%; }
  .slider div.newsletter span.hr { display: none; }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .slider ul.social-boxes-container{ right: -4.7%; top: 350px; }
  .slider ul.social-boxes-container > li.small.long {
    width: 100%;
    height: 107px;
    padding: 28px 40px;
    margin: 16px 5px;
    max-width: 283px;
  }
  .slider ul.social-boxes-container > li.offerspecial .text {
  padding: 0 0 0 0;}
  .slider div.newsletter { width: 82%; }
  .slider div.newsletter span.hr { display: none; }
}
@media (min-width: 1201px) and (max-width: 1250px) {
  .slider ul.social-boxes-container{ right: 8%; top: 350px; }
  .slider div.newsletter { width: 82%; }
  .slider div.newsletter span.hr { display: none; }
}
@media (min-width: 1251px) and (max-width: 1400px) {
  .slider ul.social-boxes-container {
    right: 7.7%;
    top: 350px;
  }
  .slider ul.social-boxes-container > li.offerspecial .text {  padding: 3px 0 0 0; }
  .slider div.newsletter { width: 82%; }
  .slider div.newsletter span.hr { display: none; }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .slider ul.social-boxes-container{ right: 0%; }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  .slider ul.social-boxes-container{ right: 4%; }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  .slider ul.social-boxes-container{ right: 4%; }
}
@media (min-width: 1601px) and (max-width: 1700px) {
  .slider ul.social-boxes-container{ right: 5%; }
}
@media (min-width: 1701px) and (max-width: 1900px) {
  .slider ul.social-boxes-container{ right: 6%; }
}
@media (min-width: 1901px) and (max-width: 2100px) {
  .slider ul.social-boxes-container{ right: 10.6666666666%; }
}

@media (min-width: 1401px) {
  
  .slider ul.social-boxes-container > li.big {
    width: 190px;
    height: 190px;
    padding: 22px;
    margin: 5px;
  }
  .slider ul.social-boxes-container > li a.icon,
  .slider ul.social-boxes-container > li.small a.icon {
    font-size: 50px!important;
  }
  .slider ul.social-boxes-container > li p {
    font-size: 15px;
    margin: 7px 0 7px 0;
  }
  .slider ul.social-boxes-container > li .hr {
    max-width: 50px;
  }
  
  .slider ul.social-boxes-container > li.small {
    width: 125px;
    height: 125px;
    padding: 28px 40px;
    margin: 5px 2px;
  }
  
  .slider ul.social-boxes-container > li.small.long {
    width: 100%;
    height: 107px;
    padding: 28px 40px;
    margin: 16px 5px;
    max-width: 394px;
  }
}



































section.slider.mobile {
  min-height: 250px!important;
  background-image: url(../uploads/slider/slide-bg.jpg);  
  padding: 180px 0 60px 0;
  margin: -122px 0 0 0;
}

@media (min-width: 491px) and (max-width: 991px) {
  .slider.mobile .text-main {
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    max-width: 485px;
  }
}

@media (min-width: 1px) and (max-width: 490px) {
  section.slider.mobile {
    min-height: 250px!important;
    background-image: url(../uploads/slider/slide-bg.jpg);
    padding: 160px 0 30px 0;
    margin: -122px 0 0 0;
  }
  .slider .text-main {
    position: relative;
    margin: 40px auto 0px auto;
    text-align: center;
    max-width: 100%;
  }
  .slider .text-main h1 {
    font-size: 30px;
  }
  .slider .text-main h2 {
    font-size: 20px;
  }
  .slider .text-main .lead {
    font-size: 14px;
    margin: 10px 0 0 0;
    padding: 0 15px;
  }
  .slider .text-main .desc {
    padding: 0 15px;
  }
  .slider .text-main .rectangle {
    display: none;
  }
}


@media (min-width: 1px) and (max-width: 991px) {

  ul.boxes-container {
    position: relative;
    max-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0!important;
  }

  ul.boxes-container > li {
    width: 100%;
    height: 200px;
    list-style: none;
    display: block;
  }

  ul.boxes-container > li.wesela { background-image: url(../images/boxes/wesela-bg.jpg); background-repeat: no-repeat; background-size: cover; }
  ul.boxes-container > li.menu { background-image: url(../images/boxes/menu-bg.jpg); background-repeat: no-repeat; background-size: cover; }
  ul.boxes-container > li.hotel { background-image: url(../images/boxes/hotel-bg.jpg); background-repeat: no-repeat; background-size: cover; }
  ul.boxes-container > li.event { background-image: url(../images/boxes/eventy-bg.jpg); background-repeat: no-repeat; background-size: cover; }
	ul.boxes-container > li.card { background-image: url(../images/boxes/copyright-bg.jpg); background-repeat: no-repeat; background-size: cover; }
  
  ul.boxes-container > li > .text,
  ul.boxes-container > li.menu > .text,
  ul.boxes-container > li.hotel > .text,
  ul.boxes-container > li.event > .text,
	ul.boxes-container > li.card > .text {
    width: 100%;
    text-align: center;
    padding: 45px 6px 0 6px;
  }
  ul.boxes-container > li.event > .text { color: #fff; }
	ul.boxes-container > li.card > .text { color: #fff; }
  ul.boxes-container > li > .text p {
    font-size: 12px;
    margin: 1px 0 0px 0px;
  }
	ul.boxes-container > li.card > .text p { color: #fff; font-size: 23px; text-transform: uppercase }
  ul.boxes-container > li > .text a {
    margin: 0;
  }
  ul.boxes-container > li > .text .rectangle {
    display: none;
  }
  ul.boxes-container > li.menu > .text h1 {
  margin: 0px 0px 0 0px;
  }
  ul.boxes-container > li.hotel > .text h1 {
  margin: 0px 0px 0 0px;
  }

}




/* Language changer */
ul.lang-box {
  position: absolute;
  right: 0;
  top: 132px;
}

ul.lang-box > li {
  list-style: none;
  display: inline-block;
  padding: 8px;
  opacity: 0.7;
}
ul.lang-box > li.active,
ul.lang-box > li:hover { opacity: 1; }
ul.lang-box > li.pl { 
  background: #b80916; 
  position: absolute;
  right: 325px;
}
ul.lang-box > li.en { 
  background: #1058a4; 
  position: absolute;
  right: 363px;
}
ul.lang-box > li.bestrestaurant {
  background: transparent;
  opacity: 1;
  margin: -8px;
}


ul.lang-box > li a { color: #fff; }

@media (min-width: 1px) and (max-width: 991px) {
  ul.lang-box { right: 5px; }
  ul.lang-box > li.en {
    right: 152px;
  }
  ul.lang-box > li.pl {
    right: 118px;
  }
  ul.lang-box > li.bestrestaurant {
    width: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  ul.lang-box { right: 0.8%; }
  ul.lang-box > li.bestrestaurant {
    width: 122px;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  ul.lang-box { right: 4.6%;}
  ul.lang-box > li.bestrestaurant {
    width: 122px;
  }
}
@media (min-width: 1201px) and (max-width: 1250px) {
  ul.lang-box { right: 8.4%; }
  ul.lang-box > li.bestrestaurant {
    width: 122px;
  }
}
@media (min-width: 1251px) and (max-width: 1400px) {
  ul.lang-box { right: 14.7%; }
  ul.lang-box > li.bestrestaurant {
    width: 122px;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  ul.lang-box { right: 0%; }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  ul.lang-box { right: 4%; }
}
@media (min-width: 1501px) and (max-width: 1600px) {
  ul.lang-box { right: 4.4%; }
}
@media (min-width: 1601px) and (max-width: 1700px) {
  ul.lang-box { right: 5.3%; }
}
@media (min-width: 1701px) and (max-width: 1900px) {
  ul.lang-box { right: 6.3%; }
}
@media (min-width: 1901px) and (max-width: 3000px) {
  ul.lang-box { right: 11.2%; }
}