*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}

ul {
  list-style: none;
}

@font-face {
    font-family: "Helevetica Neue LT 53 Extended";
    src: url("fonts/Helvetica_Neue_LT_Pro/HelveticaNeueLTPro-Ex.otf") format("opentype");
}

@font-face {
    font-family: "Helevetica Neue LT 93 Black Extended";
    src: url("fonts/Helvetica_Neue_LT_Pro/HelveticaNeueLTPro-BlkEx.otf") format("opentype");
}

@font-face {
    font-family: "Helevetica Neue LT 73 Bold Extended";
    src: url("fonts/Helvetica_Neue_LT_Pro/HelveticaNeueLTPro-BdEx.otf") format("opentype");
}

@font-face {
    font-family: "Helevetica Neue LT 63 Medium Extended";
    src: url("fonts/Helvetica_Neue_LT_Pro/HelveticaNeueLTPro-MdEx.otf") format("opentype");
}

@font-face {
    font-family: "Helevetica Neue LT 55 Roman";
    src: url("fonts/Helvetica_Neue_LT_Pro/HelveticaNeueLTPro-Roman.otf") format("opentype");
}

html,
body {
  min-width: 320px;
  width: 100%;
  height: 100%;
  font-family: "Helevetica Neue LT 53 Extended", sans-serif;
/*  overflow-x: hidden;*/
}

body.active .form-succes-load {
  display: flex !important;
}

.termsfeed-com---palette-dark .cc-nb-okagree {
  background-color: #B1897D !important;
  color: white !important;
}

.termsfeed-com---palette-dark .cc-nb-reject {
  background-color: #B1897D !important;
  color: white !important;
}

.termsfeed-com---palette-dark .cc-cp-foot-save {
  background-color: #B1897D !important;
  color: white !important;
}

.site_wrapper_whole {
}

.site_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.background {
  position: fixed;
  top: 0;
  z-index: -1;
  min-height: 100vh;
  min-width: 100vw;
  height: 100%;
  width: 100%;
}

.info-bar {
  width: 100%;
  background: #B1897D;
  text-align: center;
  position: relative;
}
.info-bar-second {
  background: #9D7569;
}
.info-bar-abs {
  position: absolute;
  top: 80px;
}
.info-bar p {
  font-size: 15px;
  padding: 15px 10px 11px 10px;
}
@media (max-width: 550Px) {
  .info-bar p {
    font-size: 12px;
    line-height: 15px;
    padding: 10px 10px 8px 10px;
  }
}
.info-bar a {
  text-decoration: underline;
}

h1,
h2,
h3,
p, input {
  line-height: 100%;
}

input {}

h1 {
  font-size: 64px;
}

a {
  color: inherit;
}

.margin-top-10 {
  margin-top: 10px;
}

.normal_less {
  font-weight: 400;
}

.normal {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.stroke {
  -webkit-text-stroke: 3px white;
}

.stroke_medium {
  -webkit-text-stroke: 2px white;
}

.stroke_less {
  -webkit-text-stroke: 1px white;
}

.color_white {
  color:  white !important;
}

.color_black {
  color:  black !important;
}

.container {
  max-width: 1200px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  margin:0 auto;
  padding-top: 120px;
  padding-bottom: 50px;
}

.condition h1 {
  font-size: 28px;
  margin-bottom: 23px;
  font-weight: 400;
  letter-spacing: 0;
}

.condition p {
  font-size: 15px !important;
  line-height: 22px !important;
}

.condition ul {
  margin: 10px;
  padding: 10px;
  list-style: circle !important;
  margin-top: 0;
  padding-top: 0;
}
.condition ul::before, .condition ul::after {
  list-style: circle !important;
}

.gray-box {
  background: #eceded;
  padding: 30px 10px;
  margin-top: 10px;
}

.gray-box h2 {
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top: 0 !important;
  margin-bottom: 10px;
  text-transform: initial;
}


.center {
  display: flex;
  
  justify-content: center;
  align-items: center;
}

.align {
  text-align: center;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.size {
  width: 90%;
  margin: 0 auto;
}

.display {
  display: none;
}

.button {
  user-select: none;
  background-color: #B1897D;
  -webkit-appearance:none !important;
  -webkit-border-radius:0px !important;
  border-radius:0 !important;
  padding: 11px 0;
}

.button p {
  font-family: "Helevetica Neue LT 73 Bold Extended", sans-serif;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: -4px;
  padding: 0 18px;
}

input[type="submit"] {
  -webkit-appearance:none !important;
  -webkit-border-radius:0px !important;
  border-radius:0 !important;
}

.white {
  color: white;
}

.background_white {
  background-color: white;
}

.background_black {
  background-color: black;
}

.background_red {
  background-color: #8f2840;
}

.background_fanklub {
  background-color: #4469B0;
}

.background_blue {
  background-color: #D39037;
  color:  black !important;
  -webkit-text-stroke: 1px black !important;
}

.background_brown {
  background-color: #B1897D;
}

.background_blue p {
  color:  black !important;
  -webkit-text-stroke: 1px black !important;
}

.background_yellow {
  background: #D39037;
}

.kmt {
  color: #D39037;
}

.black {
  color: black;
}

.max_width {
  max-width: 1000px;
}

.hide {
  display: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.blur {
  filter: blur(5px);
  transform: scale(1.1);
}

.absolute_padding {
  padding-top: 103px;
}

.absolute_padding__bar {
  padding-top: 133px !important;
}

.form-succes-load {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 99999999;
  justify-content: center;
  align-items: center;
}
.form-succes-load img {
    width: 50px;
  }
.form-succes-load.active {
  display: flex;
}

/* Header */
.header_wrap__abs {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99999;
}
.header_wrap {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99999;
}
.header_wrap__rel {
  position: relative;
}
.header_wrap.white_background.fix {
  width: 100%;
  top: 0;
  position: fixed;
  z-index: 100000;
  animation: smoothScroll .6s forwards;
  background: rgba(177, 137, 125, 0.83);
  margin-top: 0;
} 
.header_wrap.white_background .head_logo {
  color: black;
}
.header_wrap.white_background.fix header {
  height: 70px;
  padding-top: 0;
} 
.header_wrap.black_background.fix {
  position: fixed;
  z-index: 100000;
  animation: smoothScroll .6s forwards;
  background: rgba(0, 0, 0, 0.83);
  margin-top: 0;
} 
.header_wrap.black_background.fix header {
  height: 70px;
  padding-top: 0;
} 
@keyframes smoothScroll {
    0% {
      transform: translateY(-200px);
  }
  100% {
      transform: translateY(0);
  }
}

header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px !important;
  padding-bottom: 20px;
}
@media (max-width: 550px) {
  header {
    padding-top: 20px !important;
  }
}

.nav_active {
  font-weight: bold !important;
}

.head {
  align-items: center;
  justify-content: center;
}

.head li  {
  margin-right: 34px;
  font-size: 18px;
}

@media (max-width: 1080px) and (min-width: 993px) {
  .head li {
    font-size: 15px;
    margin-right: 25px;
  }
}

.head li a {
  font-style: normal;
  font-weight: 400;
}

.head li:last-child {
  margin-right: 0px;
}

.nav_lastchild {
  margin-left: 34px;
}

.head_logo {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: -10px;
  color:  white;
  font-family: "Helevetica Neue LT 93 Black Extended", sans-serif;
}

@media (max-width: 1175px) {
  .head_logo {
    margin-right: auto;
  }
}

.shop {
  width: 89px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.shop p {
  font-size: 15px;
  font-weight: bold;

}

header .home,
.click {
  position: absolute;
  right: 0rem;
}

.click, .pop_closer {
  appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
}



/* footer */

footer {
  max-width: 1200px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 22px;
  padding-top:40px;
}

.firmy {
  width: 180px;
  z-index: 999999;
}

.firmy p{
  font-size: 15px;
  margin-top: 10px;
}

footer img,
.menu img {
  height: 29px;
}

.socials div a:not(:last-child) {
  margin-right: 12px;
}

.socials {
  /*width: 142px;*/
  flex-direction: column;
  z-index: 99999;
}

.socials_center {
  position: absolute;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
}

.socials p {
  margin-top: 10px;
  font-size: 14px;
}

.socials a, .socials_all {
  height: 29px;
}

.socials_all {
  display: none;
}

.socials svg,
.socials_all svg,
.menu_socials svg {
  height: 29px;
}

.flex_self {
  justify-content: flex-end;
  align-items: center;
}

input {
  cursor: pointer;
}

/* menu */

.menu {
  align-items: flex-start;
  flex-direction: column;
}

.menu_display_activate {
  display: none;
}


.menu_main {
  margin-top: 68px;
  margin-bottom: 20px;
}

.menu_main p {
  opacity: 0.55;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 18px;
}

.menu .shop {
  max-width: 121px;
  width: 100%;
  height: 42px;
}

.menu .shop p {
  opacity: 1;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
}

.menu_main a[href="./smecka.html"] p {
  margin-bottom: 68px;
}


.menu .menu_h1_active {
  opacity: 1;
  font-weight: 400;
}

.menu p:hover {
  opacity: 1;
  font-weight: 400;
}

.menu .firmy {
  width: 90vw;
  margin-bottom: 16px;
}



/* main */

.background_main {
  background-image: url("./photos/jelen_homepage_v1.png");
  /*background-position-y: 15%;
  background-position-x: 7%;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main_home {
  flex-direction: column;
  margin: auto auto 0 auto;
}

.main_home_subtitle {
  font-family: "Helevetica Neue LT 93 Black Extended", sans-serif;
  font-size: 30px;
  line-height: 80px;
}

.main_home h1 {
  font-family: "Helevetica Neue LT 93 Black Extended", sans-serif;
  font-size: 60px;
  line-height: 55px;
  margin-bottom: 10px;
}

@media (min-width: 551px) {
  .main_home h1 span {
    font-size: 40px;
    line-height: 35px;
  }
}

.main_home .band {
  font-size: 35px;
  line-height: 57px;
  margin-bottom: 18px;
  font-weight: 500;
}

.main_buttons__box a {
    flex: 1;
}
/* .main_buttons .main_buttons__box a:first-child {
    margin-right: 12px;
} */

.fanklub_buttons {
  width: 100%;
  margin-top: 10px;
}

.fanklub_buttons .button {
  padding: 9px 0;
}

.fanklub_buttons a {
  width: 100%;
  height: 35px;
  font-size: 20px;
  line-height: 20px;
}

.fanklub_buttons a div img {
  width: 16px;
  margin-right: 5px;
  margin-left: 8px;
}
/* 
pop up */

.newsletter-box {
  display: none;
}

#contactform {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pop_up {
  position: fixed;
  width: 393px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999;
  flex-direction: column;
}

.pop_up h3 {
  font-size: 28px;
  margin-bottom: 20px;
  color: white;
  font-family: "Helevetica Neue LT 93 Black Extended", sans-serif;
}


.pop_up p {
  width: 100%;
  max-width: 293px;
  margin: 0 auto;
  margin-bottom: 26px;
  font-size: 13px;
  line-height: 18px;
}

.form-error {
  color: red;
}

.form-error p {
  margin: 0 0 5px 0 !important;
}

.flash-message p {
  margin: 0 0 10px 0 !important;
  color: #008000;
}

.pop_email {
  text-align: center;
  max-width: 271px;
  width: 100%;
  border: 3px solid white;
  height: 54px;
  letter-spacing: -0.89px;
  font-size: 15px;
  color: #AEAEAE;
  margin-bottom: 18px;
  outline: none;
  background: black;
  color: white;
}

.pop_email::placeholder {
  opacity: 0.7;
  color: #AEAEAE;
}


input[type="checkbox"] {
  appearance: none;
  margin: 0;
  border-radius: 0px;
  cursor: pointer;
  background: transparent;
  border: 2px solid white;
  width: 21px;
  height: 19px;
  display: grid;
  place-content: center;
}

input[type="checkbox"]:checked::before {
  content: "";
  width: 11px;
  height: 10px;
  box-shadow: inset 1em 1em white;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.pop_up label {
  margin-left: 18px;
  color: white;
  font-size: 11px;
  line-height: 13px;
  max-width: 226px;
}

.pop_check {
  margin-bottom: 23px;
}

.submit_pop {
  border: none;
  font-weight: 500;
  max-width: 233px;
  width: 100%;
  height: 40px;
  font-size: 15px;
  line-height: 15px;
  font-family: "Helevetica Neue LT 73 Bold Extended";
}

.pop_opacity {
  opacity: 0.4;
  background: #B4BCC0;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 999999999;
}

.pop_closer {
  position: absolute;
  top: 23px;
  right: 21px;
  height: 16px;
  width: 17px;
}

/* kontakt*/

.kontakt_background {
  background-color: #ce8f63;
}

.kontakt_color {
  color: #D39037;
}

.kontakt_foto {
  position: fixed;
  top: 0;
  left: 0;
  background: url("./photos/jelen_kontakt_v1.png");
  background-position-x: 40%;
  background-position-y: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.main_kontakt {
  margin: auto;
}

.main_infopage {
  margin: auto;
}

.infopage {
  margin: auto;
  margin-top: 18px;
  max-width: 450px;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 0;
}

.infopage_bigger {
  max-width: 900px;
}

.kontakty {
  margin: 0 auto;
  margin-top: 18px;
  max-width: 411px;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.kontakty .info {
  margin: 0 auto;
}

.info p {
  font-size: 15px;
  line-height: 20px;
  font-family: "Helevetica Neue LT 55 Roman", sans-serif;
  color:  white;
}

.info p:last-child {
  margin-bottom: 22px;
}

.info .bold {
  font-size: 18px;
}

/*.info:nth-child(2) p:nth-child(2) {
  margin-right: 40px;
}*/

.infopage_h1 {
  margin: 0 auto !important;
}

.kontakt_h1 {
  margin-top: 40px;
  line-height: 76px;
  font-family: "Helevetica Neue LT 93 Black Extended";
}

.smecka_h1 {
  text-align: center;
  margin-left: 0 !important;
  color:  white !important;
  margin-top: 20px !important;
  text-transform: uppercase !important;
}

/* smecka */

.smecka_foto {
  position: fixed;
  top: 0;
  left: 0;
  background: url("./photos/jelen_fanklub_v1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  z-index: -3;
}

.main_smecka {
  margin: auto;
}

.smecka {
  max-width: 411px;
  margin: 24px auto 0 auto;
}

.smecka_all {
  align-items: center;
  flex-direction: column;
}

.smecka p:nth-child(1) {
  max-width: 411px;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 30px;
  text-align: center;
}

.smecka_email {
  text-align: center;
  max-width: 326px;
  width: 100%;
  border: 3px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
  height: 54px;
  font-size: 14px;
  letter-spacing: -1.31px;
  color: #FFFFFF;
  outline: none;
}

.smecka_email::placeholder {
  opacity: 0.65;
  font-size: 18px !important;
}

.smecka_check {
  margin: 18px 0px;
  font-size: 10px;
  line-height: 22px;
}

.smecka_check label {
  margin-left: 12px;
}

.smecka input[type="checkbox"] {
  border: 1px solid white;
  width: 16px;
  height: 15px;
}

.smecka input[type="checkbox"]:checked::before {
  box-shadow: inset 1em 1em white;
}

.submit_smecka {
  max-width: 297px;
  width: 100%;
  background-color: #B1897D;
  font-family: "Helevetica Neue LT 73 Bold Extended";
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.submit_smecka span {
  padding: 13px 0;
  margin-bottom: -4px;
  display: block;
}

.funklub_smecka {
  max-width: 297px;
  width: 100%;
  height: 45px;
  border: none;
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto 30px auto;
  text-transform: uppercase;
}

.funklub_smecka p {
  margin-left: 0;
  padding: 0;
}

@media (max-width: 425px) {
  .funklub_smecka {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.funklub_smecka a {
  width: 100%;
}

.funklub_smecka a div img {
  width: 21px;
  margin-right: 10px;
}

/* video */
.video_background {
  background: url("./photos/jelen_videa_v1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 0%;
  background-position-y: 0%;
}

.videa_main {
  min-height: calc(100vh - 194px);
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
}

.videa {
  grid-template-columns: repeat(3, 1fr);
  gap: 33px 18px;
  width: 100%;
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.video {
  width: 100%;
  flex-direction: column;
  gap: 21px;
}

.scaler {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  border: 2px solid white;
  background-color: black;
}

.scaler iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video p {
  font-size: 20px;
}

.video_box {
  position: relative;
  margin: 30px 0 40px 0;
}

.video_box button {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
}

@media (max-width:768px) {
  .video_box button {
    display: none;
  }
}

@media (max-width: 425px) {
  .video_box button img {
    height: 60px;
  }
  .video_box button {
    padding-bottom: 40px;
  }
}

.video_box video {
  max-width: 900px;
  width: 100%;
  height: auto;
  outline:none !important;
}

/* koncert */

.background_koncert {
  background-image: url("./photos/jelen_koncerty_v1.png");
  background-position-x: 40%;
  background-position-y: 10%;
  background-repeat: no-repeat;
  background-size: cover;
}

.main_koncert {
  margin-top: 121px;
  margin-bottom: 121px;
  flex-direction: column;
  gap: 15px;
  max-width: 1300px;
  min-height: calc(100vh - 356px);
}

.main_koncert__o2arena {
  min-height: 0 !important;
  margin: auto !important;
  padding: 30px 0 !important;
}

.koncert_center {
  /*width: 195px;*/
  margin: 0 30px 0 30px;
  font-family: "Helevetica Neue LT 73 Bold Extended";
}

@media (max-width: 550px) {
  .koncert_center__o2arena br {
    display: none;
  }
}

.koncert a {
  justify-content: flex-end;
}

.koncert {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 900px;
  color: white;
  background: rgba(0,0,0,0.6);
  padding: 14px 11px;
}

.koncert p {
  font-size: 22px;
  margin-bottom: -4px;
}

.koncert p:nth-child(2) {
  flex: 1;
  color:  white;
}

.koncert .button {
  text-transform: uppercase;
  color: black;
  background: white;
}

.koncert .button p {
  font-family: "Helevetica Neue LT 73 Bold Extended";
  font-size: 13px;
}

.koncert .button p span {
  color: black;
}
.koncert .button p span:first-child {
  margin-right: 3px;
}

.start {
  text-align: start;
}

/*o mne*/

.omne_h1 {
  text-align: center;
  margin: 70px auto 0 auto;
  padding: 0;
  max-width: 450px;
  font-style: normal;
  font-weight: 400;
  font-size: 84px;
  line-height: 70px;
  color:  black;
  text-transform: uppercase;
  font-family: "Helevetica Neue LT 93 Black Extended";
}

.story_background {
  background: url("./photos/story.png");
  background-position-x: 40%;
  background-position-y: 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ja_main {
}

.ja_main img {
  width: 100%;
}

.opacity06 {
  opacity: 0.6;
}

.double {
  max-width: 826px;
  margin-top: 80px;
  margin-bottom: 63px;
  display: flex;
  flex-direction: column;
}

.double p {
  color: black;
  margin-top: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 15px;
  padding-left: 30px;
}

.story_second {
  margin-top: 90px;
  margin-bottom: 60px;
}

.story_text {
  /*text-align: justify;*/
  flex-direction: column;
}

.story_flex {
  display: flex;
  flex-direction: row;
}

.story_image {
  flex: 1;
}

.story_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story_text {
  flex: 1;
}

.story_kontakt {
  margin-top: 30px;
}

.story_text p {
  font-size: 15px;
  line-height: 22px;
}

.kontakt_ja p {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.story {
  grid-template-areas:
    "title text"
    "image text"
    "image text"
    "image kontakt";
    gap: 41px;
    max-width: 826px;
}

.kontakt_ja, .novinky_clanek {
  align-items: center;
  justify-content: flex-start;
}

.kontakt_ja svg, .novinky_clanek svg {
  height: 15px;
  transform: translate(3px, 2px);
}

.ja_text {
  font-size: 64px;
  letter-spacing: -3.81px;
  line-height: 57px;
  max-width: 826px;
  margin-top: 94px;
  margin-bottom: 57px;
  text-align: center;
  color:  black;
}

.fotogalerie {
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  max-width: fit-content;
}

.fotografie {
  max-width: 277px;
  height: 100%;
}

.casopisy {
  grid-template-areas:
    "one two two"
    "one four five"
    "three four five"
    "six six six";
    gap: 8px 8px;
    max-width: 858px;
}

.casopis {
  margin: 0;
  display: block;
}

.casopis img {
  object-fit: cover;
  height: 100%;
  display: block;
}

.media {
  margin-bottom: 67px;
}

.casopis:nth-child(1) {
  grid-area: one;
}
.casopis:nth-child(2) {
  grid-area: two;
}
.casopis:nth-child(3) {
  grid-area: three;
}
.casopis:nth-child(4) {
  grid-area: four;
}
.casopis:nth-child(5) {
  grid-area: five;
}
.casopis:nth-child(6) {
  grid-area: six;
}

/* novinky */

.novinky_main {
  margin-bottom: 150px;
  /*min-height: calc(100vh - 264px);*/
}
.all {
  min-height: calc(100vh - 267px);
}

.novinky, .novinky_detail {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-content: center;
  align-items: center;
  max-width: 900px;
}

.novinky {
  margin-top: 80px;
  gap: 50px 60px;
}

.novinka {
  height: 100%;
  flex-direction: column;
  max-width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}

.novinka img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

@media (max-width: 425px) {
  .novinka img {
    height: 150px;
  }
}

.novinka p {
  margin-top: 14px;
  margin-bottom: 15px;
  font-size: 20px;
  font-family: "Helevetica Neue LT 63 Medium Extended", sans-serif;
  line-height: 26px;
  font-weight: bold;
}

.novinky_clanek p {
  flex: 1 0 auto;
  margin: 0px;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}

.novinka_button {
  margin-top: auto;
}

.nacist_main {
  margin-top: 72px;
  width: 185px;
  height: 43px;
  font-size: 18px;
}

.nacist {
  cursor: pointer;
}

.detail_title {
  font-weight: 700;
  max-width: 800px;
}

.detail_main {
  max-width: 800px;
  flex-direction: column;
  margin-bottom: 82px;
  margin-top: 54px;
}

.detail_main img {
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.detail_main iframe {
  width: 100%;
}

.detail_title {
  font-size: 45px;
  line-height: 51px;
  font-weight: bold;
  margin-top: 83px;
  margin-bottom: 54px;
}

.hodiny {
  margin-bottom: 28px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.hodiny p {
  margin-left: 13px;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: -4px;
  color: black;
}

.hodiny img {
  width: 22px;
  height: 22px;
}

.detail_main p {
  line-height: 24px;
  font-size: 15px;
}

.detail_photo img{
  max-width: 1300px;
  width: 100%;
}

.detail_video {
  max-width: 738px;
  width: 100%;
  margin-top: 67px;
  margin-bottom: 67px;
}

.detail_video .scaler{
  border: none;
}

.novinky_detail_main {
    flex-direction: column;
    align-items: center;
}

.novinky_title {
    max-width: 736px;
    width: 100%;
    font-size: 20px;
    line-height: 51px;
    font-family: "Helevetica Neue LT 93 Black Extended";
    margin-bottom: 22px;
}

.novinky_detail {
  gap: 44px 60px;
  margin-bottom: 126px;
}

@media (max-width: 1100px) {
  .nav_ul {
    position: relative;
  }
}

@media only screen and (max-width: 992px) {
header .home,
.head, .socials {
  display: none;
}

header {
  justify-content: flex-start;
  /*padding-top: 27px;*/
  z-index: 999999;
}

.site_wrapper {
  min-height: 520px;
}

.menu {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 100%;
}

.menu_main {
  margin-top: 133px;
}

.menu_main__topbarmargin {
  margin-top: 150px;
}

.menu_flex {
  margin-top: auto;
}

.display,
.click {
  display: block;
}

.main_home_subtitle {
  font-size: 23px;
  line-height: 60px;
}

.main_home h1 {
  font-size: 50px;
  line-height: 53px;
}

.main_home .band {
  font-size: 23px;
  margin-bottom: 0px;
}

.socials_all {
  display: flex;
  order: 1;
  margin-bottom: 20px;
  gap: 12px;
}

.menu socials_all {
  margin-top: 0px;
}

.firmy {
  order: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.firmy a {
  order: 2;
}

.firmy img {
  height: 24px;
}

.firmy p {
  margin-top: 0px;
}

footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
}


/*kontakt*/
.main_kontakt {
  grid-template-columns: 1fr;
}

.kontakt_h1 {
  font-size: 36px;
  line-height: 40px;
  margin: 72px 0px 30px;
  color: white;
}


.kontakt_background {
  background-color: black;
}

.kontakt_foto {
  width: 100%;
  background-position-x: 10%;
  background-position-y: 100%;
}

.kontakty {
  text-align: center;
  align-items: center;
  grid-column: 1/1;
  width: 100%;
  color: white;
  margin: 0px;
  max-width: 100%;
}

.info {
  max-width: 334px;
}

/* smecka */

.smecka_foto {
  width: 100%;
  z-index: -2;
}

.smecka_background {
  opacity: 0.7;
}

.main_smecka {
  grid-template-columns: 1fr;
/*  min-height: calc(100vh - 300px);*/
}

.smecka {
  margin: 0;
  padding: 0;
  grid-column: 1/1;
  max-width: 100vw;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.smecka_h1 {
  margin-top: 0 !important;
}

.smecka_h1 h1 {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px !important;
}

.smecka p:nth-child(1) {
  max-width: 333px;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
}

.smecka_email {
  max-width: 287px;
  height: 43px;
  font-size: 18px;
  border: 2px solid white;
}

.smecka_check {
  margin: 10px 0px 20px 0;
  font-size: 12px;
  line-height: 16px;
  max-width: 287px;
  width: 100%;
  justify-content: flex-start;
}
.smecka_check label {
  margin-left: 24px;
  max-width: 195px;
  text-align: start;
}

.smecka input[type="checkbox"] {
  border: 1px solid white;
  width: 22px;
  height: 20px;
}

.submit_smecka {
  font-size: 16px;
}

.funklub_smecka {
  max-width: 241px;
  padding: 0;
}

.funklub_smecka a p {
  font-size: 14px;
}

.funklub_smecka img {
  width: 16px !important;
}

/* video */

.videa_main {
  margin-top: 32px;
  min-height: calc(100vh - 251px);
  align-items: flex-start;
  justify-content: flex-start;
}

.videa {
  grid-template-columns: repeat(2, 1fr);
}


/* koncert */

.background_koncert {
  filter: blur(5px);
  opacity: 0.85;
  transform: scale(1.1);
}

.main_koncert {
  margin-top: 74px;
  margin-bottom: 74px;
  min-height: calc(100vh - 337px);
  gap: 45px;
}

.koncert {
  flex-direction: column;
}

.koncert .start {
  order: 1;
}
.koncert  a {
  order: 3;
}
.koncert .koncert_o2arena {
  order: 3;
}
.koncert p:nth-child(2) {
  order: 2;
  margin-top: 8px;
  margin-bottom: 14px;
  max-width: 300px;
}

.koncert_width {
  width: auto;
}

.omne_h1 {
  margin: 60px auto 0 auto;
  font-size: 54px;
  line-height: 60px;
  max-width: 300px;
}

.double { 
  margin-top: 60px;
  margin-bottom: 48px;
}

.story {
  max-width: 644px;
  grid-template-areas: "title" "text" "kontakt";
  gap: 29px;
}

.story_grid:nth-child(1) p {
  font-size: 36px;
  line-height: 38px;
}

.story_grid:nth-child(2) {
  display: none;
}

.story_grid:nth-child(3) p {
  font-size: 13px;
  line-height: 20px;
  max-width: 100%;
}

.kontakt_ja {
  justify-content: flex-end;
}

.ja_text {
  margin-top: 33px;
  margin-bottom: 39px;
  font-size: 36px;
  line-height: 57px;
  max-width: 644px;
}


.media .ja_text {
  line-height: 37px;
  margin-bottom: 39px;
  margin-top: 39px;
}

.fotogalerie {
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}

/* novinky */

.novinky, .novinky_detail {
  grid-template-columns: repeat(2, 1fr);
}


.novinky {
  gap: 33px 20px;
  margin-top: 44px;
}

.novinka p {
  font-size: 18px;
  line-height: 21px;
}

.novinky_clanek p {
  font-size: 13px;
}

.nacist_main {
  margin-top: 60px;
  margin-bottom: 72px;
}

.hodiny {
  margin-bottom: 26px;
}

.hodiny p {
  margin-left: 9px;
  font-size: 12px;
}

.hodiny img {
  width: 14px;
  height: 14px
}

.detail_title {
  font-size: 25px;
  line-height: 29px;
  margin-top: 50px;
  font-family: "Helevetica Neue LT 63 Medium Extended";
  margin-bottom: 34px;
}

.detail_text {
  max-width: 494px;
  line-height: 20px;
  font-size: 13px;
}

.detail_photo {
  width: 100%;
}

.detail_main {
  margin-top: 36px;
  margin-bottom: 35px;
}

.detail_video {
  margin-top: 45px;
  margin-bottom: 45px;
}

.novinky_title {
  /*max-width: 333px;*/
}

.novinky_detail {
  gap: 44px 20px;
  margin-bottom: 119px;
}

.all {
  min-height: calc(100vh - 234px);
}

.novinky_main {
  min-height: calc(100vh - 233px);
}

.ja_main {
  min-height: calc(100vh - 230px);
}


}

.diky_foto {
  position: fixed;
  top: 0;
  left: 0;
  background: url("./photos/jelen_diky_v1.png");
  background-position-x: 60%;
  background-position-y: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  z-index: -3;
}

#videoBackground {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(calc((100% - 100vw) / 2));
  z-index: -2;
}

.videoOverlay {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.playBackgroundVideo {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0 auto;
}

.video_iframe {
  display: none;
}

/*@media (max-width:600px) {
  #videoBackground { 
    display: none;
  }
  .videoOverlay {
    display: none;
  }
  .playBackgroundVideo {
    display: none;
  }
  .playBackgroundVideo img {
    width: 65px;
  }
  .video_iframe {
    width: 100%;
    border:none;
    display: block;
    margin:0 auto 20px auto;
  }
  .iframe_second {
    margin:20px auto 0 auto !important;
  }
}*/

.playBackgroundVideo:hover {
  opacity: 0.9;
}

@media (max-width: 600px) {
  .novinky, .novinky_detail {
    grid-template-columns: 1fr;
  }

  .novinky {
    gap: 33px;
    margin-top: 44px;
  }
}

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

  .background_main {
    background-position-y: 15%;
    background-position-x: 60%;
  }

  .pop_closer {
    top: 20px;
    right: 18px;
    height: 14px;
    width: 14px;
  }
  
  .pop_up {
    max-width: 334px;
    width: 100%;
    height: 405px;
  }

  .pop_up h3 {
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 1px;
  }
  
  .pop_up p {
    max-width: 247px;
    margin-bottom: 17px;
    font-size: 12px;
    line-height: 17px;
  }
  
  .pop_email {
    max-width: 216px;
    height: 46px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 13px;
  }


  .pop_up label {
    margin-left: 14px;
    font-size: 11px;
    line-height: 13px;
    max-width: 194px;
  }

  .pop_check {
    margin-bottom: 17px;
  }

  .submit_pop {
    max-width: 189px;
    height: 45px;
    font-size: 13px;
    line-height: 13px;
  }

  /* video */

  .videa {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .video {
    gap: 30px;
  }

  .detail_title {
    max-width: 299px;
  }

  .casopisy {
    gap: 5px 3px;
  }
  .double {
    margin-top: 40px !important;
  }
  .omne_h1 {
    margin: 40px auto 0 auto;
    font-size: 45px;
    line-height: 50px;
    max-width: 300px;
  }

}

@media (max-width: 650px) {
  .story_image {
    display: none;
  }
  .double p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 23px;
    padding-left: 0;
  }
}

@media (max-width: 340px) {
  .main_buttons {
    flex-direction: column;
  }

  .main_buttons a:nth-child(2) {
    margin-top: 10px;
  }
}


@media only screen and (max-height: 691px) and (max-width: 850px){ 
  .menu_main {
    margin-top: 133px;
  }

  .menu_main a[href="./smecka.html"] p {
    margin-bottom: 20px;
  }

  .kontakt_h1 {
    margin: 30px 0px;
  }

  .infopage_h1 {
    margin: 30px 0px 10px;
  }
  
  .main_kontakt {
  }
  .main_smecka {
  }

}

@media only screen and (max-height: 600px) {  
  .menu_flex .socials_all {
    margin-bottom: 20px;
  }
}

@media (max-width: 550px) {
  .main_buttons__box {
    flex-direction: column;
  }
  .main_buttons .main_buttons__box a:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .main_buttons a:nth-child(2) {
    margin-top: 0;
  }
  .fanklub_buttons a div img {
    margin-left: 10px;
  }
  .smecka_h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .mainh1 {
    font-size: 35px !important;
    line-height: 40px !important;
  }
  .submit_smecka {
    font-size: 14px;
  }
}