.cd-main-content {
  position: relative;
  min-height: 100vh;
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper { position: fixed; top: 0; left: -3%; width: 100%; background-color:rgba(250, 250, 250, 1); }
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}

@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
}

/* -------------------------------- 

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper { background-color:rgba(250,250,250,0.2); z-index: 20; margin-right: 3%; margin-left: 3%; }
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter { position: relative; height: 50px; width: 300px; margin: 0 auto; z-index: 99; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7F7100; border-top-width: 1px; border-top-style: solid; border-top-color: #7F7100; }
.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("http://bujska-pivovara.com/img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;  
}
.cd-tab-filter ul { position: absolute; top: 0; left: 0; background-color: #FFFFFF; box-shadow: inset 0 -2px 0 #E01C04; }
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a { display: block; /* set same size of the .cd-tab-filter */ height: 50px; width: 300px; line-height: 50px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #427129; }

.cd-tab-filter a.selected {
  background: #7F7100;
  color: #ffffff;
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}


@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul { position: static; box-shadow: none; text-align: center; background-color: transparent; }
  .cd-tab-filter li {
    display: inline-block;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }

  .cd-tab-filter a { display: inline-block; padding: 0 1em; width: auto; color: #7F7100; text-transform: uppercase; font-weight: 300; font-size: 0.67rem; border-bottom-style: none;  }

  .no-touch .cd-tab-filter a:hover {
    color: #E01C04;
  }
  .cd-tab-filter a.selected { background: transparent; color: #E01C04; box-shadow: inset 0 -2px 0 #E01C04; }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
	z-index: 99;
  }
}

/* -------------------------------- 

xgallery 

-------------------------------- */
.cd-gallery {
  padding: 10px 5%;
  width: 100%;
}
.cd-gallery li {
  margin-bottom: 1.6em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  display: none;
}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
.cd-gallery img {
  display: block;
  width: 100%;
}
.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;  
}


@media only screen and (max-width: 480px) {

  .cd-gallery li {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) {
  .cd-gallery { margin-right: auto; margin-left: auto; padding-top: 40px; padding-right: 3%; padding-bottom: 40px; padding-left: 3%;  }

  .cd-gallery ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-gallery li {
    width: 49.6%;
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) {
	  .cd-gallery li {
    width: 32.9%;
  }

}
@media only screen and (min-width: 1400px) {
  .cd-gallery { float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; padding-top: 50px; padding-right: 2%; padding-bottom: 10px; padding-left: 2%;  }
  .cd-gallery li {
    width: 24.75%;
  }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
  .cd-tab-filter a {font-size: 0.86rem; }
}

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none;
  }
}



.izbor { color: #7F7100; position: absolute; left: 20px; top: -2px; background-image: url(http://bujska-pivovara.com/img/cd-icon-filter.svg); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }
p.copy { font-size: 0.86em; color: #BBBCCC; text-align: center; display: block; padding-bottom: 16px; }
p.copy a { color: #9966CC; }
p.copy a:hover { color: #FF33FF; }
@media all and (max-width: 1200px) {
	.izbor { display: none; }
}