.logo {
  width: 100%;
}

.brand {
  width: 6.666666666666666vw;
  height: 6.666666666666666vw;
  margin-top: 2.2222222222222223vw;
  margin-left: 2.7777777777777777vw;
}

.brand.w--current {
  width: 6.666666666666666vw;
  height: 6.666666666666666vw;
  margin-top: 2.2222222222222223vw;
  margin-left: 2.7777777777777777vw;
}

.body {
  max-width: 100%;
  background-color: #fffee8;
  font-family: Barriecito, sans-serif;
  color: #d3145a;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
}

.list-item {
  list-style-type: decimal;
}

.list-item-2 {
  list-style-type: none;
}

.container {
  position: fixed;
  display: block;
  width: 100%;
  min-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  -o-object-fit: fill;
  object-fit: fill;
}

.navbar {
  width: 1440px;
}

.wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.nav-link {
  margin-right: 2.7777777777777777vw;
  padding: 0px;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.nav-link:hover {
  color: #d3145a;
  text-decoration: underline;
}

.nav-link:active {
  color: #d3145a;
  text-decoration: none;
}

.nav-link:focus {
  color: #d3145a;
  text-decoration: none;
}

.nav-link:visited {
  color: #d3145a;
  text-decoration: none;
}

.nav-link.w--current {
  color: #d3145a;
  text-decoration: underline;
}

.nav-menu {
  margin-top: 2.2222222222222223vw;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  margin-top: 11.041666666666666vw;
  padding-bottom: 4.444444444444445vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-2 {
  width: 30.555555555555554vw;
  margin-top: 5.555555555555555vw;
  margin-left: 5.555555555555555vw;
}

.div-block-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.image {
  position: absolute;
  left: auto;
  top: 10.625vw;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: block;
  width: 53.19444444444444vw;
}

.square {
  position: absolute;
  top: 21.25vw;
  right: 37.77777777777778vw;
  z-index: -1;
  width: 27.77777777777778vw;
  height: 27.77777777777778vw;
  background-color: #f4ea34;
  color: #f4ea34;
}

.circle {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 24.583333333333332vw;
  height: 24.583333333333332vw;
  border-radius: 50%;
  background-color: #f4ea34;
  color: #f4ea34;
}

.image-2 {
  width: 55.55555555555556vw;
  height: 39.02777777777778vw;
  max-width: 55.55555555555556vw;
  margin-top: 5.555555555555555vw;
  margin-right: 5.555555555555555vw;
}

.heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 4.444444444444445vw;
  line-height: 4.444444444444445vw;
}

.paragraph {
  margin-top: 2.2222222222222223vw;
  margin-bottom: 0px;
  font-family: Lora, sans-serif;
  font-size: 1.6666666666666665vw;
  line-height: 2.2222222222222223vw;
  font-weight: 500;
  text-transform: none;
}

.button {
  display: none;
  margin-top: 3.888888888888889vw;
  margin-right: 1.6666666666666665vw;
  padding: 1.1805555555555556vw 1.6666666666666665vw 1.1111111111111112vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #d3145a;
  color: #fffee8;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
  letter-spacing: 1px;
}

.button-second {
  display: none;
  margin-top: 3.888888888888889vw;
  margin-right: 1.6666666666666665vw;
  padding: 1.1805555555555556vw 1.6666666666666665vw 1.1111111111111112vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
  letter-spacing: 1px;
}

.sekce {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  margin-top: 5.555555555555555vw;
  padding-top: 5.555555555555555vw;
}

.sekce.sekce-merch {
  display: block;
  min-height: 67.84722222222221vw;
  background-color: #f4ea34;
}

.heading-2 {
  position: static;
  margin-top: 0px;
  margin-bottom: 5.555555555555555vw;
  margin-left: 5.555555555555555vw;
  font-size: 3.888888888888889vw;
  line-height: 4.375vw;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 69.44444444444444vw;
  height: 33.333333333333336vw;
  margin-left: 11.11111111111111vw;
  padding: 2.7777777777777777vw 2.7777777777777777vw 4.027777777777778vw 5.555555555555555vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
  color: #d3145a;
}

.seznam-skladeb {
  display: block;
  overflow: auto;
  width: 27.77777777777778vw;
  padding-left: 3.888888888888889vw;
}

.img-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26.25vw;
  height: 26.25vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list {
  margin-bottom: 0px;
  padding-left: 0px;
}

.song {
  padding-top: 1.3888888888888888vw;
  padding-bottom: 1.3888888888888888vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.5277777777777777vw;
  text-decoration: none;
  list-style-type: decimal;
  cursor: pointer;
}

.ctverec-2 {
  position: absolute;
  left: auto;
  top: 7.083333333333333vw;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: block;
  width: 44.44444444444444vw;
  height: 55.55555555555556vw;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #f4ea34;
}

.image-3 {
  position: absolute;
  left: auto;
  top: 26.2vw;
  right: 12.916666666666666vw;
  bottom: 0%;
  z-index: -1;
  width: 28.055555555555554vw;
  height: 27.75824652777778vw;
}

.image-4 {
  display: none;
}

.image-5 {
  display: none;
}

.image-galerie {
  display: block;
  width: 22.22222222222222vw;
  max-width: 22.22222222222222vw;
  margin-top: 0px;
  padding-top: 0px;
  font-size: 0px;
  line-height: 0px;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block-7 {
  width: 999.328125px;
  margin-right: 19.444444444444443vw;
  margin-left: 11.11111111111111vw;
}

.allimages {
  position: relative;
  top: -5.555555555555555vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 69.44444444444444vw;
  min-width: 69.44444444444444vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-9 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 44.44444444444444vw;
  min-width: 44.44444444444444vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-10 {
  position: absolute;
  left: auto;
  top: auto;
  right: 5.555555555555555vw;
  bottom: 1.6666666666666665vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.image-galerie-2 {
  width: 25vw;
  max-width: 25vw;
}

.div-block-11 {
  display: inline-block;
}

.div-block-8-copy {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 36.11111111111111vw;
  min-width: 100%;
  margin-top: 11.11111111111111vw;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f4ea34;
}

.paragraph-2 {
  display: none;
  margin-bottom: 1.1111111111111112vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.paragraph-3 {
  margin-bottom: 1.1111111111111112vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
  text-align: left;
  text-decoration: none;
}

.paragraph-3:hover {
  text-decoration: none;
}

.link-block {
  color: #d3145a;
  text-decoration: none;
}

.link-block:hover {
  text-decoration: underline;
}

.link-block-2 {
  color: #d3145a;
  text-decoration: none;
}

.link-block-2:hover {
  text-decoration: underline;
}

.div-block-12 {
  display: block;
  width: 69.44444444444444vw;
  margin-left: 11.11111111111111vw;
  padding-bottom: 8.333333333333334vw;
  padding-left: 3.888888888888889vw;
  background-color: #f4ea34;
}

.mesic {
  padding-top: 3.888888888888889vw;
  padding-left: 1.6666666666666665vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.koncert {
  overflow: visible;
  margin-top: 2.7777777777777777vw;
  margin-right: 1.6666666666666665vw;
  padding-left: 1.6666666666666665vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.koncert:hover {
  box-shadow: 0 0 0 0.1388888888888889vw #f4ea34, 0 0 0vw 0.2777777777777778vw #d3145a;
}

.datum {
  font-size: 3.888888888888889vw;
  line-height: 4.375vw;
}

.koncert-info {
  position: absolute;
  left: auto;
  right: 23.61111111111111vw;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.klub-info {
  position: absolute;
  left: 29.166666666666664vw;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.jmeno-klub {
  margin-bottom: 0px;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.adresa-klub {
  margin-top: 0.2777777777777778vw;
  margin-bottom: 0px;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.cas-koncert {
  margin-bottom: 0px;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.vstupne-koncert {
  margin-top: 0.2777777777777778vw;
  margin-bottom: 0px;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.image-6 {
  position: absolute;
  top: 2.9166666666666665vw;
  z-index: -1;
}

.allcategories {
  overflow: hidden;
  margin-right: 19.444444444444443vw;
  margin-left: 11.11111111111111vw;
}

.merch-icon {
  width: 11.11111111111111vw;
  min-width: 11.11111111111111vw;
  margin-right: 3.4722222222222223vw;
}

.merch-icon.off {
  display: block;
  overflow: visible;
}

.merch-icon.on {
  display: block;
}

.active-icon {
  position: relative;
  left: 4.722222222222222vw;
  width: 1.6666666666666665vw;
  padding-top: 2.7777777777777777vw;
}

.div-tasky {
  margin-top: 5.555555555555555vw;
  margin-left: 11.11111111111111vw;
}

.merch-img {
  width: 22.22222222222222vw;
  height: 22.22222222222222vw;
  margin-right: 1.3888888888888888vw;
  margin-bottom: 1.3888888888888888vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.text-block {
  position: absolute;
  right: 0vw;
  bottom: 0px;
  display: block;
  margin-top: 2.7777777777777777vw;
  margin-right: 5.555555555555555vw;
  padding-bottom: 2.7777777777777777vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
  text-align: right;
}

.text-block-2 {
  margin-left: 11.11111111111111vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.div-block-15 {
  width: 69.44444444444444vw;
  min-height: 53.33333333333333vw;
  margin-top: 2.7777777777777777vw;
  margin-left: 11.11111111111111vw;
  padding-top: 2.7777777777777777vw;
  padding-right: 2.7777777777777777vw;
  padding-left: 2.7777777777777777vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
}

.form {
  display: block;
  color: #d3145a;
}

.textarea {
  overflow: auto;
  min-height: 22.22222222222222vw;
  margin-bottom: 2.7777777777777777vw;
  padding: 1.3888888888888888vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.textarea:hover {
  color: #d3145a;
}

.textarea:active {
  border-color: #f4ea34;
  color: #d3145a;
}

.textarea:focus {
  border-color: #f4ea34;
  color: #d3145a;
}

.textarea:focus-visible {
  color: #d3145a;
}

.textarea[data-wf-focus-visible] {
  color: #d3145a;
}

.textarea::-webkit-input-placeholder {
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.textarea:-ms-input-placeholder {
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.textarea::-ms-input-placeholder {
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.textarea::placeholder {
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.text-field {
  margin-bottom: 2.7777777777777777vw;
  padding: 1.3888888888888888vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.text-field:hover {
  color: #d3145a;
}

.text-field:active {
  border-color: #f4ea34;
  color: #d3145a;
}

.text-field:focus {
  border-color: #f4ea34;
  color: #d3145a;
}

.text-field:focus-visible {
  color: #d3145a;
}

.text-field[data-wf-focus-visible] {
  color: #d3145a;
}

.text-field::-webkit-input-placeholder {
  color: #d3145a;
}

.text-field:-ms-input-placeholder {
  color: #d3145a;
}

.text-field::-ms-input-placeholder {
  color: #d3145a;
}

.text-field::placeholder {
  color: #d3145a;
}

.text-field-2 {
  margin-bottom: 2.7777777777777777vw;
  padding: 1.3888888888888888vw;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #fffee8;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
}

.text-field-2:hover {
  color: #d3145a;
}

.text-field-2:active {
  border-color: #f4ea34;
  color: #d3145a;
}

.text-field-2:focus {
  border-color: #f4ea34;
  color: #d3145a;
}

.text-field-2:focus-visible {
  color: #d3145a;
}

.text-field-2[data-wf-focus-visible] {
  color: #d3145a;
}

.text-field-2::-webkit-input-placeholder {
  color: #d3145a;
}

.text-field-2:-ms-input-placeholder {
  color: #d3145a;
}

.text-field-2::-ms-input-placeholder {
  color: #d3145a;
}

.text-field-2::placeholder {
  color: #d3145a;
}

.submit-button {
  margin-bottom: 8.333333333333334vw;
  padding: 1.1805555555555556vw 1.6666666666666665vw 1.1111111111111112vw;
  background-color: #d3145a;
  color: #fffee8;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
  letter-spacing: 1px;
}

.submit-button:active {
  background-color: #d3145a;
  color: #f4ea34;
}

.image-7 {
  position: absolute;
  left: auto;
  top: 14.375vw;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: inline-block;
}

.image-8 {
  position: absolute;
  left: 2.2916666666666665vw;
  right: auto;
  bottom: -7.847222222222222vw;
  z-index: -1;
  width: 95.41666666666667vw;
}

.image-9 {
  position: absolute;
}

.div-block-16 {
  position: absolute;
  top: 14.375vw;
  right: 8.333333333333334vw;
  z-index: -2;
  width: 29.444444444444443vw;
  height: 29.444444444444443vw;
  border-radius: 50%;
  background-color: #f4ea34;
}

.div-block-17 {
  position: absolute;
  left: 7.222222222222222vw;
  top: auto;
  right: auto;
  bottom: -3.888888888888889vw;
  z-index: -2;
  width: 38.888888888888886vw;
  height: 38.888888888888886vw;
  background-color: #f4ea34;
}

.section-2 {
  width: 100%;
  margin-top: 13.88888888888889vw;
  background-color: #f4ea34;
}

.image-10 {
  position: relative;
  width: 6.666666666666666vw;
  margin-top: 2.2222222222222223vw;
  margin-left: 2.9166666666666665vw;
}

.text-block-3 {
  display: block;
  margin: -1.25vw 12.708333333333332vw 3.888888888888889vw;
  font-size: 3.888888888888889vw;
  line-height: 4.375vw;
  text-align: center;
}

.div-block-18 {
  display: block;
  padding-bottom: 5.555555555555555vw;
  color: #d3145a;
  text-align: center;
}

.link-paticka-social {
  margin-right: 1.6666666666666665vw;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.3888888888888888vw;
  text-decoration: none;
}

.link-paticka-social:hover {
  text-decoration: underline;
}

.paticka-social {
  margin-bottom: 0px;
}

.text-span {
  font-size: 2.7777777777777777vw;
}

.text-span-2 {
  font-size: 0.06944444444444445vw;
}

.gotoudalost {
  position: absolute;
  left: 56.73611111111111vw;
  display: none;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gotoudalost-sipka {
  margin-left: 1.1111111111111112vw;
}

.gotoudalost-text {
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.gotoudalost-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d3145a;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
  text-decoration: none;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 11.11111111111111vw;
}

.filter-div {
  width: 11.11111111111111vw;
  margin-right: 3.4722222222222223vw;
  cursor: pointer;
}

.div-hrnky {
  margin-top: 5.555555555555555vw;
  margin-left: 11.11111111111111vw;
}

.div-trika {
  margin-top: 5.555555555555555vw;
  margin-left: 11.11111111111111vw;
}

.div-placky {
  margin-top: 5.555555555555555vw;
  margin-left: 11.11111111111111vw;
}

.div-rou-ky {
  margin-top: 5.555555555555555vw;
  margin-left: 11.11111111111111vw;
}

.div-produkty {
  padding-bottom: 6.944444444444445vw;
}

.div-produkty.div-tasky {
  display: none;
}

.div-produkty.div-trika {
  display: block;
}

.div-produkty.div-hrnky {
  display: none;
}

.div-produkty.div-placky {
  display: none;
}

.div-produkty.div-rou-ky {
  display: none;
}

.success-message {
  margin-top: 19.88888889vw;
  padding: 1.3888888888888888vw 0.1388888888888889vw 1.3888888888888888vw 1.3888888888888888vw;
  background-color: #fffee8;
}

.error-message {
  position: static;
  width: 52.4vw;
  margin-top: -12.2vw;
  margin-right: 0vw;
  margin-left: 11vw;
  padding: 0.6944444444444444vw;
}

.form-block {
  margin-bottom: 0px;
}

.posuvnik {
  position: relative;
  width: 14.583333333333332vw;
  margin-left: -14.583333333333332vw;
}

.player {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: none;
  width: 88.88888888888889vw;
  height: 3.888888888888889vw;
  margin-right: auto;
  margin-bottom: 1.6666666666666665vw;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.20833333333333331vw solid #d3145a;
  background-color: #f4ea34;
}

.firstpart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.secondpart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.1111111111111112vw;
  margin-left: 2.7777777777777777vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.1111111111111112vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.progress-bar {
  position: relative;
  display: block;
  width: 50%;
  height: 0.2777777777777778vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d3145a;
}

.progress-design {
  position: relative;
  top: -0.3472222222222222vw;
  width: 100%;
  height: 0.1388888888888889vw;
  background-color: #d3145a;
}

.playerbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.6666666666666665vw;
  height: 1.6666666666666665vw;
  margin-right: 0.1388888888888889vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
}

.playerbtn.playtlac {
  margin-left: 16px;
}

.progress-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 27.77777777777778vw;
  height: 0.5555555555555556vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.songs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.songname {
  min-width: 11.11111111111111vw;
  margin-bottom: 0px;
  padding-right: 1.1111111111111112vw;
  padding-left: 1.1111111111111112vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.max-duration {
  margin-bottom: 0px;
  padding-right: 1.1111111111111112vw;
  padding-left: 1.1111111111111112vw;
}

.image-11 {
  margin-left: 0px;
}

.image-12 {
  margin-right: 0px;
}

.image-13 {
  margin-left: 0px;
}

.nowplaying {
  position: absolute;
  left: 238.75px;
  top: 286.812px;
  bottom: 286.812px;
}

.img-area-provizorni {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26.25vw;
  height: 26.25vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.img-area-provizorium {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 26.25vw;
  height: 26.25vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-block-4 {
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.text-block-5 {
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4ea34;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.kapitola {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #000;
}

.body-2 {
  background-color: #fffee8;
}

.image-15 {
  display: block;
  height: 100vh;
}

.div-block-20 {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.heading-3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 160px;
  line-height: 180px;
}

.paragraph-4 {
  margin-top: 56px;
  margin-bottom: 0px;
  font-size: 56px;
  line-height: 56px;
}

.div-block-21 {
  margin-left: 160px;
}

.heading-4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 56px;
  line-height: 67px;
}

.paragraph-5 {
  margin-top: 32px;
  margin-bottom: 0px;
  font-family: Lora, sans-serif;
  line-height: 28px;
  font-weight: 400;
}

.image-16 {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}

.div-block-22 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.888888888888889vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-7 {
  margin-left: 1.6666666666666665vw;
  font-size: 1.3888888888888888vw;
  line-height: 1.597222222222222vw;
  text-decoration: none;
}

.link-block-4 {
  padding-top: 0.6944444444444444vw;
  padding-right: 0.6944444444444444vw;
  padding-bottom: 0.6944444444444444vw;
  color: #d3145a;
  text-decoration: none;
}

.link {
  color: #d3145a;
  text-decoration: underline;
}

.body-3 {
  font-family: Barriecito, sans-serif;
  text-transform: uppercase;
}

.div-block-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.body-4 {
  background-color: #fffee8;
  font-family: Barriecito, sans-serif;
  color: #d3145a;
  text-transform: uppercase;
}

.image-17 {
  margin-left: 16px;
}

.div-block-25 {
  width: 360px;
  height: 360px;
  max-width: 100vw;
  margin-right: 26px;
  padding-top: 40px;
  padding-left: 40px;
  border: 2px solid #d3145a;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  margin-left: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div-block-27 {
  width: 560px;
  height: 360px;
  max-width: 100vw;
  margin-right: 26px;
  border: 2px solid #d3145a;
}

.image-18 {
  margin-top: 35px;
  margin-left: 48px;
}

.text-block-8 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.text-block-9 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.text-block-10 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.heading-5 {
  margin-top: 40px;
  margin-left: 40px;
  font-size: 40px;
}

@media screen and (min-width: 1440px) {
  .brand {
    width: 96px;
    height: 96px;
    margin-top: 32px;
    margin-left: 40px;
  }

  .brand.w--current {
    width: 96px;
    height: 96px;
    margin-top: 32px;
    margin-left: 40px;
  }

  .container {
    width: 1440px;
    min-width: 1440px;
  }

  .wrapper {
    width: 1440px;
    max-width: 1440px;
  }

  .nav-link {
    margin-right: 40px;
    font-size: 20px;
    line-height: 23px;
  }

  .nav-link:visited {
    color: #d3145a;
  }

  .nav-menu {
    margin-top: 32px;
  }

  .section {
    margin-top: 159px;
    padding-bottom: 64px;
  }

  .div-block-2 {
    width: 440px;
    margin-top: 80px;
    margin-left: 80px;
  }

  .div-block-3 {
    margin-left: auto;
  }

  .image {
    top: 153px;
    width: 766px;
  }

  .square {
    top: 306px;
    right: 544px;
    width: 400px;
    height: 400px;
  }

  .circle {
    width: 354px;
    height: 354px;
  }

  .image-2 {
    width: 800px;
    height: 562px;
    max-width: 800px;
    margin-top: 80px;
    margin-right: 80px;
  }

  .heading {
    font-size: 64px;
    line-height: 64px;
  }

  .paragraph {
    margin-top: 32px;
    font-size: 24px;
    line-height: 32px;
  }

  .button {
    margin-top: 56px;
    margin-right: 24px;
    padding: 17px 24px 16px;
    border-width: 3px;
    font-size: 20px;
    line-height: 23px;
  }

  .button-second {
    margin-top: 56px;
    margin-right: 24px;
    padding: 17px 24px 16px;
    border-width: 3px;
    font-size: 20px;
    line-height: 23px;
  }

  .sekce {
    margin-top: 80px;
    padding-top: 80px;
  }

  .sekce.sekce-merch {
    min-height: 977px;
  }

  .heading-2 {
    margin-bottom: 80px;
    margin-left: 80px;
    font-size: 56px;
    line-height: 63px;
  }

  .div-block-4 {
    width: 1000px;
    height: 480.00000000000006px;
    margin-left: 160px;
    padding: 40px 40px 58px 80px;
    border-width: 3px;
  }

  .seznam-skladeb {
    width: 400px;
    padding-left: 56px;
  }

  .img-area {
    width: 378px;
    height: 378px;
  }

  .song {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
  }

  .ctverec-2 {
    top: 102px;
    width: 640px;
    height: 800px;
  }

  .image-3 {
    top: 377.28px;
    right: 186px;
    width: 404px;
    height: 399.71875px;
  }

  .image-galerie {
    width: 320px;
    max-width: 320px;
  }

  .allimages {
    top: -80px;
    margin-right: 280px;
    margin-left: 160px;
  }

  .div-block-9 {
    width: 640px;
    min-width: 640px;
  }

  .div-block-10 {
    right: 80px;
    bottom: 24px;
  }

  .image-galerie-2 {
    width: 360px;
    max-width: 360px;
  }

  .div-block-8-copy {
    width: 1440px;
    height: 520px;
    min-width: 1440px;
    margin-top: 160px;
  }

  .paragraph-2 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 20px;
  }

  .paragraph-3 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-12 {
    width: 1000px;
    margin-left: 160px;
    padding-bottom: 120.00000000000001px;
    padding-left: 56px;
  }

  .mesic {
    padding-top: 56px;
    padding-left: 24px;
    font-size: 20px;
    line-height: 23px;
  }

  .koncert {
    margin-top: 40px;
    margin-right: 24px;
    padding-left: 24px;
  }

  .koncert:hover {
    box-shadow: 0 0 0 0.1388888888888889vw #f4ea34, 0 0 0vw 0.2777777777777778vw #d3145a;
  }

  .datum {
    font-size: 56px;
    line-height: 63px;
  }

  .koncert-info {
    right: 340px;
  }

  .klub-info {
    left: 420px;
  }

  .jmeno-klub {
    font-size: 20px;
    line-height: 23px;
  }

  .adresa-klub {
    margin-top: 4px;
    font-size: 20px;
    line-height: 23px;
  }

  .cas-koncert {
    font-size: 20px;
    line-height: 23px;
  }

  .vstupne-koncert {
    margin-top: 4px;
    font-size: 20px;
    line-height: 23px;
  }

  .image-6 {
    top: 42px;
  }

  .allcategories {
    margin-right: 280px;
    margin-left: 160px;
  }

  .merch-icon.off {
    width: 160px;
    min-width: 160px;
    margin-right: 50px;
  }

  .merch-icon.on {
    width: 160px;
    min-width: 160px;
    margin-right: 50px;
  }

  .active-icon {
    left: 68px;
    width: 24px;
    padding-top: 40px;
  }

  .merch-img {
    width: 320px;
    height: 320px;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .text-block {
    margin-top: 40px;
    margin-right: 80px;
    padding-bottom: 40px;
    font-size: 20px;
    line-height: 20px;
  }

  .text-block-2 {
    margin-left: 160px;
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-15 {
    width: 1000px;
    min-height: 768px;
    margin-top: 40px;
    margin-left: 160px;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    border-width: 3px;
  }

  .textarea {
    min-height: 320px;
    margin-bottom: 40px;
    padding: 20px;
    border-width: 3px;
    font-size: 20px;
    line-height: 20px;
  }

  .textarea::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 20px;
  }

  .textarea:-ms-input-placeholder {
    font-size: 20px;
    line-height: 20px;
  }

  .textarea::-ms-input-placeholder {
    font-size: 20px;
    line-height: 20px;
  }

  .textarea::placeholder {
    font-size: 20px;
    line-height: 20px;
  }

  .text-field {
    margin-bottom: 40px;
    padding: 20px;
    border-width: 3px;
    font-size: 20px;
    line-height: 20px;
  }

  .text-field-2 {
    margin-bottom: 40px;
    padding: 20px;
    border-width: 3px;
    font-size: 20px;
    line-height: 20px;
  }

  .submit-button {
    margin-bottom: 120.00000000000001px;
    padding: 17px 24px 16px;
    font-size: 20px;
    line-height: 23px;
  }

  .image-8 {
    left: 33px;
    bottom: -113px;
    width: 1374px;
  }

  .div-block-16 {
    top: 207px;
    right: 120.00000000000001px;
    width: 424px;
    height: 424px;
  }

  .div-block-17 {
    left: 104px;
    bottom: -56px;
    width: 560px;
    height: 560px;
  }

  .section-2 {
    margin-top: 200px;
  }

  .image-10 {
    width: 96px;
    margin-top: 32px;
    margin-left: 42px;
  }

  .text-block-3 {
    margin: -18px 183px 56px;
    font-size: 56px;
    line-height: 63px;
  }

  .div-block-18 {
    padding-bottom: 80px;
  }

  .link-paticka-social {
    margin-right: 24px;
    font-size: 20px;
    line-height: 20px;
  }

  .text-span {
    font-size: 40px;
  }

  .text-span-2 {
    font-size: 1px;
  }

  .gotoudalost {
    left: 817px;
  }

  .gotoudalost-sipka {
    margin-left: 16px;
  }

  .gotoudalost-text {
    font-size: 20px;
    line-height: 23px;
  }

  .gotoudalost-link {
    font-size: 20px;
    line-height: 23px;
  }

  .div-block-19 {
    height: 160px;
  }

  .filter-div {
    width: 160px;
    margin-right: 50px;
  }

  .div-produkty {
    padding-bottom: 100px;
  }

  .div-produkty.div-tasky {
    display: none;
    margin-top: 80px;
    margin-left: 160px;
    padding-bottom: 100px;
  }

  .div-produkty.div-trika {
    display: none;
    margin-top: 80px;
    margin-left: 160px;
    padding-bottom: 100px;
  }

  .div-produkty.div-hrnky {
    display: none;
    margin-top: 80px;
    margin-left: 160px;
    padding-bottom: 100px;
  }

  .div-produkty.div-placky {
    display: none;
    margin-top: 80px;
    margin-left: 160px;
    padding-bottom: 100px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-produkty.div-rou-ky {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    margin-left: 160px;
    padding-bottom: 100px;
  }

  .success-message {
    margin-top: 286.40000001600004px;
    padding: 20px 2px 20px 20px;
  }

  .error-message {
    width: 754.56px;
    margin-top: -175.68px;
    margin-left: 158.4px;
    padding: 10px;
  }

  .posuvnik {
    width: 210px;
    margin-left: -210px;
  }

  .player {
    width: 1280px;
    height: 56px;
    margin-bottom: 24px;
    border-width: 3px;
  }

  .secondpart {
    margin-right: 16px;
    margin-left: 40px;
  }

  .slider {
    margin-left: 16px;
  }

  .progress-bar {
    height: 4px;
  }

  .progress-design {
    top: -5px;
    height: 2px;
  }

  .playerbtn {
    width: 24px;
    height: 24px;
    margin-right: 2px;
  }

  .progress-area {
    width: 400px;
    height: 8px;
  }

  .songname {
    min-width: 160px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 20px;
    line-height: 23px;
  }

  .max-duration {
    padding-right: 16px;
    padding-left: 16px;
  }

  .img-area-provizorni {
    width: 378px;
    height: 378px;
  }

  .img-area-provizorium {
    width: 378px;
    height: 378px;
  }

  .text-block-5 {
    font-size: 20px;
    line-height: 23px;
  }

  .image-16 {
    width: 56px;
    height: 56px;
  }

  .div-block-22 {
    margin-top: 56px;
  }

  .text-block-7 {
    margin-left: 24px;
    font-size: 20px;
    line-height: 23px;
  }

  .link-block-4 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 991px) {
  .brand.w--current {
    width: 6.71462829736211vw;
    height: 6.71462829736211vw;
    margin-top: 2.8776978417266186vw;
    margin-left: 2.8776978417266186vw;
  }

  .container {
    min-width: 100vw;
  }

  .wrapper {
    overflow: hidden;
    max-width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .nav-link {
    margin-right: 4.796163069544365vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .nav-menu {
    margin-top: 3.8369304556354917vw;
  }

  .section {
    margin-top: 9.59232613908873vw;
    padding-bottom: 0vw;
  }

  .div-block-2 {
    width: 52.75779376498801vw;
    margin-top: 9.59232613908873vw;
    margin-left: 4.796163069544365vw;
    padding-right: 0.7194244604316546vw;
  }

  .image {
    top: 18.62925659vw;
    bottom: 18.62925659vw;
    z-index: -3;
    width: 51.55875299760192vw;
    height: 49.64028776978417vw;
    max-width: 500%;
  }

  .square {
    top: 32.13429256594724vw;
    right: 27.218225419664268vw;
    width: 24.34052757793765vw;
    height: 24.34052757793765vw;
  }

  .circle {
    top: 10.311750599520384vw;
    right: -17.74580335731415vw;
    width: 42.44604316546763vw;
    height: 42.44604316546763vw;
  }

  .image-2 {
    width: 45.803357314148684vw;
    height: 32.254196642685855vw;
    max-width: 45.803357314148684vw;
    margin-top: 15.347721822541967vw;
    margin-right: 0vw;
  }

  .heading {
    font-size: 6.71462829736211vw;
    line-height: 7.553956834532374vw;
  }

  .paragraph {
    margin-top: 3.8369304556354917vw;
    font-size: 2.8776978417266186vw;
    line-height: 3.8369304556354917vw;
  }

  .button {
    margin-top: 6.71462829736211vw;
    margin-right: 2.8776978417266186vw;
    padding: 2.038369304556355vw 2.8776978417266186vw 1.9184652278177459vw;
    border-width: 0.3597122302158273vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .button-second {
    margin-top: 6.71462829736211vw;
    margin-right: 0vw;
    padding: 2.038369304556355vw 2.8776978417266186vw 1.9184652278177459vw;
    border-width: 0.3597122302158273vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .button-second.w--current {
    border-width: 0.3597122302158273vw;
  }

  .sekce {
    margin-top: 9.59232613908873vw;
    padding-top: 9.59232613908873vw;
  }

  .heading-2 {
    margin-bottom: 9.59232613908873vw;
    margin-left: 4.796163069544365vw;
    font-size: 6.71462829736211vw;
    line-height: 7.553956834532374vw;
  }

  .div-block-4 {
    width: 82.01438848920863vw;
    height: 45.32374100719424vw;
    margin-left: 4.796163069544365vw;
    padding: 0vw;
    border-style: none;
    background-color: transparent;
  }

  .seznam-skladeb {
    width: 31.17505995203837vw;
    padding-left: 6.79616307vw;
  }

  .img-area {
    width: 44.84412470023981vw;
    height: 44.84412470023981vw;
  }

  .song {
    padding-top: 2.3980815347721824vw;
    padding-bottom: 2.3980815347721824vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .ctverec-2 {
    top: 17.62589928057554vw;
    width: 47.48201438848921vw;
    height: 74.34052757793765vw;
  }

  .image-3 {
    top: 30.99544365vw;
    right: -9.8vw;
    bottom: 30.99544365vw;
    width: 47.961630695443645vw;
    height: 46.76258992805756vw;
  }

  .image-4 {
    display: block;
    width: 2.8776978417266186vw;
    margin-top: 13.189448441247002vw;
    margin-right: auto;
    margin-left: auto;
  }

  .image-5 {
    display: block;
    width: 2.8776978417266186vw;
    margin-top: 13.189448441247002vw;
    margin-right: 0.9592326139088729vw;
    margin-left: auto;
  }

  .image-galerie {
    width: 90.40767386091127vw;
    max-width: 90.40767386091127vw;
  }

  .allimages {
    position: relative;
    top: -19.18465227817746vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 90.40767386091127vw;
    min-width: 90.40767386091127vw;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .div-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: auto;
    min-width: 90.40767386091127vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .div-block-10 {
    right: auto;
    bottom: 4.796163069544365vw;
    display: block;
    margin-left: 4.796163069544365vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-galerie-2 {
    width: auto;
    height: 67.74580335731414vw;
    max-width: 50.83932853717027vw;
    margin-right: 19.784172661870503vw;
    margin-left: 19.784172661870503vw;
  }

  .div-block-8-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 60.5515587529976vw;
    min-width: auto;
    margin-top: 28.776978417266186vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .paragraph-2 {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .paragraph-3 {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .link-block {
    margin-right: 2.8776978417266186vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .link-block-2 {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .div-block-12 {
    width: 100vw;
    margin-left: 0vw;
    padding-bottom: 14.388489208633093vw;
    padding-left: 9.59232613908873vw;
  }

  .mesic {
    padding-top: 6.71462829736211vw;
    padding-left: 0vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .koncert {
    margin-top: 4.796163069544365vw;
    margin-right: 0vw;
    padding-left: 0vw;
  }

  .koncert:hover {
    box-shadow: none;
  }

  .datum {
    font-size: 6.71462829736211vw;
    line-height: 7.553956834532374vw;
  }

  .koncert-info {
    right: 12.29616307vw;
  }

  .klub-info {
    left: 31.17505995203837vw;
  }

  .jmeno-klub {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .adresa-klub {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .cas-koncert {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .vstupne-koncert {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .image-6 {
    left: -38.1294964028777vw;
    top: 0vw;
    width: 165vw;
    max-width: 900%;
  }

  .allcategories {
    margin-right: 2.038369304556355vw;
    margin-left: 2.038369304556355vw;
  }

  .merch-icon.off {
    width: 19.18465227817746vw;
    min-width: 19.18465227817746vw;
    margin-right: 0vw;
  }

  .merch-icon.on {
    width: 19.18465227817746vw;
    min-width: 19.18465227817746vw;
    margin-right: 0vw;
  }

  .active-icon {
    left: 8.513189448441247vw;
    padding-top: 2.8776978417266186vw;
  }

  .merch-img {
    width: 35.97122302158274vw;
    height: 35.97122302158274vw;
    margin-right: 2.8776978417266186vw;
    margin-bottom: 2.8776978417266186vw;
  }

  .text-block {
    margin-top: 2.8776978417266186vw;
    margin-right: 9.59232613908873vw;
    padding-bottom: 4.796163069544365vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .text-block-2 {
    margin-left: 4.796163069544365vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .div-block-15 {
    width: auto;
    min-height: 92.0863309352518vw;
    margin-top: 4.796163069544365vw;
    margin-right: 4.796163069544365vw;
    margin-left: 4.796163069544365vw;
    padding-top: 4.796163069544365vw;
    padding-right: 4.796163069544365vw;
    padding-left: 4.796163069544365vw;
    border-width: 0.3597122302158273vw;
  }

  .textarea {
    min-height: 38.36930455635492vw;
    margin-bottom: 4.796163069544365vw;
    padding: 2.3980815347721824vw;
    border-width: 0.3597122302158273vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .textarea::-webkit-input-placeholder {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .textarea:-ms-input-placeholder {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .textarea::-ms-input-placeholder {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .textarea::placeholder {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .text-field {
    margin-bottom: 4.796163069544365vw;
    padding: 2.3980815347721824vw;
    border-width: 0.3597122302158273vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .text-field::-webkit-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field:-ms-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field::-ms-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field::placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field-2 {
    margin-bottom: 4.796163069544365vw;
    padding: 2.3980815347721824vw;
    border-width: 0.3597122302158273vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .text-field-2::-webkit-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field-2:-ms-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field-2::-ms-input-placeholder {
    line-height: 2.3980815347721824vw;
  }

  .text-field-2::placeholder {
    line-height: 2.3980815347721824vw;
  }

  .submit-button {
    margin-bottom: 14.388489208633093vw;
    padding: 1.9184652278177459vw 2.8776978417266186vw 2.038369304556355vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .image-8 {
    left: -32.49400479616307vw;
    top: 33.052302158273385vw;
    right: auto;
    bottom: 33.052302158273385vw;
    z-index: -2;
    width: 170vw;
    max-width: 200%;
  }

  .div-block-16 {
    top: 22.901678657074342vw;
    right: -13.309352517985612vw;
    width: 50.83932853717027vw;
    height: 50.83932853717027vw;
  }

  .div-block-17 {
    left: 0vw;
    bottom: -4.796163069544365vw;
    z-index: -1;
    width: 47.961630695443645vw;
    height: 67.1462829736211vw;
  }

  .section-2 {
    margin-top: 23.980815347721823vw;
  }

  .image-10 {
    width: 11.510791366906474vw;
    margin-top: 2.8776978417266186vw;
    margin-left: 2.8776978417266186vw;
  }

  .text-block-3 {
    margin-top: 4.796163069544365vw;
    margin-bottom: 6.71462829736211vw;
    padding-left: 7.194244604316546vw;
    font-size: 6.71462829736211vw;
    line-height: 7.553956834532374vw;
  }

  .div-block-18 {
    padding-bottom: 19.18465227817746vw;
  }

  .link-paticka-social {
    margin-right: 2.8776978417266186vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .text-span {
    font-size: 4.796163069544365vw;
    line-height: 4.796163069544365vw;
  }

  .div-block-19 {
    height: 19.18465227817746vw;
  }

  .filter-div {
    width: 19.18465227817746vw;
    height: 19.18465227817746vw;
    margin-right: 0vw;
  }

  .div-produkty.div-trika {
    margin-top: 9.59232613908873vw;
    margin-right: 9.59232613908873vw;
    margin-left: 9.59232613908873vw;
    padding-bottom: 9.112709832134293vw;
  }

  .success-message {
    margin-top: 19.18465227817746vw;
    padding: 2.3980815347721824vw;
  }

  .error-message {
    width: 63vw;
    margin-top: -21vw;
    margin-left: 17vw;
  }

  .posuvnik {
    width: 19.18465227817746vw;
    margin-left: -19.18465227817746vw;
  }

  .player {
    display: none;
    width: 96.64268585131894vw;
    height: 6.71462829736211vw;
    margin-bottom: 1.6786570743405276vw;
    border-width: 0.3597122302158273vw;
  }

  .secondpart {
    margin-right: 1.9184652278177459vw;
    margin-left: 4.796163069544365vw;
  }

  .slider {
    margin-left: 1.9184652278177459vw;
  }

  .progress-bar {
    height: 0.47961630695443647vw;
  }

  .progress-design {
    top: -0.5995203836930456vw;
    height: 0.23980815347721823vw;
  }

  .playerbtn {
    width: 2.8776978417266186vw;
    height: 2.8776978417266186vw;
    margin-right: 0.23980815347721823vw;
  }

  .progress-area {
    width: 38.36930455635492vw;
    height: 0.9592326139088729vw;
  }

  .songname {
    min-width: 19.18465227817746vw;
    padding-right: 1.9184652278177459vw;
    padding-left: 1.9184652278177459vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .max-duration {
    padding-right: 1.9184652278177459vw;
    padding-left: 1.9184652278177459vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .jmenopisne {
    font-size: 2.3980815347721824vw;
    line-height: 2.3980815347721824vw;
  }

  .text-block-4 {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .text-block-5 {
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .image-16 {
    width: 6.71462829736211vw;
    height: 6.71462829736211vw;
  }

  .div-block-22 {
    margin-top: 6.71462829736211vw;
  }

  .text-block-7 {
    margin-left: 2.8776978417266186vw;
    font-size: 2.3980815347721824vw;
    line-height: 2.7577937649880098vw;
  }

  .link-block-4 {
    padding-top: 1.1990407673860912vw;
    padding-right: 1.1990407673860912vw;
    padding-bottom: 1.1990407673860912vw;
  }

  .div-block-23 {
    width: 90.40767386091127vw;
  }
}

@media screen and (max-width: 767px) {
  .brand.w--current {
    padding-left: 0px;
  }

  .nav-link {
    position: static;
    text-align: right;
  }

  .nav-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .menu-button {
    margin-top: 24px;
    margin-right: 24px;
    padding: 0px;
    color: #d3145b;
  }

  .menu-button.w--open {
    color: #d3145a;
  }

  .div-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media screen and (max-width: 479px) {
  .logo {
    display: block;
  }

  .brand.w--current {
    width: 14.933333333333334vw;
    height: 14.933333333333334vw;
    margin-top: 6.4vw;
    margin-left: 6.4vw;
    padding-left: 0px;
  }

  .nav-link {
    margin-top: 4.266666666666667vw;
    margin-right: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .nav-link.w--current {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .nav-menu {
    position: fixed;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 3;
    width: 50%;
    height: 80vw;
    margin-top: 0vw;
    padding-top: 18.133333333333333vw;
    background-color: #fffee8;
  }

  .menu-button {
    z-index: 4;
    margin-top: 6.4vw;
    margin-right: 6.4vw;
  }

  .menu-button.w--open {
    margin-top: 6.4vw;
    margin-right: 6.4vw;
    background-color: #fffee8;
  }

  .section {
    margin-top: 32vw;
    padding-bottom: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .div-block-2 {
    width: auto;
    margin-top: 0vw;
    margin-left: 6.4vw;
    padding-right: 0vw;
  }

  .div-block-3 {
    z-index: -2;
    margin-top: -12vw;
  }

  .image {
    left: -32.53333333333333vw;
    top: 0vw;
    right: auto;
    bottom: 0vw;
    width: 140vw;
    height: auto;
  }

  .square {
    top: 18.4vw;
    right: auto;
    width: 66.93333333333334vw;
    height: 50.4vw;
  }

  .circle {
    top: 26.133333333333333vw;
    right: 0vw;
    width: 73.06666666666666vw;
    height: 73.06666666666666vw;
  }

  .image-2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 22.666666666666668vw;
  }

  .heading {
    font-size: 10.666666666666666vw;
    line-height: 12vw;
  }

  .paragraph {
    margin-top: 6.4vw;
    padding-right: 5.333333333333333vw;
    font-size: 5.333333333333333vw;
    line-height: 7.466666666666667vw;
  }

  .button {
    margin-top: 10.666666666666666vw;
    margin-right: 2.1333333333333333vw;
    padding: 4.533333333333333vw 6.4vw 4.266666666666667vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .button-second {
    margin-top: 10.666666666666666vw;
    padding: 4.533333333333333vw 6.4vw 4.266666666666667vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .button-second.w--current {
    margin-top: 10.666666666666666vw;
    padding: 4.533333333333333vw 6.4vw 4.266666666666667vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .sekce {
    margin-top: 21.333333333333332vw;
    padding-top: 10.666666666666666vw;
  }

  .sekce.sekce-merch {
    min-height: 186vw;
  }

  .sekce.sekce-koncerty {
    margin-top: 10.666666666666666vw;
  }

  .sekce.kontakt {
    margin-top: 10.666666666666666vw;
  }

  .heading-2 {
    margin-bottom: 10.666666666666666vw;
    margin-left: 6.4vw;
    font-size: 10.666666666666666vw;
    line-height: 12.8vw;
  }

  .div-block-4 {
    width: 87.2vw;
    height: auto;
    margin-right: 6.4vw;
    margin-left: 6.4vw;
    padding: 6.4vw 4.266666666666667vw 4.266666666666667vw 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-style: solid;
    border-width: 0.8vw;
    background-color: #fffee8;
  }

  .seznam-skladeb {
    width: auto;
    height: 64vw;
    margin-left: 12.266666666666667vw;
  }

  .img-area {
    width: auto;
    height: auto;
    margin-top: 16px;
    margin-left: 4.266666666666667vw;
  }

  .song {
    padding-top: 5.333333333333333vw;
    padding-bottom: 5.333333333333333vw;
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .ctverec-2 {
    top: auto;
    right: auto;
    bottom: -14.933333333333334vw;
    width: 100%;
    height: 114.93333333333334vw;
  }

  .image-3 {
    top: auto;
    right: 0px;
    bottom: 34px;
    width: auto;
    height: 82.66666666666667vw;
  }

  .image-4 {
    width: 6.4vw;
    margin-top: 18.933333333333334vw;
  }

  .image-5 {
    width: 6.4vw;
    margin-top: 18.933333333333334vw;
  }

  .image-galerie {
    overflow: hidden;
    width: 87.2vw;
    height: 65.33333333333333vw;
    max-width: 87.2vw;
  }

  .allimages {
    top: -10.666666666666666vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 87.2vw;
    height: 65.33333333333333vw;
    min-width: 87.2vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-9 {
    overflow: visible;
    height: 65.33333333333333vw;
    min-width: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .div-block-10 {
    position: absolute;
    top: auto;
    bottom: 7.9vw;
    display: block;
    margin-left: 6.4vw;
  }

  .image-galerie-2 {
    position: relative;
    display: block;
    height: 65.33333333333333vw;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #000;
  }

  .div-block-11 {
    width: 87.2vw;
    height: 65.33333333333333vw;
  }

  .div-block-8-copy {
    height: 81.33333333333333vw;
    margin-top: 21.333333333333332vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .paragraph-2 {
    margin-top: 0vw;
    margin-bottom: 0vw;
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .paragraph-3 {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .link-block {
    margin-right: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .div-block-12 {
    padding-left: 6.4vw;
  }

  .mesic {
    padding-top: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .koncert {
    overflow: auto;
    height: 18.4vw;
    margin-top: 2.1333333333333333vw;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .datum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10.666666666666666vw;
    line-height: 10.666666666666666vw;
  }

  .koncert-info {
    position: relative;
    left: auto;
    right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4.266666666666667vw;
  }

  .klub-info {
    position: relative;
    left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4.266666666666667vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .jmeno-klub {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 40vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .adresa-klub {
    position: absolute;
    overflow: visible;
    width: 42.666666666666664vw;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 64.4vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
    text-align: left;
    white-space: normal;
  }

  .cas-koncert {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .vstupne-koncert {
    margin-top: 1.0666666666666667vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .image-6 {
    left: -178.8294964vw;
    top: 11.5vw;
    bottom: 11.5vw;
    z-index: -1;
    width: 280vw;
  }

  .allcategories {
    overflow: scroll;
    width: auto;
    margin-right: 4.266666666666667vw;
    margin-left: 4.266666666666667vw;
  }

  .merch-icon.off {
    width: 26.666666666666668vw;
    min-width: 26.666666666666668vw;
  }

  .merch-icon.on {
    width: 26.666666666666668vw;
    min-width: 26.666666666666668vw;
  }

  .active-icon {
    left: 10.133333333333333vw;
    width: 6.4vw;
    padding-top: 1.0666666666666667vw;
  }

  .merch-img {
    width: 42.666666666666664vw;
    height: 42.666666666666664vw;
    margin: 1.3333333333333333vw;
  }

  .text-block {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 1.66666667vw;
    margin-right: 0vw;
    padding-bottom: 10.666666666666666vw;
    padding-left: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
    text-align: left;
  }

  .text-block-2 {
    margin-left: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .div-block-15 {
    margin-top: 0vw;
    margin-right: 0vw;
    margin-left: 0vw;
    padding-top: 6.4vw;
    padding-right: 6.4vw;
    padding-left: 6.4vw;
    border-style: none;
    background-color: transparent;
  }

  .textarea {
    height: 42.666666666666664vw;
    margin-bottom: 6.4vw;
    padding: 5.333333333333333vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .textarea::-webkit-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .textarea:-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .textarea::-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .textarea::placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field {
    height: 14.933333333333334vw;
    margin-bottom: 6.4vw;
    padding: 5.333333333333333vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field::-webkit-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-field:-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-field::-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-field::placeholder {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-field-2 {
    height: 14.933333333333334vw;
    margin-bottom: 6.4vw;
    padding: 5.333333333333333vw;
    border-width: 0.8vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field-2::-webkit-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field-2:-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field-2::-ms-input-placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-field-2::placeholder {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .submit-button {
    margin-bottom: 0vw;
    padding: 4.533333333333333vw 6.4vw 4.266666666666667vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .image-8 {
    left: -8vw;
    top: 38.96618705vw;
    bottom: 34.76618705vw;
    z-index: -3;
    width: 142vw;
  }

  .div-block-16 {
    top: 37.333333333333336vw;
    right: -49.333333333333336vw;
    width: 91.46666666666667vw;
    height: 91.46666666666667vw;
  }

  .div-block-17 {
    bottom: 6.4vw;
    width: 38.13333333333333vw;
    height: 46.93333333333333vw;
  }

  .image-10 {
    display: inline-block;
    width: 25.6vw;
    margin-top: 0vw;
    margin-left: 0vw;
  }

  .text-block-3 {
    margin-top: 8.533333333333333vw;
    margin-bottom: 14.933333333333334vw;
    padding-left: 0vw;
    font-size: 8.533333333333333vw;
    line-height: 10.133333333333333vw;
  }

  .div-block-18 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 16vw;
    padding-bottom: 17.066666666666666vw;
    padding-left: 16vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .link-paticka-social {
    margin-right: 6.4vw;
    margin-bottom: 4.266666666666667vw;
  }

  .paticka-social {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-span {
    font-size: 8.533333333333333vw;
    line-height: 8.533333333333333vw;
  }

  .gotoudalost-link {
    position: relative;
    overflow: visible;
    height: 12.8vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-19 {
    overflow: hidden;
    width: 133.33333333333334vw;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .filter-div {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }

  .div-produkty {
    display: none;
    margin-top: 14.933333333333334vw;
    margin-right: 4.266666666666667vw;
    margin-left: 4.266666666666667vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-produkty.div-tasky {
    display: none;
  }

  .div-produkty.div-trika {
    display: none;
    margin-right: 4.266666666666667vw;
    margin-left: 4.266666666666667vw;
  }

  .div-produkty.div-hrnky {
    display: block;
  }

  .div-produkty.div-placky {
    display: none;
  }

  .div-produkty.div-rou-ky {
    display: none;
  }

  .success-message {
    width: 100%;
    height: 85.33333333333333vw;
    margin-top: -0.81534772vw;
    padding-top: 31.39808153vw;
  }

  .error-message {
    width: 100%;
    margin-top: 0vw;
    margin-right: auto;
    margin-left: auto;
  }

  .posuvnik {
    width: 26.666666666666668vw;
    margin-left: -26.666666666666668vw;
  }

  .player {
    display: none;
    width: auto;
    height: 27.2vw;
    margin-right: 4.266666666666667vw;
    margin-bottom: 4.266666666666667vw;
    margin-left: 4.266666666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-width: 0.8vw;
  }

  .firstpart {
    margin-right: 2.933333333333333vw;
    margin-bottom: 4.266666666666667vw;
    margin-left: 2.933333333333333vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .secondpart {
    margin-top: 5.866666666666666vw;
    margin-right: 2.933333333333333vw;
    margin-left: 2.933333333333333vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .slider {
    margin-left: 1.3333333333333333vw;
  }

  .progress-bar {
    height: 1.0666666666666667vw;
  }

  .progress-design {
    top: -1.3866666666666667vw;
    height: 0.5333333333333333vw;
  }

  .song-timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .playerbtn {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 0vw;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .playerbtn.pausetlac {
    margin-left: 0.8vw;
  }

  .progress-area {
    width: 48vw;
    height: 2.1333333333333333vw;
  }

  .songs {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .songname {
    min-width: 46vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .max-duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 18.4vw;
    padding-right: 8vw;
    padding-left: 4.266666666666667vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .jmenopisne {
    font-size: 5.333333333333333vw;
    line-height: 5.333333333333333vw;
  }

  .text-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-block-5 {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .text-block-6 {
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .image-14 {
    margin-left: 0vw;
  }

  .link-block-3 {
    margin-left: 37.333333333333336vw;
  }

  .link-block-3.w--current {
    margin-top: 10.666666666666666vw;
  }

  .image-16 {
    width: 14.933333333333334vw;
    height: 14.933333333333334vw;
  }

  .div-block-22 {
    margin-top: 10.666666666666666vw;
  }

  .text-block-7 {
    margin-left: 6.4vw;
    font-size: 5.333333333333333vw;
    line-height: 6.133333333333334vw;
  }

  .link-block-4 {
    padding-top: 2.6666666666666665vw;
    padding-right: 2.6666666666666665vw;
    padding-bottom: 2.6666666666666665vw;
  }

  .div-block-23 {
    width: 87.2vw;
    height: 65.33333333333333vw;
  }

  .div-block-25 {
    width: 100vw;
    margin-right: 0px;
  }

  .div-block-26 {
    overflow: hidden;
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-27 {
    overflow: hidden;
    width: 100vw;
    margin-right: 0px;
  }

  .image-18 {
    max-width: 97vw;
    margin-top: 56px;
    margin-left: 2px;
  }

  .text-block-8 {
    margin-left: 24px;
  }

  .text-block-9 {
    margin-left: 24px;
  }

  .text-block-10 {
    margin-left: 24px;
  }

  .div-block-28 {
    max-width: 100vw;
  }

  .div-block-29 {
    max-width: 100vw;
  }

  .div-block-30 {
    max-width: 100vw;
  }

  .heading-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}