/* ADD MY CUSTOM CSS STYLE 04.01.2023 */

#myKotvaFormular {
  position: absolute;
  top: -105px;
}
#myKotvaFormular .sppb-col-md-12 {
  min-height: 0px;
}
.mod-sppagebuilder .sppb-section.myCistirnaTextRozcestnik {
  z-index: 0;
}
.myCistirnaTextRozcestnik > div.sppb-container-inner > div.sppb-row > div > div.sppb-column > div.sppb-column-addons {
  display: flex;
  /*flex-direction: column;*/
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px 0px;
}
.myCistirnaTextRozcestnik div.sppb-section.myCistirnaTextRozcestnikRow {
  padding-top: 10px !important;
  margin-top: -10px !important;
}
@media (min-width: 992px) {
  .myCistirnaTextRozcestnik div.sppb-section.myCistirnaTextRozcestnikRow {
    padding-top: 115px !important;
    margin-top: -115px !important;
  }
}
.myCistirnaTextRozcestnikRowLeftImg {
  max-width: 203px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  margin-top: 12px;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myButtonLink {
  text-align: center;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myButtonLink a {
  padding: 9px 18px;
  border-radius: 10px;
  min-width: unset;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 12px;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myTitle {
  font-size: 21px;
  color: #00A0DC;
  font-weight: bold;
  margin-bottom: 12px;
}
.myCistirnaTextRozcestnikRowRollContent > div.sppb-column-addons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  gap: 5px 0px;
} 
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok > div.sppb-addon-title {
  font-size: 16px;
  color: #00A0DC;
  font-weight: bold;
  line-height: 23px;
  cursor: pointer;
  display: table;
}
@media (max-width: 374px) {
  div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok > div.sppb-addon-title {
    max-width: 94%
  }
}
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok > div.sppb-addon-title:after {
  content: '<';
  display: inline-block;
  vertical-align: top;
  font-size: 19px;
  font-family: arial;
  writing-mode: vertical-rl;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  background-color: #3f9dd8;
  color: white;
  border-radius: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 7px;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok.myClose > div.sppb-addon-title:after {
  content: '>';
}
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok > div.sppb-addon-content {
  padding-left: 15px;
  overflow: hidden;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok > div.sppb-addon-content:after {
  content: '';
  display: block;
  height: 10px;
}
div.sppb-section.myCistirnaTextRozcestnikRow .myCistirnaTextRozcestnikRowBlok.myClose > div.sppb-addon-content {
  visibility: hidden;
  position: absolute;
}


/* VM CART PAGE */
div#ProOPC div.proopc-cartlist form#proopc-carttable-form div#proopc-pricelist tbody.poopc-shipment-table .shipping-heading span.vmshipment_description {
  display: none;
}


/* TOP MENU */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  text-transform: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background-color: transparent;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  margin-left: 20px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul > li:last-child {
  border-bottom: 0px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul > li a {
  padding-left: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a {
  color: #5f5f5f;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active:hover > a {
  color: #21bbff;
}


/* New Intro Img - 19.5.2026 */
#sp-component .sppb-section.myClassicView.verN2 {
  background-color: #fdfdfd;
  border-bottom: 1px solid #e3e4e7;
}
#sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row {
  flex-wrap: nowrap;
}
#sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div {
  flex-basis: auto;
  max-width: 100%;
  width: auto;
}
#sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) {
  flex-shrink: 0;
  flex-grow: 1;
  /*padding-left: 170px;*/
  padding-left: 9%;
}
@media (max-width: 1599px) {
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) {
    padding-left: 3.5%;
  }
}
@media (max-width: 1199px) {
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) {
    padding-left: 30px;
  }
}
#sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) > div {
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(2) {
  aspect-ratio: 539.68 / 357;
  min-height: 357px;
}
.sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(2) * {
  position: static;
  line-height: 0px;
  min-height: 0px;
  vertical-align: top;
}
#sp-component .sppb-section.myClassicView.verN2 div.sppb-section.myTopSliderRow2 > div.sppb-container-inner > div.sppb-row > div:nth-child(2) > div.sppb-column.myIntroSliderImg {
  background-position: 100% 50% !important;
  max-width: 100%;
}
.myTitleN1 > .sppb-addon-title {
  line-height: 120% !important;
}
.myTitleN1 > .sppb-addon-content {
  color: #7abdf3;
  font-style: italic;
  font-size: 32px;
  line-height: 110%;
  margin-top: 6px;
  margin-bottom: 20px;
}
.myTitleN1 > .sppb-addon-content:after {
  content: '';
  display: block;
  width: 76px;
  height: 2px;
  background-color: #7abdf3;
  margin-top: 14px;
}
.sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(2) .mySlideImgN1 img {
  /*width: auto;*/
  /*height: 357px;*/
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  object-fit: cover;
  object-position: 0px 0px;
}
.mySlideN2Icons > .sppb-addon-content {
  color: #063a7c;
  line-height: 120%;
}
.mySlideN2Icons > .sppb-addon-content > table p {
  margin: 0px;
}
.mySlideN2Icons > .sppb-addon-content > table p:nth-child(1) {
  font-weight: 700;
}
.mySlideN2Icons > .sppb-addon-content > table > tbody > tr:nth-child(n+2) > td {
  padding-top: 20px;
}
.mySlideN2Icons > .sppb-addon-content > table > tbody > tr > td:nth-child(n+2) {
  padding-left: 30px;
}
.mySlideN2Icons > .sppb-addon-content > table  table > tbody > tr > td:nth-child(1) {
  width: 54px;
}
.mySlideN2Icons > .sppb-addon-content > table  table > tbody > tr > td:nth-child(1) > p {
  width: 54px;
  height: 54px;
  background-color: #eef5fc;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mySlideN2Icons > .sppb-addon-content > table  table > tbody > tr > td:nth-child(1) > p > img {
  /*width: 60%;*/
  width: 70%;
  height: 60%;
  object-fit: contain;
}
.mySlideN2Icons > .sppb-addon-content > table  table > tbody > tr > td:nth-child(2) {
  padding-left: 12px;
}
/* New Intro Img - 19.5.2026 - Responsive view < tablet */
@media (max-width: 767px) {
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row {
    flex-wrap: wrap;
    justify-content: center;
  }
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) {
    padding-left: 0px;
    flex-grow: 0;
  }
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(1) > div {
    padding: 20px;
  }
  #sp-component .sppb-section.myTopSliderRow2.verN2 > div > .sppb-row > div:nth-child(2) {
    width: 100%;
    min-height: 0px;
  }
  /* tabulka ikon */
  .mySlideN2Icons > .sppb-addon-content > table > tbody > tr > td {
    padding-left: 0px !important;
    display: block;
  }
  .mySlideN2Icons > .sppb-addon-content > table > tbody > tr > td:nth-child(n+2) {
    padding-top: 20px;
  }
}
.myTitleN1 > .sppb-addon-content {
  font-size: 28px !important;
  line-height: 110% !important;
}