@media all {
    span,
    h1 {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }
    .konf h1 {
      text-align: center;
      margin: 7%;
      margin-bottom: 0;
      padding-bottom: 4%;
      margin-top: 5%;
    }
    h2.black {
      color: black;
      font-size: 30px;
      line-height: 1.425;
      letter-spacing: -0.01239em;
    }
    h1 {
      padding: 0;
      font-size: 45px;
      font-family: sans-serif;
      letter-spacing: 0.03em;
      color: var(--color-red);
      font-family: "transducer-bold";
      line-height: 100%;
      padding-bottom: 30px;
    }
    @media screen and (max-width: 1024px) {
      h1 {
        font-size: 40px;
        padding-bottom: 30px;
      }
      h2.black {
        font-size: 20px;
      }
    }
    @media screen and (max-width: 600px) {
      h1 {
        font-size: 28px;
        padding-bottom: 30px;
      }
      h2.black {
        font-size: 18px;
      }
    }
    @media print {
      h1 {
        padding-bottom: 30px;
        font-size: 30px;
      }
    }
  }
  /*! CSS Used from: https://www.kostkakolobezky.cz/themes/khstheme/css/print.css?2 ; media=all */
  @media all {
    @media print {
      h1 {
        position: absolute;
        top: 80px;
      }
    }
  }


  /*! CSS Used from: https://www.kostkakolobezky.cz/themes/khstheme/css/style.css?2 ; media=all */
@media all {
    div,
    h2,
    form {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }
    form.moje-kolobka {
      margin: auto;
      display:flex;
      flex-direction:column;
      align-items: center;
    }
    .moje-kostka-form {
        padding: 30px;
        border-radius: 5px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .moje-kolobka > div.mkform__body {
        border-radius: 5px;
        padding: 30px 30px 0px 30px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .moje-kolobka > div > div.mkform__field__row {
      width: 100%;
      display: flex;
      justify-content: space-between;
  }
    .moje-kolobka input[type="submit"] {
      width: 50%;
      font-size: 16px;
      filter: drop-shadow(1px 1px 4px rgb(0 0 0 / 0.1));
    }
    .moje-kolobka input[type="submit"]:focus {
        border: 0px;
        outline:none;
      }
    .moje-kolobka input {
        font-size: 14px;
    }
    .moje-kolobka input:focus {
        border: 2px solid black;
        outline:none;
      }
    .moje-kolobka textarea {
      font-size: 14px;
      width: 100%;
      box-sizing: border-box;
      margin: auto;
      min-height: 230px;
      line-height: 20px;
      height: 230px;
      border: 2px solid var(--color-red);
      border-radius: 5px;
      padding: 6px 10px;
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .moje-kolobka textarea:focus {
        border: 2px solid black;
        outline:none;
    }
    .mk__icon {
        font-size: 20px;
        line-height: 0.95;
        color: #3a3a3a;
        cursor:help;
    }
    .mkform__description {
        font-size: 12px;
        color: #7c7c7c;
        padding: 0px 40px 0px 40px;
        text-align: center;
    }
    .mkform__field {
        margin-bottom: 30px;
    }
    .mkform__caption {
        font-size: 15px;
        text-transform: uppercase;
    }
    .mkform__required {
        color: var(--color-red);
        padding-left: 2px;
        font-size: 12px;
        vertical-align: text-top;
    }
    p.mkform__required {
      font-size:12px;
    }
    h2 {
      text-align: center;
      font-size: 30px;
      font-family: sans-serif;
      letter-spacing: 0.05em;
      color: var(--color-red);
      font-family: "transducer-bold";
      line-height: 100%;
      padding-bottom: 30px;
    }
    #module-kostkator-moje .wrap-main {
      max-width: 1500px;
      padding: 30px;
    }
    .konf .wrap-main {
      max-width: 1700px;
      padding: 0;
      margin: auto;
    }
    .konf h2 {
      padding-bottom: 20px;
    }
    input {
      padding: 10px 10px;
      line-height: 35px;
      height: 50px;
      border: 2px solid var(--color-red);
      border-radius: 5px;
      width: 100%;
      background: transparent;
      box-sizing: border-box;
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    input[type="submit"] {
      background: var(--color-red);
      color: white;
      display: inline-block;
      width: inherit;
      float: right;
      cursor: pointer;
      transition: all ease 0.3s;
      appearance: none;
      -webkit-appearance: none;
    }
    input[type="submit"]:hover {
      background: black;
    }
    .wrap-main {
      margin: auto;
      margin-bottom: 2%;
      padding-top: 3%;
    }
    textarea {
      padding: 10px;
      border: 2px solid var(--color-red);
      width: 100%;
      box-sizing: border-box;
    }
    @media screen and (max-width: 1024px) {
      h2 {
        font-size: 34px;
      }
    }
    @media screen and (max-width: 760px) {
    .moje-kolobka input[type="submit"] {
        width: 100%;
        font-size: 15px;
        width: 75%;
      }
      form.moje-kolobka input {
        width: 100%;
      }
      .moje-kolobka > div > div.mkform__field__row {
        flex-direction: column;
    }
    }
    @media screen and (max-width: 600px) {
      .moje-kolobka input[type="submit"] {
        font-size: 13px;
        text-wrap: wrap;
      }
      .wrap-main {
        padding-top: 0%;
      }
      .moje-kostka-form {
        padding: 30px 0px 30px 0px;
      }
      .moje-kolobka > div.mkform__body {
        padding: 30px 0px 0px 0px;
      }
      .mkform__wrap {
        padding: 0px 0px 0px 0px !important;
      }
    }
    @media print {
      h2 {
        padding-bottom: 30px;
        font-size: 25px;
      }
    }
}
  /*! CSS Used fontfaces */
  @font-face {
    font-family: "DINPRO-BOLD";
    src: url("https://www.kostkakolobezky.cz/themes/khstheme/fonts/DINPRO-BOLD.eot");
    src: url("https://www.kostkakolobezky.cz/themes/khstheme/fonts/DINPRO-BOLD.ttf")
        format("truetype"),
      url("https://www.kostkakolobezky.cz/themes/khstheme/fonts/DINPRO-BOLD.svg")
        format("svg");
    font-weight: normal;
    font-style: normal;
  }

  .success {
      text-align: center;
      font-size: 18px;
      color: #38894f;
      padding: 30px;
      background-color: #c0ffb4;
      border-radius: 10px;
      width: 100%;
  }
  .fail {
      text-align: center;
      font-size: 18px;
      color: #893838;
      padding: 30px;
      background-color: #ffb4b4;
      border-radius: 10px;
      width: 100%;
  }


/* mojeKOSTKA */ 
.moje-kostka-item {
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  filter: drop-shadow(1px 1px 4px rgb(0 0 0 / 0.2));
}
.mk_row {
  padding: 30px;
  flex-direction: row;
}
.mk__odd {
  background-color: #f4f4f4;
}
.mk__colordot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display:inline-block;
  border: 2px solid white;
  filter: drop-shadow(1px 1px 2px rgb(0 0 0 / 0.6));
  margin-left:5px;
}
.mk__magicarmy {
  background-color: #5b582d;
}
.mk__magicpurplered {
  background-color: #5b3d49;
}
.mk__magiccyan {
  background-color: #00cad4;
}
.mk__colorrow {
  display: flex;
  align-items: center;
}
.mk__colorrow strong {
  margin-right: 5px;
}
.moje-kostka-item ul {
  list-style: disc;
  padding-bottom: 20px;
  margin-left: 20px;
}

.mk_possibilities {
  text-align:left;
}
.mk-section-caption {
  margin-bottom: 25px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  text-align:left;
  padding-bottom: 0px;
  margin-bottom: 25px;
}
.mk-section-title {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.107;
  letter-spacing: -0.03em;
}
.mk-section-title-small {
  margin-top: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.03em;
  padding-bottom: 0px;
  margin-bottom: 40px;
  text-align:left;
}
.mk-section-line {
  width: 80px;
  height: 1px;
  margin: 0 auto 0 0;
  background: var(--color-red);
}
.alt-features-icon {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0 22px 0;
  font-size: 48px;
  text-align: center;
  line-height: 1.3;
}
.alt-features-item.border-left {
  padding-left: 30px;
  border-left: 1px solid var(--color-red);
}
.alt-features-title {
  margin-bottom: 11px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--color-red);
}
.alt-features-descr {
  font-size: 14px;
  line-height: 1.625;
  color: #7c7c7c;
}

.btn.btn-mojekostka.zobrazitvice-mkimages.show {
  padding: 0!important;
  margin-top:20px;
  color:#999;
  text-decoration:underline;
  text-transform:none;
  background-color:initial;
  display: flex;
  justify-content: center;
}
.btn.btn-mojekostka.zobrazitvice-mkimages {
  display: none;
}
.btn.btn-mojekostka.zobrazitvice-mkimages:hover {
  color:var(--color-red);
}
.mk-btn-more {
  display:normal;
}
.mk-btn-more.hidden {
  display:none;
}
.material-icons.rotate-icon-mk-90 {
  transform: rotate(90deg);
}
.material-icons.rotate-icon-mk-negative90 {
  transform: rotate(-90deg);
  padding-top: 5px;

}

@initial {
  @media only screen and (max-width: 481px) {
      #mojekostka__detailimages div:nth-child(n + 2) {
          display:none;
          opacity: 0;
          transition-property: display opacity;
          transition-duration: 0.3s;
          transition-behavior: allow-discrete;
      }
  }
  
  @media only screen and (max-width: 768px) {
      #mojekostka__detailimages div:nth-child(n + 3) {
          display:none;
          opacity: 0;
          transition-property: display opacity;
          transition-duration: 0.3s;
          transition-behavior: allow-discrete;
      }
  }
  
  @media only screen and (max-width: 1200px) {
      #mojekostka__detailimages div:nth-child(n + 4) {
          opacity: 0;
          display:none;
          transition-property: display opacity;
          transition-duration: 0.3s;
          transition-behavior: allow-discrete;
      }
  }
  #mojekostka__detailimages div:nth-child(n + 7) {
      display:none;
      opacity: 0;
      transition-property: display opacity;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
  }
  #mojekostka__detailimages div.displayAll {
      display: none;
      opacity: 0;
      transition-property: display opacity;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
    }
  
}

@media only screen and (max-width: 481px) {
  #mojekostka__detailimages div:nth-child(n + 2) {
      display:none;
      opacity: 0;
      transition-property: display opacity;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
  }
}

@media only screen and (max-width: 768px) {
  #mojekostka__detailimages div:nth-child(n + 3) {
      display:none;
      opacity: 0;
      transition-property: display opacity;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
  }
}

@media only screen and (max-width: 1200px) {
  #mojekostka__detailimages div:nth-child(n + 4) {
      display:none;
      opacity: 0;
      transition-property: display, opacity;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
  }
}
#mojekostka__detailimages div:nth-child(n + 7) {
  display:none;
  opacity: 0;
  transition-property: display, opacity;
  transition-duration: 0.3s;
  transition-behavior: allow-discrete;
}

#mojekostka__detailimages div.displayAll {
  display: block !important;
  opacity: 1 !important;
  transition-property: display, opacity;
  transition-duration: 0.3s;
  transition-behavior: allow-discrete;
}


.moje-kostka-div {
  text-align: left;
}
.moje-kostka-div h2 {
  text-align: left;
  line-height: 1.425;
  letter-spacing: -0.01239em;
}
.moje-kostka-div p {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: -0.01239em;
}
.mk_row img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.mk-description {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: -0.01239em;
}

.btn-secondary {
  background: #fff; 
  border-radius: 4px;
  padding: 15px 30px;
  transition: all .4s;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'transducer-bold';
  font-weight: 500;
  color: var(--color-red);
  border: 2px solid var(--color-red);
  text-align: center;
  text-wrap: nowrap;
}
.btn-secondary:hover{
  background: var(--color-red);
  color:#fff;
  border-color: solid;
}
.btn-secondary:focus{
  background: var(--color-red);
  color:#fff;
  border-color: solid;
}


.mk_buttons {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 610px) {
 .mk_buttons {
  flex-direction: column;
 }
 .mk_buttons a.btn-primary {
  white-space: wrap;
 }
}

@media only screen and (max-width: 992px) {
  .mk_row {
    flex-direction: column;
  }
 }