/* ADD MY CUSTOM CSS STYLE */

/* FONT ICON */
@font-face {
    font-family: myFa;
    font-display: swap;
  src: url('/templates/add_fonts/ikony/fa-solid-900.woff2') format('woff2');
}
/* Roboto  - regular(400), italic, bold(700), Thin 100, Extra-light 200, Light 300, Medium 500, Semi-bold 600, Extra-bold 800, Black 900 */
@font-face {/* regular(400) */
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_regular_v2.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {/* Medium 500 */
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_medium_v2.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {/* bold(700) */
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_bold_v2.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}



/* ALLWAYS FULL HEIGHT WINDOW */
body > div.body-innerwrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: stretch;
  min-height: 100vh;
  min-width: 320px;
}
body > div.body-innerwrapper > section#sp-main-body {
  flex: 1;
}


/* STANDART ELEMENTS */
body {
  background-color: white;
}
p:last-child {
  margin-bottom: 0px;
}
a, a:focus, a:active {
  color: #21bbff;
}
a:focus {
  outline: none;
  outline-offset: 0px;
}
a:hover {
  color: #337ab7;
}
table {
  margin-bottom: 10px;
}
table:last-child {
  margin-bottom: 0px;
}
.wf-columns {
  margin-bottom: 10px;
}


/* CLASSIC ARTICLE */
.view-article article.item {
  padding: 0px;
  margin-bottom: 0px;
  background-color: transparent;
}
.view-article article.item:after {
  display: none;
}
.view-article .article-body {
  margin-top: 0px;
}

/* SP BUILDER PAGE - no windows element = FOR ALL */
.sppb-addon {
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
}
.sppb-addon:after {
  display: none;
}
/* CLASSIC SP BUILDER PAGE - no windows element */
.myClassicView > .sppb-row-container,
.myClassicView > .container {
  padding: 0px;
}
.myClassicView .sppb-addon {
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
}
.myClassicView .sppb-addon:after {
  display: none;
}
/* CLASSIC SP BUILDER PAGE - top index (top overflow) */
.sppb-section.myTopIndexRow {
  position: relative;
  z-index: 9;
}
/* CLASSIC SP BUILDER PAGE - 5 in row */
/*@media (min-width: 992px) {
  .sppb-row > .sppb-col-md-2:nth-last-child(5),
  .sppb-row > .sppb-col-md-2:nth-last-child(5) ~ .sppb-col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}*/ 
/* CLASSIC SP BUILDER PAGE - button in text block */
.myButtonBlock > .sppb-addon-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
.myButtonLink a,
.myButtonBlock a {
  display: inline-block;
  text-align: center;
  padding: 18px;
  border-radius: 25px;
  background-color: #21bbff;
  color: white;
  min-width: 220px;
}
.myButtonBlock a {
  margin-top: 10px;
  margin-right: 10px;
}
.myButtonBlock p {
  margin-bottom: 0px;
}
.myButtonBlock p a {
  background-color: white;
  color: #46464b;
}
.myButtonLink a:hover,
.myButtonBlock a:hover {
  background-color: #46464b;
  color: white;
}
/* CLASSIC SP BUILDER PAGE - shadow box */
.myShadowBox {

}
.myShadowBox > .sppb-column-addons {
  box-shadow: 0px 0px 7px #c5c5c5;
  border-radius: 6px;
  background-color: white;
  padding: 45px 44px;
}


/* TOP LOGO AND MENU */
.is-sticky #sp-top-bar {
  background-color: white;
}
section.myTop > div.row {
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 0px;
}
div#sp-logo {
  /*width: calc(36px + 177px);*/
  width: calc(36px + 262px);
  padding: 23px 0px;
  padding-bottom: 24px;
  padding-left: 36px;
}
div#sp-logo h1 {
  margin: 0px;
}
div#sp-logo + div#sp-menu {
  flex: 1;
  padding: 0px 15px;
}
div#sp-menu2 {
  padding: 0px;
  width: auto;
  float: none;
}
div#sp-menu > div.sp-column {
  float: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  /*justify-content: flex-end;*/
  justify-content: center;
  align-items: center;
  min-height: 105px;
}
#sp-top-bar div#sp-menu > div.sp-column > * {
  float: none;
}
/* TOP LOGO AND MENU - top menu */
#sp-top-bar div#sp-menu > div.sp-column > div.sp-megamenu-wrapper {
  /*flex-grow: 1;*/
  text-align: center;
  line-height: normal;
  width: 100%;  
}
a#offcanvas-toggler {
  display: none;
}
ul.sp-megamenu-parent {
  float: none;
  /*text-align: center;*/
  text-align: right;
  display: none;
}
ul.sp-megamenu-parent > li {
  /*line-height: 35px;*/
  line-height: 27px;
}
ul.sp-megamenu-parent > li > a {
  font-size: 15px;
  font-weight: 400;
  color: #46464b;
  padding: 0px 14px;
}
ul.sp-megamenu-parent > li:last-child > a {
  padding-right: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:not(.sp-group-title):hover,
ul.sp-megamenu-parent li.sp-menu-item:hover > a,
ul.sp-megamenu-parent > li.active > a {
  color: #21bbff;
}
ul.sp-megamenu-parent > li.active > a {
  font-weight: 600;
  position: relative;
}
ul.sp-megamenu-parent > li.active > a:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 28px);
  height: 1px;
  background-color: #21bbff;
  /*bottom: 16px;*/
  /*bottom: 5px;*/
  bottom: 1px;
}
ul.sp-megamenu-parent > li.active:last-child > a:before {
  width: calc(100% - 14px);
}
/* TOP LOGO AND MENU - other modules */
#sp-top-bar div#sp-menu > div.sp-column > div.sp-module {
  border: 0px;
  margin: 0px;
  padding: 0px;  
}
#sp-top-bar div#sp-menu > div.sp-column > div.sp-megamenu-wrapper + div.sp-module {
  /*padding-left: 15px;*/
}
/* TOP LOGO AND MENU - TOP VM MENU */
ul.menuTopVm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 0px;
  line-height: unset;
  gap: 10px 28px;
  /*margin: 10px 0px;*/
}
ul.menuTopVm > li {
  border: 0px;
}
ul.menuTopVm li > div > a {
  display: block;
  line-height: 17px;
  padding: 2px 0px;
  /*font-size: 14px;*/
  font-size: 16px;
  /*font-weight: 400;*/
  font-weight: 500;
  /*color: #46464b;*/
  color: #21bbff;
  position: relative;
}
ul.menuTopVm li > div > a:hover,
ul.menuTopVm li.active > div > a {
  /*color: #21bbff;*/
}
ul.menuTopVm li:hover > div > a {
  color: black;
}
ul.menuTopVm > li.active > div > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #21bbff;
  bottom: 0px;
}
ul.menuTopVm > li > ul {
  /*display: none;*/
  display: block;
  position: absolute;
  background-color: white;
  z-index: 0;
  padding: 7px 14px;
  box-shadow: 0px 0px 2px 1px black;
  text-align: left;
  margin: 0px;
  margin-top: 10px;
  min-width: 188px;
  transition: opacity 0.2s linear 0s;
  top: -1000px;
  opacity: 0;
}
ul.menuTopVm > li:hover > ul {
  z-index: 9;
  top: auto;
  opacity: 1;
}
ul.menuTopVm > li > ul:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  height: 10px;
  width: 100%;
  left: 0px;
}
ul.menuTopVm > li > ul > .myArrow:before,
ul.menuTopVm > li > ul > .myArrow:after {
  content: '';
  display: block;
  position: absolute;
}
ul.menuTopVm > li > ul > .myArrow:before {
  top: -7px;
  width: 14px;
  height: 14px;
  background-color: white;
  box-shadow: 0px 0px 2px 1px black;
  transform: rotate(45deg);
  z-index: -2;
  left: 20px;
}
ul.menuTopVm > li > ul > .myArrow:after {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: white;
  z-index: -1;
}
ul.menuTopVm > li > ul li > div > a {
  padding: 7px 0px;
}
ul.menuTopVm > li > ul li.active > div > a {
  text-decoration: underline;
}
/* TOP LOGO AND MENU - other modules - top contact */
#sp-top-bar div#sp-menu > div.sp-column > div.sp-module.myHeaderCall {
  padding-right: 96px;
}
div.custom.myHeaderCall {
  /*line-height: normal;*/
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
div.custom.myHeaderCall,
div.custom.myHeaderCall a {
  color: #21bbff;
}
div.custom.myHeaderCall a:hover {
  color: #46464b;
}
div.custom.myHeaderCall > table td {
  padding: 0px 12px;
  border-right: 1px solid rgb(70 70 75 / 20%);
}
div.custom.myHeaderCall > table td:first-child {
  padding-left: 0px;
}
div.custom.myHeaderCall > table td:last-child {
  padding-right: 0px;
  border-right: 0px;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
}
/* TOP LOGO AND MENU - other modules - module vm cart */
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper {
  background-color: #21bbff;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i {
  /*display: block;*/
  width: 107px;
  height: 105px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: white;
  margin: 0px;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i:hover {
  color: #46464b;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i:before {
  display: none;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i .myCartIcon {
  position: relative;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i .myCartIcon:before {
  content: '\f291';
  display: block;
  font-family: myFa;
  font-size: 27px;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i .myCartIcon .spvm-total-product {
  background: #fdc300;
  color: #46464b;
  font-weight: 700;
  top: -4px;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper i .myCartText {
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  margin-top: 7px;
}
div#vmCartModule.myVmCartModule > div.megadeal-vm-cart-icon-wrapper > .vm-display {
  display: none;
}


/* header under top menu */
header#sp-header {
  display: none;
}


/* FOOTER - BACKGROUND */
#sp-footercover {
  background-size: auto 100%;
}
#sp-footercover .sppb-addon {
  background: none;
  padding: 0px;
  border-radius: 0px;
}
#sp-footercover .sppb-addon:after {
  display: none;
}
#sp-footer {
  color: white;
  padding: 0px 15px;
  /*padding-top: 106px;*/
  /*margin-top: -106px;*/
}
/* FOOTER - style sp builder module */
.mySpFooterModule:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 79%;
  background-image: url(/images/pozadi/paticka-img.webp);
  background-repeat: no-repeat;
}
#sp-footercover .sppb-addon-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 30px;
}
#sp-footercover {
  font-size: 16px;
  font-weight: 400;
  line-height: 155%;
}
#sp-footercover a {
  color: white;
}
#sp-footercover a:hover {
  color: #46464b;
}
#sp-footercover .myLinkIcon a:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  background-color: white;
  border-radius: 100%;
  margin-right: 14px;
  /*transition: all 0.2s linear 0s;*/
  transition: color 400ms, background-color 400ms;
  color: #21bbff;
  text-align: center;
  line-height: 40px;
  font-family: myFa;
  font-size: 20px;
}
#sp-footercover .myLinkIcon.iTel a:before {
  content: '\f879';
}
#sp-footercover .myLinkIcon.iMail a:before {
  content: '\f0e0';
}
#sp-footercover .myLinkIcon a:hover:before {
  background-color: #46464b;
}


/* FOOTER MENU */
ul.menumyFooterMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
ul.menumyFooterMenu li {
  border: 0px;
}
#sp-footercover ul.menumyFooterMenu li a,
ul.menumyFooterMenu li a {
  color: white;
  line-height: 100%;
  font-size: 15px;
  font-weight: 400;
  padding: 13px;
  background-color: transparent;
  transition: all 0.2s linear 0s;
}
#sp-footercover ul.menumyFooterMenu li:hover a, 
ul.menumyFooterMenu li:hover a {
  color: #46464b;
}
#sp-footercover ul.menumyFooterMenu li.active a,
ul.menumyFooterMenu li.active a {
  font-weight: 600;
}
ul.menumyFooterMenu li a:before {
  display: none;
}
ul.menumyFooterMenu li.active a:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 26px);
  height: 1px;
  background-color: white;
  margin-top: 3px;
  transition: all 0.2s linear 0s;
}
ul.menumyFooterMenu li.active a:hover:after {
  background-color: #46464b;
}


/* FOR INTRO PAGE - TOP SLIDER - left circle */
.myTopRowImg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
}
.myTopRowImg * {
  position: static;
}
.myTopRowImg .sppb-addon-single-image-container {
  display: block;
  position: absolute;
  height: 100%;
  /*overflow: hidden;*/
}
.myTopRowImg .sppb-addon-single-image-container:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 100%;
  /*background-color: #21bbff;*/
  background-color: rgb(33 187 255 / 9%);
}
.myTopRowImg.sliderLeftImg .sppb-addon-single-image-container:after {/* slider left img */
  left: -52%;
  /*top: -21px;*/
  /*bottom: -3px;*/
  top: -3%;
  bottom: -0.5%;
  height: auto;
  /*width: calc(100% + 24px);*/
  width: 103.5%;
}
.myTopRowImg.leftImg .sppb-addon-single-image-container:after {/* left img */
  left: -62%;
  top: -29%;
  bottom: 0%;
  height: auto;
  width: 129%;
}
.myTopRowImg.rightImg .sppb-addon-single-image-container {/* right img */
  right: 0px;
}
.myTopRowImg.rightImg .sppb-addon-single-image-container:after {/* right img */
  right: -77%;
  top: -9%;
  bottom: -80%;
  height: auto;
  width: 189%;
  background-color: rgb(33 187 255 / 5%);
}
.myTopRowImg .sppb-addon-single-image-container img {
  height: 100%;
  visibility: hidden;
  opacity: 0;
}
/* FOR INTRO PAGE - TOP SLIDER - row text and img */
.myTopSliderRow > .sppb-container-inner,
.myTopSliderRow > .sppb-container-inner > .sppb-row {
  /*height: 100%;*/
}


/* FOR INTRO PAGE - BANNER ICON - line */
.myIntroBannerIcons .sppb-row {
  position: relative;
}
.myIntroBannerIcons .sppb-row:before {
  content: '';
  display: block;
  position: absolute;
  left: 10%;
  right: 10%;
  height: 3px;
  background-color: #ebf9ff;
  top: 76px;
}
/* FOR INTRO PAGE - BANNER ICON - img */
.myIntroBannerIcons .sppb-column-addons > div.sppb-addon-wrapper:nth-child(1) .sppb-addon-single-image-container {
  width: 157px;
  height: 157px;
  background-color: #ebf9ff;
  border-radius: 100%;
  display: block;
  margin: auto;
  overflow: hidden;
}
.myIntroBannerIcons .myActive .sppb-column-addons > div.sppb-addon-wrapper:nth-child(1) .sppb-addon-single-image-container {
  background-color: #fdc300;
}
.myIntroBannerIcons .sppb-column-addons:hover > div.sppb-addon-wrapper:nth-child(1) .sppb-addon-single-image-container {
  background-color: #21bbff;
}
.myIntroBannerIcons .sppb-column-addons > div.sppb-addon-wrapper:nth-child(1) .sppb-addon-single-image-container img {
  transition: transform 0s linear 0s;
  transform: rotate(0deg);
}
.myIntroBannerIcons .sppb-column-addons:hover > div.sppb-addon-wrapper:nth-child(1) .sppb-addon-single-image-container img {
  transition: transform 0.3s linear 0s;
  transform: rotate(360deg);
}
/* FOR INTRO PAGE - BANNER ICON - text block */
.myIntroBannerIcons .sppb-column-addons > div.sppb-addon-wrapper:nth-child(2) .sppb-addon-text-block {
  margin-top: 25px;
}
/* FOR INTRO PAGE - BANNER ICON - text block - title */
.myIntroBannerIcons .sppb-column-addons > div.sppb-addon-wrapper:nth-child(2) .sppb-addon-title {
  font-size: 21px;
  font-weight: 600;
  color: #46464b;
  margin-bottom: 10px;
}
.myIntroBannerIcons .myActive .sppb-column-addons > div.sppb-addon-wrapper:nth-child(2) .sppb-addon-title {
  color: #21bbff;
}
/* FOR INTRO PAGE - BANNER ICON - text block - text */
.myIntroBannerIcons .sppb-column-addons > div.sppb-addon-wrapper:nth-child(2) .sppb-addon-content {
  font-size: 15px;
  line-height: 140%;
}
/* FOR INTRO PAGE - BANNER ICON - text block - button link */
.myIntroBannerIcons .myButtonLink a {
  font-size: 17px;
  font-weight: 500;
  padding: 12px 30px;
  min-width: auto;
}
.myIntroBannerIcons .myButtonLink a:hover {
  /*background-color: #fdc300;*/
  /*color: black;*/
}


/* FOR INTRO PAGE - MODULE NEWS */
.myModuleNews {
  max-width: 640px;
  margin-left: auto;
}
.myModuleNews .myArt {
  margin-bottom: 27px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.myModuleNews .myArt:last-child {
  margin-bottom: 0px;
}
.myModuleNews .myArt .myImg {
  width: 132px;
  height: 132px;
  flex: 0 0 132px;
  margin-right: 26px;
  border-radius: 100%;
  overflow: hidden;
  /*position: relative;*/
  /*background-color: #ebf9ff;*/
}
.myModuleNews .myArt .myImg img {
  width: 100%;
  height: 89px;
  object-fit: cover;
  /*object-position: 50% 0%;*/
  object-position: 50% 50%;
}
.myModuleNews .myArt .myImg .myDate {
  display: block;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #21bbff;
  height: calc(132px - 89px);
  padding-top: 13px;
  box-sizing: border-box;
  background-color: #ebf9ff;
}
.myModuleNews .myArt .myTitle,
.myModuleNews .myArt .myTitle a {
  color: #21bbff;
  font-size: 19px;
  font-weight: 600;
  line-height: 120%;
}
.myModuleNews .myArt .myTitle {
  margin-bottom: 12px;
}
.myModuleNews .myArt .myColomText,
.myModuleNews .myArt a.readmore {
  color: #787878;
}
.myModuleNews .myArt .myColomText {
  font-size: 15px;
  font-weight: 400;
  font-family: 'Roboto';
  line-height: 22px;
}
.myModuleNews .myArt .myText,
.myModuleNews .myArt .myText *:last-child {
  display: inline;
}
.myModuleNews .myArt .myText a:hover {
  color: #21bbff;
  text-decoration: underline;
}
.myModuleNews .myArt a.readmore {
  font-weight: 500;
  text-decoration: underline;
}
.myModuleNews .myArt a.readmore:hover {
  color: #21bbff;
}


/* FOR INTRO PAGE - BANNER BOTTOM 1 (Vymente svou starou perinu) */
.myBannerBottom1 {
  background-size: auto 100% !important;
}
.myIntroBannerBottom1LeftCol {
  max-width: 788px;
}
.myBannerBottom1IconWithText .sppb-row .sppb-column-addons {/* coloms icon with text */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.myBannerBottom1IconWithText .sppb-row .sppb-column-addons > div:nth-child(1) {
  margin-right: 23px;
}
.myBannerBottom1IconWithText .sppb-row .sppb-column-addons > div:nth-child(2) {
  flex-basis: 100%;
}
.myBannerBottom1IconWithText .myTextIcon {
  width: 93px;
}
.myBannerBottom1IconWithText .myTextIcon div.sppb-addon-content a {
  display: block;
}
.myBannerBottom1IconWithText .myTextIcon div.sppb-addon-content a,
.myBannerBottom1IconWithText .myTextIcon div.sppb-addon-content img {
  border-radius: 100%;
}
.myBannerBottom1IconWithText .myIcon .sppb-addon-single-image-container,
.myBannerBottom1IconWithText .myIcon .sppb-addon-single-image-container img {
  display: block;
  border-radius: 100%;
  overflow: hidden;
}
.myBannerBottom1IconWithText .myIcon img {
  width: 93px;
  max-width: 93px;
  height: 93px;
}
/* FOR INTRO PAGE - BANNER BOTTOM 1 (Vymente svou starou perinu) - slider review */
.mySliderReview {
  padding-bottom: 0px;
  text-align: right;
}
.mySliderReview > .sppb-carousel-inner {
  margin-bottom: -34px;
  /*z-index: 1;*/
}
.mySliderReview .sppb-testimonial-message {
  background-color: #ebf9ff;
  padding: 39px 43px;
  border-radius: 20px;
  position: relative;
  text-align: left;
}
.mySliderReview .sppb-testimonial-message:before {
  content: '';
  display: block;
  position: absolute;
  border: 10px solid transparent;
  border-top: 16px solid #ebf9ff;
  border-bottom: 0px;
  top: 100%;
}
.mySliderReview .sppb-testimonial-message > section {
  overflow-y: auto;
  height: 88px;
}
.mySliderReview .sppb-addon-testimonial-pro-footer {/* name and designation */
  margin-top: 35px;
  text-align: left;
}
.mySliderReview .sppb-addon-testimonial-pro-footer .testimonial-pro-client-name-wrap {
  line-height: 0px;
}
.mySliderReview .sppb-addon-testimonial-pro-footer .testimonial-pro-client-name-wrap .sppb-addon-testimonial-pro-client-name {
  display: inline-block;
}
.mySliderReview .sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation {
  
}
.mySliderReview .sppb-carousel-control {
  position: relative;
  z-index: 2;
}


/* OTHER PAGES - TOP ROW */
.myTopRowStandart > .sppb-container-inner > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.myTopRowStandart > .sppb-container-inner > .sppb-row > div {
  -ms-flex: 0 0 fit-content;
  flex: 0 0 fit-content;
  max-width: none;
}
.myTopRowStandart > .sppb-container-inner > .sppb-row > div:nth-child(2) {
  /*flex-grow: 0;*/
  /*flex-shrink: 1;*/
  /*flex-basis: auto;*/
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}


/* VIRTUEMART */
body.site.com-virtuemart section#sp-main-body {
  padding: 0px;
}
body.site.com-virtuemart.view-category section#sp-main-body > div.container,
body.site.com-virtuemart.view-productdetails section#sp-main-body > div.container {
  width: 100%;
  padding: 0px;
}
/* VIRTUEMART - POP UP CART MODULE */
.vmCartModule .megadeal-vm-carts-product-wrapper {
  position: fixed;
  top: 105px;
  bottom: 0px;
  overflow: auto;
}
.vmCartModule .megadeal-vm-carts-product-wrapper .product_row {
  line-height: normal;
}
.vmCartModule .megadeal-vm-carts-product-wrapper .product_row .product_name {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.vmCartModule .megadeal-vm-carts-product-wrapper .product_row .subtotal_with_tax {
  float: none !important;
}
/* VIRTUEMART - CATEGORY */
body.site.com-virtuemart section#sp-main-body div.category-view {
  padding: 0px;
  margin: 0px;
}
body.site.com-virtuemart section#sp-main-body div.category-view.myCatId0 {
  display: none;
}
body.site.com-virtuemart section#sp-main-body div.category-view:after {
  display: none;
}
body.site.com-virtuemart section#sp-main-body div.category-view .browse-view {
  /*margin-bottom: 82px;*/
  margin-bottom: 0px;
  padding-bottom: 82px;
  background-image: url(/images/pozadi/hlavni-obsah.webp);
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-size: 100% auto;
}
.myVmCatNoProducts {
  /*margin: 24px auto;*/
  margin: 0px;
}
/* VIRTUEMART - CATEGORY - top products list */
.myVmCatTopProductsList {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
/* VIRTUEMART - CATEGORY - top products list - order by */
.myVmCatTopProductsList .myOrderListContainer {
  position: relative;
}
.myVmCatTopProductsList .myOrderListContainer .myTitle {
  color: #6cceff;
  font-size: 17px;
  font-weight: 600;
  padding-right: 18px;
  line-height: 24px;
}
.myVmCatTopProductsList .myOrderListContainer .myOrderBy {
  color: #515151;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  padding: 5px 0px;
}
.myVmCatTopProductsList .myOrderListContainer .myOrderBy:after {
  content: '';
  display: inline-block;
  border: 5px solid transparent;
  border-top: 9px solid #616161;
  border-bottom: 0px;
  vertical-align: middle;
  margin-left: 10px;
}
.myVmCatTopProductsList .myOrderListContainer .myOrderByList {
  display: none;
  position: absolute;
  right: 0px;
  z-index: 1;
  background-color: white;
  box-shadow: 0px 0px 7px rgb(0 0 0 / 20%);
}
.myVmCatTopProductsList .myOrderListContainer .myOrderByList > div > a {
  display: block;
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  background-color: white;
  color: #21bbff;
}
.myVmCatTopProductsList .myOrderListContainer .myOrderByList > div.myActive > a {
  background-color: #6dceff;
  color: white;
}
.myVmCatTopProductsList .myOrderListContainer .myOrderByList > div > a:hover {
  background-color: #21bbff;
  color: white;
} 
/* VIRTUEMART - CATEGORY - category top title or title description */
.myVmCatTop {
  background-color: #6cceff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  /*min-height: 186px;*/
  min-height: 136px;
}
.myVmCatTop .myVmCatTitleDesc {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  text-align: center;
}
.myVmCatTop h1 {
  margin: 0px;
  color: white;
  text-transform: none;
  font-size: 38px;
  font-weight: 600;
  line-height: 52px;
  text-align: center;
}
/* VIRTUEMART - CATEGORY - description */
.myVmCatDesc {
  margin: auto;
  /*padding-top: 66px;*/
  padding-top: 33px;
  font-size: 16px;
  line-height: 24px;
}
.myVmCatDesc a:hover {
  text-decoration: underline;
}
/* VIRTUEMART - CATEGORY - description -PRICE TABLE */
table.myPriceTable {
  width: auto;
}
table.myPriceTable.my1 {
  margin-left: auto;
  margin-right: auto;
  /*max-width: 850px;*/
}
table.myPriceTable.my2 > tbody > tr:nth-child(1) {
  background-color: #FFE699;
}
table.myPriceTable.my3 > tbody > tr:nth-child(1) {
  background-color: #C6E0B4;
}
table.myPriceTable tr.product-line {
  background-color: yellow;
}
table.myPriceTable tr.product-line2 > td:nth-child(1) {
  background-color: #7DDDFF;
}
table.myPriceTable td {
  border: 1px solid black;
  padding: 5px;
  line-height: normal;
  vertical-align: top;
}
/* VIRTUEMART - CATEGORY - page link button */
.vm-pagination.vm-pagination-bottom {
  float: none;
  margin-top: 69px;
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination {
  padding: 0px;
  background-color: transparent;
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination:after {
  display: none;
}
/*.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li:nth-child(-n+2),
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li:nth-last-child(-n+2),*/
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li {
  display: none;
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li.hidden-xs {
  display: inline;
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li > a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 700;
  color: #29bcfd;
  background-color: white;
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 11%);
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li > a:hover {
  color: #4d4d4d;
  background-color: #fdc300;
}
.vm-pagination.vm-pagination-bottom .pagination-wraper ul.pagination > li.hidden-xs.disabled > a {
  color: white;
  background-color: #29bcfd;
}
/* VIRTUEMART - CATEGORY - products list */
.myVmCatProducts {
  margin: auto;
  /*padding-top: 66px;*/
  padding-top: 33px;
}
/* VIRTUEMART - MODULE CATEGORY */
ul.menuVmTopModule {
  list-style-type: none;
}
ul.menuVmTopModule li > div > a {
  color: white;
  display: block;
  font-weight: 600;
}
/* VIRTUEMART - MODULE CATEGORY - level 1 */
div.sppb-addon-content > ul.menuVmTopModule {
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  /*align-items: stretch;*/
  align-items: center;
  margin: 0px -10px;
  margin-top: -15px;
}
div.sppb-addon-content > ul.menuVmTopModule > li {
  /*width: 25%;*/
  /*padding: 0px 10px;*/
  /*padding-top: 15px;*/
  position: relative;
  margin: 0px 10px;
  margin-top: 15px;
  width: calc(25% - 20px);
}
div.sppb-addon-content > ul.menuVmTopModule > li:hover {
  z-index: 1;
}
div.sppb-addon-content > ul.menuVmTopModule > li > div > a {
  font-size: 17px;
  line-height: 20px;
  background-color: #21bbff;
  padding: 21px 28px;
  border-radius: 30px;
  transition: all 0.0s linear 0s;
  box-shadow: 0px 0px 0px 1px #057db3;
}
div.sppb-addon-content > ul.menuVmTopModule > li.active > div > a,
div.sppb-addon-content > ul.menuVmTopModule > li:hover > div > a {
  background-color: #0ca1e3;
}
div.sppb-addon-content > ul.menuVmTopModule > li.parent > div > a {
  padding-right: 60px;
}
div.sppb-addon-content > ul.menuVmTopModule > li.parent:hover > div > a {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.sppb-addon-content > ul.menuVmTopModule > li.parent > div > a:after {
  content: '>';
  display: block;
  /*float: right;*/
  width: 28px;
  height: 28px;
  background-color: white;
  /*margin-top: -4px;*/
  border-radius: 100%;
  line-height: 28px;
  text-align: center;
  color: #6cceff;
  font-size: 24px;
  font-weight: 600;
  font-family: Myriad Pro;
  transform: rotate(90deg);
  position: absolute;
  right: 28px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
div.sppb-addon-content > ul.menuVmTopModule > li.parent:hover > div > a:after {
  transform: rotate(-90deg);
}
/* VIRTUEMART - MODULE CATEGORY - level 2 and more */
div.sppb-addon-content > ul.menuVmTopModule > li > ul:hover li.active > div > a {
  text-decoration: none;
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul li.active > div > a,
div.sppb-addon-content > ul.menuVmTopModule > li > ul li:hover > div > a:hover {
  text-decoration: underline;
}
/* VIRTUEMART - MODULE CATEGORY - level 2 */
div.sppb-addon-content > ul.menuVmTopModule > li > ul {
  padding: 0px 28px;
  position: absolute;
  width: 100%;
  background-color: #0ca1e3;
  top: calc(100% - 14px);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  height: 0px;
  overflow: hidden;
  box-sizing: border-box;
}
div.sppb-addon-content > ul.menuVmTopModule > li:hover > ul {
  height: auto;
  box-shadow: 0px 1px 0px 1px #057db3;
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li:nth-child(n+2) {
  border-top: 1px solid rgb(235 249 255 / 63%);
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li:last-child {
  margin-bottom: 10px;
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li > div > a {
  font-size: 15px;
  line-height: 17px;
  padding: 9px 0px;
}
/*div.sppb-addon-content > ul.menuVmTopModule > li > ul > li.active > div > a,
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li:hover > div > a {
  text-decoration: underline;
}*/
/* VIRTUEMART - MODULE CATEGORY - level 3 and more */
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li ul {
  padding-left: 18px;
  padding-bottom: 7px;
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li ul > li > div > a {

}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li ul > li > div > a:hover {
  /*text-decoration: underline;*/
}
div.sppb-addon-content > ul.menuVmTopModule > li > ul > li ul > li > div > a:before {
  content: '-';
  display: inline-block;
  margin-left: -8px;
  padding-right: 8px;
}
/* VIRTUEMART - MODULE ESHOP - backgound */
.myEshopBanner {
  position: relative;
  background-image: url(/images/pozadi/hlavni-obsah.webp);
  background-repeat: no-repeat;
  background-position: 50% 242px;
  background-size: 100% auto;
}
.myEshopBanner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 242px;
  background-color: #6cceff;
}
/* VIRTUEMART - MODULE ESHOP - image link coloms */
.myEshopImageLink > div.sppb-container-inner > div.sppb-row {
  margin: 0px -4px;
  gap: 8px 0px;
  justify-content: center;
}
.myEshopImageLink > div.sppb-container-inner > div.sppb-row > div {
  padding: 0px 4px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
  /*min-width: 228px;*/
  min-width: 206px;
}
@media (min-width: 1200px) {
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div {
    width: 20%;
  }
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div.sppb-col-md-6 {
    width: 40%;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div {
    width: 33.33%;
  }
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div.sppb-col-md-6:nth-child(2) {
    width: 66.67%;
  }
}
@media (max-width: 767px) and (min-width: 425px) {
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div {
    width: 50%;
  }
}
@media (max-width: 424px) {
  .myEshopImageLink > div.sppb-container-inner > div.sppb-row > div {
    width: 100%;
  }
}
/* VIRTUEMART - MODULE ESHOP - image link coloms - img */
.myEshopImageLink > div.sppb-container-inner > div.sppb-row > div > div.sppb-column {
  transition: transform 0.1s linear 0s;
  transform: scale(1.000);
}
.myEshopImageLink > div.sppb-container-inner > div.sppb-row > div > div.sppb-column:hover {
  transform: scale(1.013);
}
/* VIRTUEMART - MODULE ESHOP - image link coloms - text */
.myEshopImageLink .myTextInImg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 36px 39px;
  /*text-shadow: 0px 0px 3px black;*/
  /*text-shadow: 1px 0px 0px rgb(255 255 255 / 33%), -1px 0px 0px rgb(255 255 255 / 33%), 0px 1px 0px rgb(255 255 255 / 33%), 0px -1px 0px rgb(255 255 255 / 33%);*/
  /*text-shadow: 1px 0px 0px rgb(0 0 0 / 33%), -1px 0px 0px rgb(0 0 0 / 33%), 0px 1px 0px rgb(0 0 0 / 33%), 0px -1px 0px rgb(0 0 0 / 33%);*/
  /*color: #21bbff;*/
  /*text-shadow: 1px 0px 0px rgb(255 255 255 / 20%), -1px 0px 0px rgb(255 255 255 / 20%), 0px 1px 0px rgb(255 255 255 / 20%), 0px -1px 0px rgb(255 255 255 / 20%);*/
  text-shadow: 1px 0px 1px rgb(0 0 0 / 100%), -1px 0px 1px rgb(0 0 0 / 100%), 0px 1px 1px rgb(0 0 0 / 100%), 0px -1px 1px rgb(0 0 0 / 100%);
  color: #0072ff;
}
.myEshopImageLink .myTextInImg.myTop {
  bottom: auto;
  top: 0px;
}
@media (max-width: 1279px) {
  .myEshopImageLink .myTextInImg {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    padding: 20px;
  }
}
.myEshopImageLink .myTextInImg > div.sppb-addon-title {
  line-height: 31px !important;
  margin-bottom: 2px !important;
}
/* VIRTUEMART - MODULE ESHOP - image link coloms - link */
.myEshopImageLink .myLinkInImg {
  position: absolute;
  padding: 0px;
  color: transparent;
  background-color: transparent;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
/* VIRTUEMART - PRODUCTS LIST */
.myProductsList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px -10px;
  margin-top: -20px;
}
.myVmCatProducts .myProductsList {
  margin-top: 18px;
}
.myProductsList > .myProductContainer {
  padding: 0px 10px;
  padding-top: 20px;
}
/* VIRTUEMART - PRODUCTS LIST - col 4 */
.myProductsList.myPerRow4 > .myProductContainer {
  width: 25%;
  min-width: 320px;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer */
.myProductsList .spacer {
  background-color: white;
  box-shadow: 0px 0px 17px 2px rgb(0 0 0 / 14%);
  /*border-radius: 5px;*/
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - image */
.myProductsList .spacer .productImage {
  position: relative;
}
.myProductsList .spacer .productImage:before {
  content: '';
  display: block;
  /*padding-top: 66.66667%;*/
  padding-top: 66.3%;
}
.myProductsList .spacer .productImage img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  object-fit: scale-down;
}
.myProductsList .spacer .productImage img.vyplnit {
  object-fit: cover;
}
.myProductsList .spacer .productImage img.myVmAkceFlag {
  width: auto;
  height: auto;
  object-fit: unset;
  top: 7px;
  left: auto;
  right: 7px;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - content */
.myProductsList .spacer .productContent {
  padding: 0px 18px;
  padding-top: 21px;
  padding-bottom: 26px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - title + short description */
.myProductsList .spacer .productTitle a,
.myProductsList .spacer .productTitle {
  color: #46464b;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.myProductsList .spacer .productShortDesc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.myProductsList .spacer .productShortDesc .myCover {
  padding-top: 7px;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - bottom */
.myProductsList .spacer .productBottom {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - price */
.myProductsList .spacer .productPrices {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  height: 100%;
  align-items: flex-start;
}
.myProductsList .spacer .productPrice {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: flex-start;
  align-items: flex-end;
  color: #6cceff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.myProductsList .spacer .productPrice.myDiscount {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #333;
  /*text-decoration: line-through;*/
  position: relative;
}
.myProductsList .spacer .productPrice.myDiscount:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 8px);
  height: 1px;
  background-color: black;
  left: -4px;
  top: 50%;
  transform: rotate(-7deg);
}
.myProductsList .spacer .productPrice > div > .PricesalesPrice {
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
/* VIRTUEMART - PRODUCTS LIST - products spacer - detail button */
.myProductsList .spacer .productDetail a {
  background-color: #6cceff;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  padding: 9px 18px;
  min-width: 133px;
  text-align: center;
  border-radius: 18px;
}
.myProductsList .spacer .productDetail a:hover {
  background-color: #fdc300;
  color: #4d4d4d;
}
/* VIRTUEMART - PRODUCTS LIST - module title */
.myModuleTitle {
  color: #21bbff;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 36px;
}
@media (max-width: 1299px) {
  .myProductVybrane .myModuleTitle {
    text-align: center;
  }
  .myProductVybrane .myProductsList {
    justify-content: center;
  }
}

/* VIRTUEMART - PRODUCTS DETAIL */
/* VIRTUEMART - PRODUCTS DETAIL - back to category */
div.myBackToCategory {
  background-color: #6cceff;
  padding: 31px 38px;
  color: white;
  font-size: 38px;
  font-weight: 600;
  text-align: center;
  line-height: 46px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  /*min-height: 186px;*/
  min-height: 136px;
}
div.myBackToCategory > * {
  margin: 7px 0px;
}
div.myBackToCategory .myBackToCategoryTitle {
  max-width: 1350px;
}
/* VIRTUEMART - PRODUCTS DETAIL - back to category - link */
div.myBackToCategory .myBackToCategoryLink,
div.myBackToCategory .myBackToCategoryLink:before {
  transition: all 0.2s linear 0s;
}
div.myBackToCategory .myBackToCategoryLink {
  /*float: left;*/
  color: white;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
}
div.myBackToCategory .myBackToCategoryLink:hover {
  color: #46464b;
}
div.myBackToCategory .myBackToCategoryLink:before {
  content: '<';
  display: inline-block;
  width: 31px;
  height: 31px;
  background-color: white;
  border-radius: 100%;
  color: #6cceff;
  line-height: 31px;
}
div.myBackToCategory .myBackToCategoryLink:hover:before {
  background-color: #46464b;
}
div.myBackToCategory .myBackToCategoryLink > span {
  padding-left: 11px;
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
div.myBackToCategory .myBackToCategoryLink.mySpacer {
  margin: 0px;
  margin-left: 20px;
  height: 0px;
  overflow: hidden;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT */
.myProductdetailsView {
  background-image: url(/images/pozadi/hlavni-obsah.webp);
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-size: 100% auto;
  padding-top: 54px;
  padding-bottom: 77px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT */
.myProductdetailsView .myLeftRight {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  z-index: 2;
}
.myProductdetailsView .myLeftRight .myLeft {
  width: 46.78363%;
}
.myProductdetailsView .myLeftRight .myRight {
  width: 51.38889%;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - images */
.myProductDetailImg .myMainImageCover {
  position: relative;
}
.myProductDetailImg .myMainImageCover img.myVmAkceFlag {
  display: block;
  position: absolute;
  top: 7px;
  left: auto;
  right: 7px;
}
.myProductDetailImg .main-image {
  /*background-color: white;*/
  /*box-shadow: 0px 0px 1px rgb(0 0 0 / 30%);*/
}
.myCistirna .myProductDetailImg .main-image {
  /*padding: 0px 75px;*/
  /*padding: 0px 12%;*/
  padding: 0px 7%;
}
.myProductDetailImg .main-image img {
  /*width: 100%;*/
  display: block;
  margin: auto;
}
.myProductDetailImg .additional-images {
  margin: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px -6px;
}
.myProductDetailImg .additional-images > div.floatleft {
  /*width: 25%;*/
  /*padding: 12px 6px;*/
  /*padding-bottom: 0px;*/
  /*box-sizing: border-box;*/
  position: relative;
  width: calc(25% - 12px);
  margin: 12px 6px;
  margin-bottom: 0px;
}
.myProductDetailImg .additional-images > div.floatleft:before {
  content: '';
  display: block;
  padding-top: 66.22517%;
}
.myProductDetailImg .additional-images img {
  margin: 0px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  object-fit: cover;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - title */
.myProductDetailTitleCover {
  margin-bottom: 20px;
}
h1.myProductDetailTitle {
  margin: 0px;
  font-size: 27px;
  font-weight: 600;
  line-height: 41px;
  color: #21bbff;
  /*margin-bottom: 20px;*/
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - short description */
.myProductDetailSDesc {

}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - long description */
.myProductDetailDesc {
  color: #424242;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  font-family: myRoboto;
}
.myProductDetailDesc + .myProductDetailDesc.myModuleDesc {
  margin-top: 10px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - custom */
.myProductDetailCart {
  margin-top: 37px;
}
.myProductDetailCart form > .vm-customfields-wrap > .product-fields > .product-field,
.myProductDetailCart .myProductField.myTypeS {
  float: none;
  margin: 0px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.myProductDetailCart .product-fields-title-wrapper {
  display: block;
  padding: 0px;
  min-width: auto;
}
.myProductDetailCart .product-fields-title,
.myProductDetailCart .myCustomTitle {
  color: #6cceff;
  float: none;
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
.myProductDetailCart .product-fields-title strong {
  font-weight: 500;
}
.myProductDetailCart .product-field-display {
  float: none;
}
.myProductDetailCart .product-field-display .controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 0px -5px;
}
.myProductDetailCart .product-field-display .controls label {
  margin: 5px 5px;
  padding: 4px;
  min-width: 44px;
  height: 44px;
  line-height: 36px;
  text-align: center;
  box-shadow: 0px 0px 7px rgb(0 0 0 / 17%);
  border-radius: 8px;
  cursor: pointer;
  color: #424242;
  font-size: 18px;
  font-weight: 500;
}
.myProductDetailCart .product-field-display .controls label:hover {
  /*background-color: #424242;*/
  /*color: white;*/
  background-color: #fdc300;
  color: #4d4d4d;
}
.myProductDetailCart .product-field-display .controls label.myActive {
  background-color: #6cceff;
  color: white;
}
.myProductDetailCart .product-field-display .controls label input[type="radio"] {
  display: none;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - custom - FOR CHILD */
.myProductDetailCart .myCartCustom.myTypeA {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*flex-wrap: nowrap;*/
  display: block;
  /*box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);*/
  /*border-radius: 6px;*/
  margin-bottom: 16px;
}
.myProductDetailCart .myCartCustom.myTypeA:last-child {
  margin-bottom: 37px;
}
.myProductDetailCart .myCartCustom.myTypeA .myCustomTitle {
  margin: 0px;
  width: 135px;
  background-color: #21bbff;
  color: white;
  border-radius: 6px;
  text-align: center;
  padding: 7px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-right: -6px;
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 700;
}
.myProductDetailCart .myCartCustom.myTypeA .myProductField {
  margin-bottom: 0px;
  /*flex: auto;*/
  /*max-width: calc(100% - 135px + 6px);*/
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
  border-radius: 6px;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display.myImgSelect {
  background-color: white;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display .chzn-container {
  /*width: 100% !important;*/
  width: calc(100% - 135px + 6px) !important;
  margin: 0px;
  display: block;
  /*height: 100%;*/
  height: auto;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display .chzn-container-single .chzn-single {
  margin: 0px;
  border: 0px;
  border-radius: 0px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 100%;
  line-height: 100%;
  background-color: white;
  color: #787878;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding-left: 32px;
  /*padding-right: 30px;*/
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display .chzn-container-single .chzn-single span {
  line-height: 24px;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display .chzn-container-single .chzn-single div b {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  background-image: none !important;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display .chzn-container-single .chzn-drop {
  width: calc(100% - 12px) !important;
  border: 0px;
  margin-top: 1px;
  margin-left: 9px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - custom - FOR CHILD - for image select */
.myProductDetailCart .myCartCustom.myTypeA .product-field-display.myImgSelect .myCustomFiledImages {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
  padding: 4px;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display.myImgSelect .myCustomFiledImages img {
  /*border: 3px solid #F8F8F8;*/
  border: 3px solid #c5c5c5;
  cursor: pointer;
  margin: 3px;
}
.myProductDetailCart .myCartCustom.myTypeA .product-field-display.myImgSelect .myCustomFiledImages img:hover,
.myProductDetailCart .myCartCustom.myTypeA .product-field-display.myImgSelect .myCustomFiledImages img.myActive {
  border: 3px solid #00a0dc;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - custom - add module text */
.myProductDetailTextCustomCart.typDown {
  margin-top: 7px;
}
.myProductDetailTextCustomCart.typUp {
  margin-bottom: 7px;
}
.myProductDetailTextCustomCart ul:last-child {
  margin-bottom: 0px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - custom - add module pop up */
.myProductDetailPopUpInCustomCart {
  margin: 5px 0px;
  margin-left: 40px;
}
.myModulePopUp {

}
.myModulePopUp .myTitle {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
  cursor: pointer;
  display: block;
}
.myModulePopUp .myTitle:hover {
  text-decoration: none;
  color: #21bbff;
}
.myModulePopUp .myContent {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  background-color: rgb(0 0 0 / 33%);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  /*display: none;*/
  height: 0%;
  overflow: hidden;
  transition: height 0.0s linear 0.2s;
}
.myModulePopUp .myContent.myOpen {
  /*display: flex;*/
  height: 100%;
  transition: height 0.0s linear 0.0s;
}
.myModulePopUp .myContent .myContentCover {
  background-color: white;
  padding: 20px;
  max-width: 97%;
  max-height: 97%;
  display: flex;
  position: relative;
  transition: transform 0.2s linear 0s;
  transform: scale(0.1);
}
.myModulePopUp .myContent.myOpen .myContentCover {
  transform: scale(1.0);
}
.myModulePopUp .myContent .myContentCover .myClose {
  position: absolute;
  font-size: 13px;
  font-weight: bold;
  line-height: 21px;
  top: 7px;
  right: 7px;
  width: 21px;
  height: 21px;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  background-color: #6cceff;
  color: white;
  font-family: myRoboto;
}
.myModulePopUp .myContent .myContentCover .myClose:hover {
  background-color: #fdc300;
  color: #4d4d4d;
}
.myModulePopUp .myContent .myContentCover > div {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
}
.myModulePopUp .myContent div.custom table {
  /*width: 2000px;*/
  /*height: 2000px;*/  
} 
.myModulePopUp .myContent div.custom table td {
  border: 1px solid black;
  padding: 10px 10px;
  line-height: 120%;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - price and cart */
.myProductDetailCart form .myVmDetailPriceAndCard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - price */
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price {
  float: none;
  text-align: left;
  margin: 0px;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price > div {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  font-family: myRoboto;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price > div > span {
  display: block;
  margin: 0px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price > div > span.vm-price-desc {
  margin-left: 6px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricesalesPrice {/* konecna cena s DPH */
  color: #21bbff;
  font-size: 34px;
  font-weight: 700;
  line-height: 34px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricediscountedPriceWithoutTax {/* konecna cena bez DPH */
  color: #6c6c6c;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  /*margin-top: 4px;*/
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePriceWithTax {/* konecna cena s DPH bez slevy! */
  color: #21bbff;
  font-size: 23px;
  font-weight: 700;
  line-height: 23px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePrice {/* konecna cena bez DPH bez slevy! */
  color: #6c6c6c;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  margin-bottom: 9px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePriceWithTax.vm-display,
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePrice.vm-display {
  position: relative;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePriceWithTax.vm-display:after,
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePrice.vm-display:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 8px);
  height: 1px;
  background-color: black;
  left: -4px;
  top: 50%;
  transform: rotate(-7deg);
}
.myProductDetailCart form .myVmDetailPriceAndCard > .product-price div.PricebasePrice.vm-display:after {
  transform: rotate(-5deg);
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - LEFT RIGHT - add to cart - add to cart */
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar {
  /*margin-top: 40px;*/
  margin-top: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span {
  display: block;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span.quantity-box {
  margin-right: 10px;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span.quantity-box input {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #ababab;
  line-height: normal;
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  font-family: myRoboto;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span.quantity-controls {
  display: none;
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span.addtocart-button input.addtocart-button {
  border-radius: 8px !important;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 20px !important;
  min-width: 221px;
  color: white !important;
  background-color: #6cceff !important;  
}
.myProductDetailCart form .myVmDetailPriceAndCard > .addtocart-bar > span.addtocart-button input.addtocart-button:hover {
  color: #4d4d4d !important;
  background-color: #fdc300 !important;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - BOTTOM CONTENT - custom fields params */
table.myProductDetailParams {
  width: auto;
  margin-bottom: 0px;
  margin-top: 32px;
}
.myRight table.myProductDetailParams {
  margin-top: 10px;
}
table.myProductDetailParams td {
  border: 0px;
  padding: 0px;
  color: #424242;
  font-size: 17px;
  font-weight: 400;
  font-family: myRoboto;
  line-height: 21px;
  padding: 7px 0px;
}
table.myProductDetailParams td.myTitle {
  color: #21bbff;
  font-weight: 500;
}
table.myProductDetailParams td:nth-child(n+2) {
  padding-left: 30px;
}
/* VIRTUEMART - PRODUCTS DETAIL - VIEW CONTENT - BOTTOM CONTENT - related products */
.myRelatedProducts {
  margin-top: 50px;
}
.myRelatedProducts .myTitle {
  font-size: 27px;
  font-weight: 600;
  color: #21bbff;
  text-align: center;
  line-height: 35px;
  margin-bottom: 38px;
}



/* GALLERY STYLING */
.mySpGallery > div.sppb-addon-content > .sppb-gallery {
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.mySpGallery > div.sppb-addon-content > ul > li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
@media (min-width: 980px) {
  .mySpGallery.my4 > div.sppb-addon-content > ul > li {
    width: calc(25% - 18px);
  }
  .mySpGallery.my5 > div.sppb-addon-content > ul > li {
    width: calc(20% - 18px);
  }
}
@media (max-width: 979px) and (min-width: 375px) {
  .mySpGallery > div.sppb-addon-content > ul > li {
    width: calc(50% - 18px);
  }
}
@media (max-width: 374px) {
  .mySpGallery > div.sppb-addon-content > ul > li {
    width: calc(100% - 18px);
  }
}


/* POP UP MOBILE MENU - offcanvas */
div.offcanvas-menu > div.offcanvas-inner {
  padding: 20px;
  padding-top: 37px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu > .sp-module-title {
  margin-bottom: 10px;
  padding-left: 5px;
  font-weight: bold;  
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile ul > li:last-child {
  border-bottom: 0px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile li > span {
  position: relative;
  display: block;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul li > span > a,
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul li > span > span.myPM {
  color: #5f5f5f;
  font-weight: 500;
  line-height: 28px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile li > span > span.myPM {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul > li a {
  text-transform: none;
  display: block;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile > li > span > a {
  padding: 10px 10px;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile li.parent > span > a {
  padding-right: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li:hover > span > a,
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li.active > span > a {
  background: none;
}
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li:hover > span > a,
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li:hover > span > span.myPM {
  color: #5f5f5f;
}
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li.active > span > a,
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu ul > li.active > span > span.myPM {
  color: #21bbff;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile li.parent > span > span.myPM:before {
  content: "\f067";
  font-family: FontAwesome;
  display: inline-block; 
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile li.parent.myOpen > span > span.myPM:before {
  content: "\f068";
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile > li > ul {
  /*height: 0px;*/
  overflow: hidden;
  display: none;
}
div.offcanvas-menu > div.offcanvas-inner .sp-module.off-canvas-menu ul.myVmMenuMobile > li.active > ul {
  /*height: auto;*/
  display: block;
}
/* POP UP MOBILE MENU - offcanvas - BUTTON */
a#offcanvas-toggler {
  line-height: 28px;
  float: none;
  /*margin-left: 0px;*/  
  margin: auto;
}
a#offcanvas-toggler:after {
  content: 'Menu';
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding-left: 5px;
}
a#offcanvas-toggler:after,
a#offcanvas-toggler i {
  color: #46464b;
}
a#offcanvas-toggler i {
  vertical-align: top;
}
a#offcanvas-toggler i:before {
  font-size: 28px;
}


/* ADD VM STYLE - Svoz a rozvoz */
h3.sppb-addon-title {
  border-bottom: none;
}
span.addtocart-button span.addtocart-button-disabled {
  color: black;
}
.myProductDetailTextCart {
  margin-top: 15px;
}
/* ADD VM STYLE - Svoz a rozvoz - ROZCESTNIK */
.sppb-section.myRozcestnik > .sppb-container-inner > .sppb-row {
  gap: 2%;
}
.sppb-section.myRozcestnik.my8 > .sppb-container-inner > .sppb-row {
  gap: 1%;
}
.sppb-section.myRozcestnik > .sppb-container-inner > .sppb-row > .sppb-col-md-2 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}
.sppb-section.myRozcestnik > .sppb-container-inner > .sppb-row > .sppb-col-md-1 {
  -ms-flex: 0 0 11.625%;
  flex: 0 0 11.625%;
  max-width: 11.625%;
}
.sppb-section.myRozcestnik .sppb-addon-wrapper,
.sppb-section.myRozcestnik .sppb-addon-wrapper > div,
.sppb-section.myRozcestnik .sppb-addon-wrapper > div > .sppb-addon,
.sppb-section.myRozcestnik .sppb-addon-wrapper > div > .sppb-addon > .sppb-addon-content,
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table {
  height: 100%;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content {
  text-align: center;
  /*padding: 15px;*/
  padding: 10px;
  border-radius: 15px;
  position: relative;
  background-color: #e6e6e6;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content:hover {
  background-color: #e6f2ff;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content:before {
  content: '>';
  display: block;
  position: absolute;
  font-size: 34px;
  color: #8dc63f;
  top: 0px;
  bottom: 0px;
  left: 100%;
  margin: auto;
  height: 24px;
  width: 13.33333%;
}
.sppb-section.myRozcestnik.my8 .myColType1 > .sppb-addon-content:before {
  width: 8.6022%;
  font-size: 28px;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table {
  margin: 0px;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table > tbody,
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table > tbody > tr,
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table tr:nth-child(1) > td {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  padding: 8px;
  box-sizing: content-box;
  font-weight: 600;
  font-size: 16px;
  background-color: #00a0dc;
  border-radius: 100%;
  color: white;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table tr:nth-child(2) {
  margin-top: 20px;
  /*min-height: 36px;*/
  min-height: 54px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table h3 {
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  color: #00a0dc;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table img {
  margin: auto;
  height: 136px;
  object-fit: contain;
  width: 100%;
  margin-top: 5px;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > table tr:nth-child(4) {
  margin-top: 5px;
  color: black;
  font-size: 13px;
  /*font-weight: 300;*/
  line-height: 140%;
}
.sppb-section.myRozcestnik .myColType1 > .sppb-addon-content > div:last-child > a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content {
  background-color: #8dc63f;
  text-align: center;
  border-radius: 15px;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content:hover {
  background-color: #00a0dc;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table {
  width: 100%;
  color: white;
  font-size: 18px;
  line-height: 130%;
  font-weight: 600;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table,
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody,
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr,
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr {
  height: 50%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:hover div:nth-child(2) {
  text-decoration: underline;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(1),
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(1) a {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(2),
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(2) a {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(n+2):before {
  content: '';
  display: block;
  position: absolute;
  left: 18px;
  right: 18px;
  height: 1px;
  background-color: white;
  top: 0px;
}
.sppb-section.myRozcestnik .myColType2 > .sppb-addon-content > table a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}


/* CISRTIRNA NEW SIGNPOST (rozcestnik) */
.myCistirnaRozcestnikCols > div.sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  /*gap: 40px 20px;*/
  gap: 20px 20px;
  /*width: 100%;*/
  padding: 0px 20px;
}
@media (max-width: 1599px) {
  .myCistirnaRozcestnikCols > div.sppb-column-addons {
    max-width: 999px;
    margin-left: auto;
    margin-right: auto;
  }
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div {
  /*flex: 0 0 176px;*/
  width: 176px;
  position: relative;
  text-align: center;
  color: white;
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div:nth-last-child(n+2):before {
  content: '>';
  display: block;
  position: absolute;
  font-size: 34px;
  /*color: #8dc63f;*/
  color: #fdc300;
  top: 0px;
  bottom: 0px;
  left: 100%;
  margin: auto;
  height: 24px;
  width: 20px;
}
@media (max-width: 424px) {
  .myCistirnaRozcestnikCols > div.sppb-column-addons {
    /*gap: 10px 10px;*/
    /*padding: 0px 5px;*/
  }
  .myCistirnaRozcestnikCols > div.sppb-column-addons > div:nth-last-child(n+2):before {
    display: none;
  }
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div > div.clearfix,
.myCistirnaRozcestnikCols > div.sppb-column-addons > div > div.clearfix > div.sppb-addon,
.myCistirnaRozcestnikCols > div.sppb-column-addons > div > div.clearfix > div.sppb-addon > div.sppb-addon-content {
  height: 100%;
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div div.sppb-addon {
  text-align: center;
  padding: 18px 10px;
  background-color: #6cceff;
  transition: all 0.2s linear 0s;
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div div.sppb-addon:hover {
  background-color: #5fb8fd;
  transform: scale(1.08);
}
/* CISRTIRNA NEW SIGNPOST (rozcestnik) - CONTENT COL */
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table {
  margin: 0px;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table > tbody,
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table > tbody > tr,
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table tr:nth-child(1) > td {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  padding: 8px;
  box-sizing: content-box;
  font-weight: 600;
  /*font-size: 16px;*/
  font-size: 18px;
  /*background-color: #00a0dc;*/
  background-color: #58585a;
  border-radius: 100%;
  color: white;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table tr:nth-child(2) {
  margin-top: 20px;
  /*min-height: 36px;*/
  min-height: 54px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table h3 {
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  /*color: #00a0dc;*/
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table img {
  margin: auto;
  height: 136px;
  object-fit: contain;
  width: 100%;
  margin-top: 5px;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > table tr:nth-child(4) {
  margin-top: 5px;
  /*color: black;*/
  font-size: 13px;
  /*font-weight: 300;*/
  line-height: 140%;
}
.myCistirnaRozcestnikCols .myColType1 > .sppb-addon-content > div:last-child > a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div div.sppb-addon.myColType2 {
  /*background-color: #8dc63f;*/
  background-color: #fdc300;
  padding: 0px;
}
.myCistirnaRozcestnikCols > div.sppb-column-addons > div div.sppb-addon.myColType2:hover {
  /*background-color: #46464b;*/
  /*background-color: #5fb8fd;*/
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table {
  width: 100%;
  color: white;
  font-size: 18px;
  line-height: 130%;
  font-weight: 600;
  height: 100%;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table,
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody,
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr,
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr > td {
  display: block;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 1px 0px;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr {
  height: 50%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  transition: all 0.2s linear 0s;
  background-color: transparent;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr:hover {
  background-color: #46464b;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr:hover div:nth-child(2) {
  /*text-decoration: underline;*/
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table > tbody > tr:nth-child(n+2):before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: white;
  top: -1px;
}
.myCistirnaRozcestnikCols .myColType2 > .sppb-addon-content > table a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
/* CISRTIRNA NEW SIGNPOST (rozcestnik) - MODULE BUTTON IN DETAIL */
.myCistirnaDeka .myButtonLink a.myButtonDeka,
.myCistirnaPolstar .myButtonLink a.myButtonPolstar {
  background-color: #fdc300;
  /*color: #161616;*/
}
.myCistirnaDeka .myButtonLink a.myButtonDeka:hover,
.myCistirnaPolstar .myButtonLink a.myButtonPolstar:hover {
  background-color: #46464b;
  /*color: white;*/
}


/* CISTIRNA TABULKA */
.myCistirnaTable .sppb-addon-content > table {
  width: 100%;
}
.myCistirnaTable .sppb-addon-content > table th,
.myCistirnaTable .sppb-addon-content > table td {
  border: 1px solid white;
  padding: 5px 12px;
  background-color: #58585a;
  color: white;
}
.myCistirnaTable .sppb-addon-content > table th {
  background-color: #4c9dda;
}


/* VM CART */
/* VM CART - VP One Page Checkout */
section#sp-main-body div#sp-component div#ProOPC {
  padding-top: 33px;
  padding-bottom: 20px;
}
section#sp-main-body div#sp-component div#ProOPC form#proopc-carttable-form > #proopc-pricelist td.col-name div.proopc-p-sku {
  display: none;
}
section#sp-main-body div#sp-component div#ProOPC textarea,
section#sp-main-body div#sp-component div#ProOPC input[type="text"],
section#sp-main-body div#sp-component div#ProOPC input[type="email"] {
  max-width: 100% !important;
  box-sizing: border-box;
}
section#sp-main-body div#sp-component div#ProOPC textarea,
section#sp-main-body div#sp-component div#ProOPC input[type="text"],
section#sp-main-body div#sp-component div#ProOPC input[type="email"],
section#sp-main-body div#sp-component div#ProOPC select {
  padding: 6px 8px !important;
}
section#sp-main-body div#sp-component div#ProOPC div.virtuemart_country_id-group select#virtuemart_country_id_field,
section#sp-main-body div#sp-component div#ProOPC div.shipto_virtuemart_country_id-group select#shipto_virtuemart_country_id_field {
  display: block !important;
}
section#sp-main-body div#sp-component div#ProOPC div.virtuemart_country_id-group div.sp-select,
section#sp-main-body div#sp-component div#ProOPC div.shipto_virtuemart_country_id-group div.sp-select {
  display: none;
}
section#sp-main-body div#sp-component div#ProOPC tr.add-padding .proopc-qty-update .proopc-input-append > input[type="number"] {
  box-sizing: border-box;
  max-width: 60px;
  padding: 0px 2px !important;
  min-height: 29px !important;
}
section#sp-main-body div#sp-component div#ProOPC form#EditBTAddres div.hmotnost-group,
section#sp-main-body div#sp-component div#ProOPC form#EditBTAddres div.baliku-group {
  display: none;
}
section#sp-main-body div#sp-component div#ProOPC form#EditBTAddres div.zip-group {
  width: 30%;
  margin-right: 15px;
}
section#sp-main-body div#sp-component div#ProOPC form#EditBTAddres div.city-group {
  width: calc(70% - 15px);
}
div#ProOPC span.PricebillTotal,
div#ProOPC span.PricebillTaxAmount {
  text-transform: none;
}
/* VM CART - VP One Page Checkout - Top module text a add fileds */
div.myVmCartTop,
#ProOPC div.myVmCartTop {
  padding: 15px;
  color: black;
  margin-bottom: 20px;
  /*background-color: #6cceff;*/
  background-color: #fafafa;
  border: 1px solid #dddddd;
}
div.myVmCartTop,
#ProOPC div.myVmCartTop p {
  font-size: 15px;
}
div.myVmCartTop p {
  margin-bottom: 7px;
}
div.myVmCartTop p:last-child {
  margin-bottom: 0px;
}
div.myVmCartTop a,
#ProOPC div.myVmCartTop a {
  /*color: #337ab7;*/
}
div.myVmCartTop h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 11px;
  margin-top: 5px;
}
form.myVmCartAddFileds,
#ProOPC form.myVmCartAddFileds {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px 15px;
}
form.myVmCartAddFileds > div {
  width: calc(50% - 7.5px);
}


/* OBCHODNI PODMINKY page */
.vendor-details-view .vendor-image > img {
  margin-top: 7px;
}


/* VM IKONA ZAKAZKOVA VYROBA */
.myVmFlag1 {
  position: absolute;
  top: 7px;
  left: 7px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 7px;
  color: black;
  /*text-transform: uppercase;*/
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  /*-webkit-text-stroke: 1px #fff;*/
  text-shadow: 0px 0px 1px #fff;
}
.myProductsList .spacer .productImage .myVmFlag1 > img,
.myVmFlag1 > img {
  width: 44px;
  height: 44px;
  object-fit: scale-down;
  position: relative;
  top: auto;
  left: auto;
}
.myVmFlag1 > span {
  padding-bottom: 2px;
}
.myVmFlag1 > span > strong {
  color: #e30613;
}