/* 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');
}
@font-face {
    font-family: myIcon;
    font-display: swap;
  src: url('/templates/add_fonts/ikony/icomoon.woff') format('woff');
}*/
/* 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 {
    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 {
    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 {
    font-family: myRoboto;
    font-display: swap;
  src: url('/templates/add_fonts/roboto/roboto_bold_v2.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}*/
/*@font-face {
    font-family: myIcon;
    font-display: swap;
  src: url('/templates/shaper_helixultimate/fonts/my/fontello.woff2') format('woff2');
}*/


/* REPAIR */
footer#sp-footer > .row {
  margin-left: 0px;
  margin-right: 0px;
}
iframe {
  display: block;
  max-width: 100%;
}
table.sppb-table-style {
  table-layout: unset;
  /*border-collapse: collapse;*/
  width: auto;
  overflow: visible;
}
.sppb-table-style td,
.sppb-table-style th {
  border: 0px !important;
  min-width: unset;
  padding: 0px;
  position: static;
}
/* REPAIR - JCE PopUP !!! */
.wf-mediabox-theme-light .wf-mediabox-caption+.wf-mediabox-nav>* {
  top: auto;
  bottom: 0px;
}
.wf-mediabox-frame,
.wf-mediabox-frame.wf-mediabox-fullscreen {
  overflow: auto;
}
/* REPAIR - JCE PopUP !!! - left right switch */
.wf-mediabox-frame {
  padding-left: 30px;
  padding-right: 30px;
}
.wf-mediabox-theme-light .wf-mediabox-container,
.wf-mediabox-theme-light .wf-mediabox-container .wf-mediabox-content-image,
.wf-mediabox-theme-light .wf-mediabox-container .wf-mediabox-content {
  overflow: visible;
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev,
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next {
  width: 30px;
  /*background-color: red;*/
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev {
  right: calc(100% + .5em);
  left: auto;
}
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next {
  left: calc(100% + .5em);
  right: auto;
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev::after,
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next::after {
  box-shadow: none;
  display: block;
  padding: 0px;
  font-size: 35px;
  background-color: transparent;
  color: #fff;
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev::after {
  content: "\00ab";
  left: 0px;
  right: auto;
}
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next::after {
  content: "\00bb";
  right: 0px;
  left: auto;
}
/* REPAIR - vyjizdeci podmenu */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  transform: translateY(0) !important;
}
/* REPAIR - VM Pop Up */
#fancybox-overlay {
  z-index: 11000;
}
#fancybox-wrap {
  z-index: 11010;
  /* my fix position */
  /*position: fixed;*/
  /*top: 10px !important;*/
  /*bottom: 10px;*/
  /*margin-top: -80px;*/
}
#fancybox-wrap > #fancybox-outer {
  /*height: auto;*/
  /*max-height: 100%;*/
  /*height: auto;*/
  /*width: auto;*/
  position: fixed;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  margin: auto;
  /*display: table;*/
  display: inline-block;
  height: fit-content;
  width: fit-content;
}
#fancybox-wrap > #fancybox-outer #fancybox-content {
  /*max-height: 100%;*/
  max-height: calc(100vh - 60px);
  width: auto !important;
  /*max-width: calc(100vh - 60px);*/
  opacity: 1 !important;
}
#fancybox-wrap > #fancybox-outer #fancybox-content #fancybox-frame {
  width: 560px;
  max-width: 100%;
}
#fancybox-title {
  display: none !important;
}


/* Owl Carousel SLIDER = Articles */
.mySlideArts .owl-carousel {
  position: relative;
}
.mySlideArts .owl-carousel > .owl-stage-outer {
  overflow: hidden;
}
.mySlideArts .owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  /*align-items: center;*/
  align-items: stretch;
  padding: 0px;
  min-height: 51px;
  min-width: 100%;
}
.mySlideArts .owl-carousel > .owl-dots {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0px 14px;
  margin-top: 15px;
}
.mySlideArts .owl-carousel > .owl-dots > button {
  border: 0px;
  padding: 0px;
  width: 15px;
  height: 15px;
  background-color: #dbd9d9;
  border-radius: 100%;
  overflow: hidden;  
}
.mySlideArts .owl-carousel > .owl-dots > button:not(.active):hover {
  background-color: #1e4d94;
}
.mySlideArts .owl-carousel > .owl-dots > button.active {
  background-color: #1dacf3;
  cursor: auto;
}
.mySlideArts .owl-carousel > .owl-dots > button > span {
  display: none;
}
/* Owl Carousel SLIDER = Articles = Modelove RADY */
.mySlideArts.mySlideKategorieArt .owl-carousel {
  width: calc(100% + 50px);
}
.mySlideArts.mySlideKategorieArt .owl-carousel > .owl-stage-outer {
  width: calc(100% - 50px);
}
.mySlideArts.mySlideKategorieArt .owl-carousel > .owl-stage-outer > .owl-stage {
  min-width: calc(100% + 50px);
  margin-left: -25px;
}
.mySlideArts.mySlideKategorieArt .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
  padding: 0px 25px;
}
.mySlideArts.mySlideKategorieArt .owl-carousel > .owl-nav {
  display: none;
}
.mySlideArts.mySlideKategorieArt .owl-carousel > .owl-dots {
  width: calc(100% - 50px);
}
/* Owl Carousel SLIDER = Articles = Modelove RADY = CONTENT */
.mySlideArts.mySlideKategorieArt .myContent {
  text-align: center;
}
.mySlideArts.mySlideKategorieArt .myContent p {
  margin-bottom: 0px;
}
/* Owl Carousel SLIDER = Articles = Modelove RADY = CONTENT - Image */
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(1) {
  display: block;
  position: relative;
}
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(1):before {
  content: '';
  display: block;
  padding-top: 45.7627%  
}
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(1) img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
/* Owl Carousel SLIDER = Articles = Modelove RADY = CONTENT - Title */
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(2) {
  font-size: 20px;
  line-height: 106%;
  font-weight: bold;
  margin-top: 20px;
}
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(2),
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(2) a {
  color: #1e4d94;
}
.mySlideArts.mySlideKategorieArt .myContent > *:nth-child(3) {
  font-size: 16px;
  line-height: 132%;
  font-weight: 400;
  margin-top: 3px;
}



/* 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;
}
body div.body-innerwrapper > section#sp-main-body {
  flex: 1;
  z-index: 2;
}


/* BASIC ELEMENT */
h1 {
  font-size: 30px;
  line-height: 116%;
  font-weight: 400;
  color: #1e4d94;
  margin-bottom: 12px;
}
h1:last-child {
  margin-bottom: 0px;
}
h2 {
  font-size: 24px;
  line-height: 116%;
  font-weight: 600;
  /*color: #1e4d94;*/
  margin-bottom: 12px;
}
h3 {
  font-size: 22px;
  line-height: 116%;
  font-weight: 400;
  color: #1e4d94;
  margin-bottom: 12px;
}
b,
strong {
  font-weight: 700;
}
a {
  /*color: #e31f25;*/
  /*color: #1dacf3;*/
  color: #1e4d94;
}
a:hover {
  color: #1e4d94;
  text-decoration: underline;
}
p, ol, ul, table {
  margin-bottom: 22px;
}
ul li::marker {
  color: #1e4d94;
}
p:last-child, ol:last-child, ul:last-child, table:last-child {
  margin-bottom: 0px;
}
table > tbody td {
  vertical-align: top;
}
table > tbody td:nth-last-child(n+2) {
  padding-right: 20px;
}
/* ADD REPEAT ELEMENT */
.mySpTitle1 .sppb-addon-title {

}
.mySpTitle1 .sppb-addon-content {
  font-size: 30px;
  font-weight: bold;
  color: #1e4d94;
  line-height: 118%;
  letter-spacing: -1px;
}
.mySpTitle1 .sppb-addon-content p {
  margin-bottom: 0px;
}
.mySpTitle2 .sppb-addon-title {
  font-size: 30px;
  font-weight: bold;
  color: #1e4d94;
  line-height: 118%;
  letter-spacing: -1px;
}
.mySpBgTitle1 {
  padding-top: 0.7vw;
  margin-bottom: -1vw;
}
.mySpBgTitle1.ver2 {
  padding-top: 0vw;
  margin-bottom: 0.4vw;
  margin-top: -0.6vw;
}
.mySpBgTitle1 h1.sppb-addon-title,
.mySpBgTitle1 .sppb-addon-title {
  color: #f2f3f4;
  font-weight: 700;
  /*font-size: 132px;*/
  font-size: 6.875vw;
  line-height: 100%;
  letter-spacing: -0.5vw;
}
.myBanners2Row .mySpBgTitle1 {
  display: block;
  position: absolute;
  left: calc( ((-100vw + (100% * (100 / 71))) / 2) + 10px );
  width: calc( 100% + ((100vw - (100% * (100 / 71))) / 2) - 10px );
  top: 8px;
  z-index: -1;
}
.mySpButtonDiv > span,
.mySpButton a {
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 2px;
  display: inline-block;
  border: 1px solid #1dacf3;
  padding: 16px 26px;
  border-radius: 22px;
  border-top-left-radius: 0px;
  background: transparent;
  color: #1e4d94;
}
.mySpButtonDiv > span:hover,
.mySpButton a:hover {
  /*background-color: #1dacf3;*/
  background: #1dacf3;
  color: #ffffff;
}
.sppb-div-addon.myModelRadaButtonCover .mySpButton a,
.myVmButtonAks.mySpButton a,
.ask-a-question.mySpButton a {
  border-color: #e05e20;
  background: #e05e20;
  color: #ffffff;
}
.sppb-div-addon.myModelRadaButtonCover .mySpButton a:hover,
.myVmButtonAks.mySpButton a:hover,
.ask-a-question.mySpButton a:hover {
  background: #ffffff;
  color: #e05e20;
}
.mySpButtonDiv {
  text-align: center;
}
.mySpButtonDiv > span {
  cursor: pointer;
}
.myOpen .mySpButtonDiv > span.my1,
.mySpButtonDiv > span.my2 {
  display: none;
}
.myOpen .mySpButtonDiv > span.my2 {
  display: inline-block;
}
#sp-footer-top .mySpButton.myRowButton2 > .sppb-addon-content,
.mySpButton.myRowButton2 > .sppb-addon-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px 15px;
}
.mySpButton.myRowButton2 > .sppb-addon-content > * {
  margin: 0px;
}


/* NEW STYLES = START */

/* BODY */
body {
  /*color: #232426;*/
}
.myVmProductsV1 .myProductContent {
  color: #232426;
}
#sp-main-body {
  padding: 0px;
}


/* HEADER */
#sp-header > div,
#sp-header > div > div,
#sp-header > div > div > .row {
  height: 100%;
}
#sp-header > div > div > .row {
  flex-wrap: nowrap;
}
#sp-header {
  height: 109px;
  /*padding-top: 5px;*/
  /*padding-bottom: 5px;*/
}
#sp-header.header-sticky {
  /*height: auto;*/
}
#sp-header.header-sticky #sp-logo .sp-module.myLogo img {

}
#sp-menu > .sp-column {
  flex-wrap: wrap;
  align-content: center;
  gap: 15px 0px;
  position: relative !important;
}
/* HEADER - logo */
#sp-logo.has-border,
#sp-logo {
  padding-right: 0px;
  line-height: 0px;
}
#sp-logo > .sp-column {
  height: 100%;
}
#sp-logo .sp-module.myLogo {
  margin-left: 0px;
}
/* HEADER - logo 2 */
#sp-header .sp-module.myLogoRight {
  margin-left: 40px;
}
/* HEADER - menu */
#sp-menu .menu-wrap.flex-auto {
  flex-grow: 0;
}
#sp-menu.menu-with-social .sp-megamenu-wrapper,
#sp-menu .sp-megamenu-wrapper {

}
#sp-menu .sp-megamenu-wrapper > ul.sp-megamenu-parent {
  margin: 0px;
}
.sp-megamenu-parent > li:last-child > a,
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  padding: 0px 18px;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  color: #232426;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  line-height: 40px;
}
.sp-megamenu-parent > li > a.myHome {
  display: none;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > span {
  color: #1e4d94;
  text-decoration: underline;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  color: #1e4d94;
  font-weight: 400;
  text-decoration: underline;
}
/* HEADER - menu - drop down */
.sp-megamenu-parent > li > a.myUnder1 + .sp-dropdown.sp-dropdown-main.sp-menu-right {
  min-width: 210px;
}
.sp-megamenu-parent > li > a.myUnder2 + .sp-dropdown.sp-dropdown-main.sp-menu-right {
  min-width: 230px;
}
.sp-megamenu-parent > li > a.myUnder3 + .sp-dropdown.sp-dropdown-main.sp-menu-right {
  min-width: 200px;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  /*left: 18px;*/
  min-width: 100%;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 10px 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  padding: 7px 20px;
  font-size: 15px;
  display: block;
}
/* HEADER - mobile menu - button */
body.ltr #offcanvas-toggler.offcanvas-toggler-right,
#offcanvas-toggler {
  height: auto;
  line-height: 100%;
  float: none;
  margin: 0px;
  text-decoration: none;
}
#offcanvas-toggler .myTitle:hover,
#offcanvas-toggler .myTitle {
  display: block;
  line-height: 100%;
  color: #232426;
  font-size: 20px;
  font-weight: 400;
  padding-left: 6px;
}
/* HEADER - mobile menu - content menu */
.offcanvas-menu > div:nth-child(1) {
  padding-top: 15px !important;
  padding-bottom: 7px !important;
}
.offcanvas-menu > div:nth-child(1) .myTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.offcanvas-menu .close-offcanvas {
  top: 14px;
}
.offcanvas-menu .offcanvas-inner {
  padding-top: 0px;
}
.offcanvas-menu .offcanvas-inner .header-modules {
  margin-bottom: 0px !important;
} 


/* SLIDESHOW */
.sppb-section.mySlideShowSection > div > .sppb-row {
  gap: 20px 0px;
}
.sppb-addon-sp-slider.mySlideShowAddon .sp-item .sp-background::after {
  background-image: linear-gradient(0deg, #1e4d94 0% 20%, transparent 50%);
  mix-blend-mode: hard-light;
}
.sp-slider.mySlideShowAddon .myText1 {
  font-size: 36px;
  line-height: 100%;
  font-weight: 400;
  color: white;
  position: absolute;
  bottom: 86px;
  left: 0px;
  width: 100%;
  text-align: right;
  padding: 0px 36px;
}
.sp-slider.mySlideShowAddon .myText1 em {
  font-style: normal;
  position: relative;
}
.sp-slider.mySlideShowAddon .myText1 em:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #1dacf3;
  left: 0px;
  top: 100%;
}
.sp-slider.mySlideShowAddon .myLink,
.sp-slider.mySlideShowAddon .myLink a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;  
}
.sp-slider.mySlideShowAddon .myLink a {
  text-indent: -100%;
  overflow: hidden;
  color: transparent;
  display: none;  
}
/* SLIDESHOW - dots */
.sp-slider.mySlideShowAddon div.sp-dots {
  height: auto;
  margin: 0px;
  display: table;
  width: auto;
}
.sp-slider.mySlideShowAddon div.sp-dots > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 14px 14px;
}
.sp-slider.mySlideShowAddon div.sp-dots > ul > li {
  border-radius: 100% !important;
  height: 15px !important;
  width: 15px !important;
  background-color: #ffffff;
  margin: 0px;
}
.sp-slider.mySlideShowAddon div.sp-dots > ul > li.active {
  background-color: #1dacf3;
  border-color: #1dacf3;
}
.sp-slider.mySlideShowAddon div.sp-dots > ul > li:after {
  width: 9px;
  height: 9px;
  border-radius: 100% !important;
  background: #1dacf3;
}


/* BANNERY 1 */
.sppb-column.myBanners1Col > .sppb-column-addons {
  display: flex;
  flex-direction: column;
  gap: 21px 0px;
}
.myBanner1 {
  min-height: 244px;
  font-size: 30px;
  line-height: 126%;
  font-weight: 300;
  /*color: #1e4d94;*/
  color: white;
  padding: 28px 22px;
  position: relative;
}
.myBanner1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background-color: rgb(29 172 243 / 33%);*/
  background-color: rgb(30 77 148 / 33%);
  transition: opacity 0.2s linear 0s;
  opacity: 0;
  /*z-index: 1;*/
}
.myBanner1:hover:before {
  opacity: 1;
}
.myBanner1:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #1e4d94 0% 20%, transparent 50%);
  /*mix-blend-mode: multiply;*/
  mix-blend-mode: hard-light;
}
.myBanner1 .sppb-addon-title {
  position: relative;
  z-index: 2;
}
.myBanner1 .sppb-addon-title em {
  font-style: normal;
  position: relative;
}
.myBanner1 .sppb-addon-title em:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #1dacf3;
  left: 0px;
  top: 100%;
} 
.myBanner1 .sppb-addon-content a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
  z-index: 3;
}


/* BANNERY 2 */
.sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column {
  padding-top: 27px;
}
.sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column:nth-child(2) {
  border-left: 1px solid #dbd9d9;
  padding-bottom: 27px;
}
.sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column:nth-child(2) > .sppb-column {
  padding-left: 3vw;
  box-sizing: border-box;
  max-width: calc( 100% + ((100vw - (100% * (100 / 29))) / 2) - 10px );
  width: 500px;
}

.myBannerModelovaRada {
  padding-right: 2vw;
  box-sizing: border-box;
  width: calc( 100% + ((100vw - (100% * (100 / 71))) / 2) - 10px );
  margin-left: calc( ((-100vw + (100% * (100 / 71))) / 2) + 10px );
  margin-top: 2.5vw;
}
.myBannerModelovaRada > div {
  width: 1094px;
  max-width: 100%;
  margin-left: auto;
}


/* BANNERY 3 = Flip Cards section */
.sppb-section.myBannersFlipCards > div {
  padding: 20px 10px;
  box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
}
.sppb-column.myBannersFlipCardsCol > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 13px 0px;  
}
#sp-page-builder .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
#sp-component .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
.sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div {
  width: calc(100% / 6);
  padding: 0px 10px;
  position: relative;
}
.sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background-color: #dbd9d9;
  top: 4px;
  bottom: 4px;
  right: calc(100% - 0.5px);
}
/*.sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div:nth-child(6n+1):before,*/
.sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div:nth-of-type(6n+1):before {
  display: none;
}
/* BANNERY 3 = Flip Cards section - MY FLIP CARD */
.sppb-section.myFlipCard > div,
.sppb-section.myFlipCard > div > .sppb-row {
  height: 100%;
}
.sppb-section.myFlipCard > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: stretch;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column {
  /*background-color: #f7f6f6;*/
  /*padding: 10px;*/
  text-align: center;
  /*min-height: 390px;*/
  flex-basis: auto !important;
  max-width: 100% !important;
  width: 100%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column:nth-child(1) {
  transform: rotateX(0deg) rotateY(0deg);
}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column:nth-child(2) {
  margin-left: -100%;
  transform: rotateX(0deg) rotateY(-180deg);
}
.sppb-section.myFlipCard > div > .sppb-row:hover > .sppb-row-column:nth-child(1) {
  transform: rotateX(0deg) rotateY(180deg);
}
.sppb-section.myFlipCard > div > .sppb-row:hover > .sppb-row-column:nth-child(2) {
  transform: rotateX(0deg) rotateY(0deg);
}
/* BANNERY 3 = Flip Cards section - MY FLIP CARD = content - img */
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .sppb-addon-single-image-container {
  display: block;
}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .sppb-addon-single-image-container img {
  display: block;
  width: 100%;
  height: 52px;
  object-fit: scale-down;
}
/* BANNERY 3 = Flip Cards section - MY FLIP CARD = content - text */
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .myText {

}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .myText .sppb-addon-title {
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  color: #1e4d94;
  margin-top: 17px;
}
.sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .myText .sppb-addon-content {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  margin-top: 2px;
}


/* TABS 1 */
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs {
  display: inline-flex;
  width: auto;
  margin-left: auto;
  margin-top: -40px;
  gap: 0px 24px;
  border-bottom: 1px solid #dbd9d9;
  margin-bottom: 20px;
}
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs:before,
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs:after {
  display: none;
}
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li {

}
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li > a {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 14px;
  color: #232426;
  background-color: transparent;
  border: 0px;
  border-bottom: 3px solid transparent;
}
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li > a:hover {
  border-bottom-color: #1e4d94;
}
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li.active > a,
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li.active > a:focus,
.myTabs1 > .sppb-addon-content > .sppb-nav-tabs > li.active > a:hover {
  border-bottom-color: #1e4d94;
  font-weight: 700;
}
.myTabs1 > .sppb-addon-content > .sppb-tab-content {

}


/* PRODUCT SLIDER V1 */
.myVmProductsV1 .owl-carousel {
  position: relative;
  width: calc(100% + 50px);
}
.myVmProductsV1 .owl-carousel > .owl-stage-outer {
  /*overflow: hidden;*/
  width: calc(100% - 50px);
}
.myVmProductsV1 .owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0px;
  min-height: 51px;
  /*min-width: 100%;*/
  min-width: calc(100% + 50px);
  margin-left: -25px;
}
.myVmProductsV1 .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
  padding: 0px 25px;
}
.myVmProductsV1 .owl-carousel > .owl-nav {
  /*display: none;*/
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0px 20px;
  margin-top: 20px;
  width: calc(100% - 50px);
}
.myVmProductsV1 .owl-carousel > .owl-nav > button {
  border: 0px;
  padding: 0px;
  /*position: absolute;*/
  /*top: 0px;*/
  /*bottom: 0px;*/
  /*margin: auto;*/
  width: 39px;
  height: 39px;
  /*background-repeat: no-repeat;*/
  /*background-position-y: 50%;*/
  background-color: transparent;
  border: 1px solid #1dacf3;
  border-radius: 100%;
  overflow: hidden;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.owl-prev {
  /*background-image: url(ikony/slider-left2.png);
  background-position-x: 0%;
  right: calc(100% + 5px);*/
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.owl-prev:hover {
  /*background-position-x: 100%;*/
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.owl-next {
  /*background-image: url(ikony/slider-right2.png);
  background-position-x: 100%;
  left: calc(100% - 4px + 5px);*/
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.owl-next:hover {
  /*background-position-x: 0%;*/
}
.myVmProductsV1 .owl-carousel > .owl-nav > button > span {
  /*display: none;*/
  color: #1dacf3;
  font-size: 40px;
  font-weight: 200;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin-top: -4px;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.owl-next > span {
  margin-left: 2px;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button,
.myVmProductsV1 .owl-carousel > .owl-nav > button > span {
  transition: all 0.2s linear 0s;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.disabled {
  /*display: none;*/
  /*border-color: #232426;*/
  border-color: #dbd9d9;
  cursor: auto;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button.disabled > span {
  /*color: #232426;*/
  color: #dbd9d9;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button:not(.disabled):hover {
  background-color: #1dacf3;
}
.myVmProductsV1 .owl-carousel > .owl-nav > button:not(.disabled):hover > span {
  color: #ffffff;
}
/* PRODUCT SLIDER V1 = Products style */
.myVmProductsV1 {
  /*padding: 14px;*/
  /*margin: -14px;*/
  /*overflow: hidden;*/
}
.myVmProductsV1.myCatView {
  
}
.myVmProductsV1.myCatView > .myCover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px 0px;
  margin: 0px -25px;
  /*align-items: center;*/
  align-items: stretch;
}
.myVmProductsV1.myCatView .myProductCover {
  width: 33.33%;
  padding: 0px 25px;  
}
.myVmProductsV1 .myProductContent {
  /*box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);*/
  padding: 0px 17px;
  /*padding-bottom: 30px;*/
  padding-bottom: 15px;
  text-align: center;
  font-size: 16px;
  position: relative;
}
.myVmProductsV1 .myProductContent:before {
  content: '';
  box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 104px;
  bottom: 0px;
  z-index: -1;
}
/* PRODUCT SLIDER V1 = Products style - image */
.myVmProductsV1 .myProductContent .myImage {
  display: block;
  position: relative;
  margin-bottom: 7px;
}
.myVmProductsV1 .myProductContent .myImage:before {
  content: '';
  display: block;
  /*padding-top: 48.7624%*/
  padding-top: 75%;  
}
.myVmProductsV1 .myProductContent .myImage .myCover {
  display: block;
  position: absolute;
  /*top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  width: fit-content;
  margin: auto;*/
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.myVmProductsV1 .myProductContent .myImage .myCover > a {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.myVmProductsV1 .myProductContent .myImage .myCover .myImgFlags {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px 0px;
  position: absolute;
  top: 20px;
  right: 0px;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
}
.myVmProductsV1 .myProductContent .myImage .myCover .myImgFlags > span {
  display: block;
  padding: 6px 5px;
  text-transform: uppercase;
  position: relative;
}
.myVmProductsV1 .myProductContent .myImage .myCover .myImgFlags > span > span {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 14px solid transparent;
  border-left: 0px;
  border-right: 18px solid #e30613;
  right: 100%;
  top: 0px;
}
.myVmProductsV1 .myProductContent .myImage .myCover .myImgFlag1 {
  display: block;
  position: absolute;
  top: 20px;
  right: 0px;
  background-color: #e30613;
  color: #fff;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  padding: 6px 5px;
}
.myVmProductsV1 .myProductContent .myImage .myCover .myImgFlag1:before {
  content: '';
  display: block;
  position: absolute;
  /*background-color: #e30613;*/
  /*top: 0px;*/
  /*left: -18px;*/
  /*width: 18px;*/
  /*height: 100%;*/
  /*-webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);*/
  /*clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);*/
  width: 0px;
  height: 0px;  
  border: 14px solid transparent;
  border-left: 0px;
  border-right: 18px solid #e30613;
  right: 100%;
  top: 0px;
}
.myVmProductsV1 .myProductContent .myImage img {
  display: block;
  /*position: absolute;*/
  /*top: 0px;*/
  /*left: 0px;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*object-fit: scale-down;*/
  position: relative;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}
/* PRODUCT SLIDER V1 = Products style - top params */
.myVmProductsV1 .myProductContent .myTopParams .myCover {
  /*margin-bottom: 15px;*/
  margin-bottom: 7px;
}
.myVmProductsV1 .myProductContent .myTopParams .myParam {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 0px 10px;
  font-weight: bold;
}
/* PRODUCT SLIDER V1 = Products style - title */
.myVmProductsV1 .myProductContent .myTitle {
  font-size: 22px;
  line-height: 114%;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myVmProductsV1 .myProductContent .myTitle,
.myVmProductsV1 .myProductContent .myTitle a {
  color: #1e4d94;
}
/* PRODUCT SLIDER V1 = Products style - short desc */
.myVmProductsV1 .myProductContent .mySDesc {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* PRODUCT SLIDER V1 = Products style - bottom params */
.myVmProductsV1 .myProductContent .myBottomParams {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}
.myDetailView .myBottomParams .myCover,
.myVmProductsV1 .myProductContent .myBottomParams .myCover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 0px;
  border: 1px solid #dbd9d9;
  border-left: 0px;
  border-right: 0px;
  padding: 8px 0px;
  overflow: hidden;
  margin-top: 15px;
}
.myDetailView .myBottomParams .myCover {
  margin-top: 0px;
  margin-bottom: 15px;
}
.myDetailView .myBottomParams .myCover > .myParam,
.myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam {
  width: 33.33%;
  padding: 0px 5px;
  position: relative;
  font-size: 14px;
  line-height: 119%;
  font-weight: bold;
  text-align: center;  
}
.myDetailView .myBottomParams .myCover > .myParam:before,
.myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #dbd9d9;
  left: -1px;
}
@media (min-width: 768px) {
  .myDetailView .myBottomParams .myCover > .myParam:nth-child(3n+1):nth-last-child(1):before,
  .myDetailView .myBottomParams .myCover > .myParam:nth-child(3n+1):nth-last-child(2):before,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:nth-child(3n+1):nth-last-child(1):before,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:nth-child(3n+1):nth-last-child(2):before {
    display: none;
  }
  .myDetailView .myBottomParams .myCover > .myParam:nth-child(3n+4):after,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:nth-child(3n+4):after {
    content: '';
    display: block;
    position: absolute;
    width: 500%;
    height: 1px;
    background-color: #dbd9d9;
    left: -250%;
    top: -8px;
  }
}
.myDetailView .myBottomParams .myCover > .myParam img,
.myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam img {
  display: block;
  margin: auto;
  width: 100%;
  height: 30px;
  object-fit: scale-down;
  margin-bottom: 4px;
}
/* PRODUCT SLIDER V1 = Products style - price */
.myDetailView .myPrice,
.myVmProductsV1 .myProductContent .myPrice {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  gap: 3px 10px;
  margin-top: 15px;
}
.myDetailView .myPrice > div.vm-display,
.myVmProductsV1 .myProductContent .myPrice > div.vm-display {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.myDetailView .myPrice > div.vm-display span.vm-price-desc,
.myVmProductsV1 .myProductContent .myPrice > div.vm-display span.vm-price-desc {
  margin: 0px;
  min-width: 0px;
}
.myDetailView .myPrice > div.vm-display:nth-last-child(2),
.myVmProductsV1 .myProductContent .myPrice > div.vm-display:nth-last-child(2) {
  flex-grow: 1;
  text-align: left;
}
.myDetailView .myPrice > div.vm-display.PricesalesPrice,
.myVmProductsV1 .myProductContent .myPrice > div.vm-display.PricesalesPrice {
  font-size: 22px;
  line-height: 114%;
  font-weight: bold;
  color: #1e4d94;
}
.myVmProductsV1 .myProductContent .myPrice > div.vm-display.PricesalesPrice.myAkceTydne {
  color: #e30613;
}
.myDetailView .myPrice > div.vm-display.PricebasePriceWithTax,
.myVmProductsV1 .myProductContent .myPrice > div.vm-display.PricebasePriceWithTax {
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  text-decoration: line-through;
}
/* PRODUCT SLIDER V1 = Products style - dostupnost */
.myDetailView .myAvailability,
.myVmProductsV1 .myProductContent .myAvailability {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  gap: 0px 5px;
  margin-top: 15px;
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  text-align: left;
}
/*.myDetailView .myAvailability > span:nth-child(1),*/
.myVmProductsV1 .myProductContent .myAvailability > span:nth-child(1) {
  flex-grow: 1;
}
.myDetailView .myAvailability > span:nth-child(2),
.myVmProductsV1 .myProductContent .myAvailability > span:nth-child(2) {
  color: #1e4d94;
}
/* PRODUCT SLIDER V1 = Products style - VLAJKY */
.myVmProductsV1 .myProductContent .myFlags .myCover {
  display: flex;
  gap: 3px 3px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-top: 15px;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
}
.myVmProductsV1 .myProductContent .myFlags .myFlag {
  padding: 4px 5px;
}


/* PRODUCT SLIDER V2 */
.myVmProductsV2 .owl-carousel {
  position: relative;
  width: calc(100% + 50px);
}
.myVmProductsV2 .owl-carousel > .owl-stage-outer {
  overflow: hidden;
  width: calc(100% - 50px);
}
.myVmProductsV2 .owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0px;
  min-height: 51px;
  /*min-width: 100%;*/
  min-width: calc(100% + 50px);
  margin-left: -25px;
}
.myVmProductsV2 .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
  padding: 0px 25px;
}
.myVmProductsV2 .owl-carousel > .owl-nav {
  display: none;
}
.myVmProductsV2 .owl-carousel > .owl-dots {
  width: calc(100% - 50px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0px 14px;
  margin-top: 15px;
}
.myVmProductsV2 .owl-carousel > .owl-dots > button {
  border: 0px;
  padding: 0px;
  width: 15px;
  height: 15px;
  /*background-repeat: no-repeat;*/
  /*background-position-y: 50%;*/
  background-color: #dbd9d9;
  border-radius: 100%;
  overflow: hidden;  
}
.myVmProductsV2 .owl-carousel > .owl-dots > button:not(.active):hover {
  background-color: #1e4d94;
}
.myVmProductsV2 .owl-carousel > .owl-dots > button.active {
  background-color: #1dacf3;
  cursor: auto;
}
.myVmProductsV2 .owl-carousel > .owl-dots > button > span {
  display: none;
}
/* PRODUCT SLIDER V2 = Products style */
.myVmProductsV2 {

}
.myVmProductsV2 .myProductContent {
  text-align: center;
}
.myVmProductsV2 .myProductContent .myImage {
  display: block;
  position: relative;
}
.myVmProductsV2 .myProductContent .myImage:before {
  content: '';
  display: block;
  padding-top: 45.7627%  
}
.myVmProductsV2 .myProductContent .myImage img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.myVmProductsV2 .myProductContent .myTitle {
  font-size: 20px;
  line-height: 106%;
  font-weight: bold;
  margin-top: 20px;
}
.myVmProductsV2 .myProductContent .myTitle,
.myVmProductsV2 .myProductContent .myTitle a {
  color: #1e4d94;
}
.myVmProductsV2 .myProductContent .myPrice > div.vm-display {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.myVmProductsV2 .myProductContent .myPrice > div.vm-display span.vm-price-desc {
  margin: 0px;
  min-width: 0px;
}
.myVmProductsV2 .myProductContent .myPrice > div.vm-display.PricesalesPrice {
  font-size: 16px;
  line-height: 132%;
  font-weight: 400;
  margin-top: 3px;
}


/* Banner SUBARU */
.sppb-section.myBannersSubaru:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(banners/subaru.png);
  width: 851px;
  /*height: 112px;*/
  /*bottom: calc(100% - 2px);*/
  height: 110px;
  bottom: 100%;
  right: 34px;
  background-repeat: no-repeat;
}
.sppb-section.myBannersSubaru > div > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: column;
  gap: 30px 0px;
}
.sppb-section.myBannersSubaruRow > div {
  max-width: 1374px;
  margin: auto;
}
.sppb-section.myBannersSubaruRow .sppb-addon-content > p {
  margin-bottom: 22px;
}
.sppb-section.myBannersSubaruRow .sppb-addon-content > p:last-child {
  margin-bottom: 0px;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColText {
  background-color: white;
  padding-top: 60px;
  padding-left: 75px;
  padding-right: 56px;
  padding-bottom: 50px;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColText .mySpTitle1 {
  margin-bottom: 20px;
  position: relative;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColText .mySpTitle1 .sppb-addon-content p {
  margin-bottom: 0px;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColText .mySpTitle1 .sppb-addon-content img {
  display: block;
  position: absolute;
  right: calc(100% + 10px);
  top: -1px;  
}
.sppb-section.myBannersSubaruRow .sppb-column.myColText .mySpButton {
  margin-top: 30px;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColImg * {
  height: 100%;
}
.sppb-section.myBannersSubaruRow .sppb-column.myColImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}


/* BANNER Kontakt */
.sppb-section.myBannerKontakt > div .sppb-row {
  gap: 20px 0px;
}
.sppb-column.myBannerKontaktColText {
  padding-right: 15px;
  /*padding-left: calc((100%*(100 / 39) - 1416px) / 2);*/
  width: calc( 100% - ((100%*(100 / 39) - 1416px) / 2) ); 
  max-width: calc(100% - 15px);
  margin-left: auto;
}
.sppb-section.myBannerKontaktUnderRow > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 10%;
}
#sp-page-builder .sppb-section.myBannerKontaktUnderRow > div > .sppb-row > div,
#sp-footer-long .sppb-section.myBannerKontaktUnderRow > div > .sppb-row > div,
.sppb-section.myBannerKontaktUnderRow > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
.sppb-section.myBannerKontaktUnderRow .mySpButton {
  margin-top: 30px;
}
.myBannerKontaktUnderRowText .sppb-addon-content {
  font-size: 19px;
  line-height: 25px;
  font-weight: 400;
}
.myBannerKontaktUnderRowText .sppb-addon-content,
.myBannerKontaktUnderRowText .sppb-addon-content a {
  color: #1e4d94;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table {
  width: auto;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr {

}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr > td[colspan="2"] > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr > td[colspan="2"] img {
  width: 27px;
  height: 27px;
  object-fit: cover;
  object-position: 0% 50%;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr > td[colspan="2"] a:hover img {
  object-position: 100% 50%;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr > td:nth-last-child(n+2) {
  padding-right: 10px;
}
.myBannerKontaktUnderRowText .sppb-addon-content > table > tbody > tr:nth-last-child(n+2) > td {
  padding-bottom: 10px;
}


/* FOOTER */
#sp-footer .container-inner {
  padding: 0px;
  border: 0px;
}


/* PAGE KONTAKT ROW 1 */
#sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row,
.myKontaktRow1 > div > .sppb-row {
  display: flex;
}
#sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div,
.myKontaktRow1 > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
  flex-grow: 1;
}
#sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div:nth-child(1),
.myKontaktRow1 > div > .sppb-row > div:nth-child(1),
#sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div:nth-child(3),
.myKontaktRow1 > div > .sppb-row > div:nth-child(3) {
  min-width: calc(50% - 70.5px);
}
#sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div:nth-child(3),
.myKontaktRow1 > div > .sppb-row > div:nth-child(3) {
  visibility: hidden;
}
/* PAGE KONTAKT ROW 2 */
.myKontaktRow2 > div > .sppb-row {
  gap: 30px 0px;
}
.myKontaktRow2 > div > .sppb-row > div > div > .sppb-column-addons {
  padding: 20px 24px;
  box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
}
.myKontaktRow2 > div > .sppb-row > div > div.myColTyp2 > .sppb-column-addons {
  padding: 0px;
  box-shadow: none;
}
.myKontaktRow2 .myKontaktHlavicka {
  border-bottom: 1px solid #dbd9d9;
}
.myKontaktRow2 .myKontaktHlavicka > .sppb-addon-title {
  font-size: 30px;
  font-weight: bold;
  color: #1e4d94;
  line-height: 36px;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.myKontaktRow2 .myKontaktHlavicka > .sppb-addon-content {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 15px;
}
.myKontaktRow2 .myKontaktHlavicka > .sppb-addon-content img {
  display: inline-block;
  margin-right: 7px;
  vertical-align: top;
}
.myKontaktRow2 .myKontaktHlavicka > .sppb-addon-content,
.myKontaktRow2 .myKontaktHlavicka > .sppb-addon-content a {
  color: #1e4d94;
}
.myKontaktRow2 .myKontaktKontakt {
  margin-top: 15px;
  width: calc(100% - 61px);
  margin-left: auto;
  padding-left: 10px;
  border-left: 1px solid #dbd9d9;
  position: relative;
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
  color: #000;
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td {
  padding: 0px;
  border: 0px;
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(2) img {
  display: block;
  position: absolute;
  top: 0px;
  right: calc(100% + 15px);
  width: 46px;
  height: auto;
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1) {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1),
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1) a {
  color: #000;  
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1) p {
  margin: 0px;  
}
.myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1) img {
  display: inline-block;
  width: 17px;
  height: 25px;
  margin-right: 7px;
  object-fit: scale-down;
}
.myKontaktRow2 > div > .sppb-row > div > div > .sppb-column-addons > div:nth-child(n+3) .myKontaktKontakt {
  margin-top: 30px;
}
/* PAGE KONTAKT ROW 3 */
.sppb-section.myKontaktRow3Bloky > div > .sppb-row {
  gap: 30px 0px;
}
.myTimeBlok {
  display: table;
  max-width: 100%;
  width: auto;
}
.myTimeBlok.typ1 {
  margin: auto;
  max-width: calc(100% - 40px);
}
.myTimeBlok .sppb-addon-title {
  font-size: 20px;
  line-height: 125%;
  font-weight: 700;
  color: #1e4d94;
  width: 100%;
  border-bottom: 1px solid #dbd9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.myTimeBlok .sppb-addon-content {

}
.myTimeBlok .sppb-addon-content table {
  width: auto;
}
.myTimeBlok .sppb-addon-content table td {
  font-size: 18px;
  font-weight: 400;
  border: 0px;
  padding: 0px;
}
.myTimeBlok .sppb-addon-content table tr:nth-last-child(n+2) td {
  padding-bottom: 2px;
}
.myTimeBlok .sppb-addon-content table td:nth-last-child(n+2) {
  padding-right: 60px;
}


/* KATEGORY LIST */
/*#sp-page-builder .page-content*/
#sp-page-builder .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column {

} 
.sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  min-height: 594px;
  padding: 27px 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #000;
}
.sppb-section.myKategorieList.v2 > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  min-height: 400px;
}
/* KATEGORY LIST - title */
.sppb-section.myKategorieList .myKategorieListTitle {
  font-size: 26px;
  line-height: 100%;
  font-weight: 900;
  transition: all 0.2s linear 0s;
}
.sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListTitle {
  color: #fff;
}
.sppb-section.myKategorieList .myKategorieListTitle > .sppb-addon-content {
  font-size: 18px;
  line-height: 100%;
  margin-top: 3px;
}
/* KATEGORY LIST - background */
#sp-page-builder .sppb-section.myKategorieList .myKategorieListBg .sppb-addon-single-image-container {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
#sp-page-builder .sppb-section.myKategorieList .myKategorieListBg .sppb-addon-single-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s linear 0s;
  transform: scale(1.00);
}
#sp-page-builder .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListBg .sppb-addon-single-image-container img {
  transform: scale(1.05);
}
#sp-page-builder .sppb-section.myKategorieList .myKategorieListBg .sppb-addon-single-image-container:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background-color: #1e4d94;*/
  /*background-color: rgb(30 77 148 / 50%);*/
  background-color: rgb(0 0 0 / 65%);
  transition: opacity 0.2s linear 0s;
  opacity: 0;
}
#sp-page-builder .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListBg .sppb-addon-single-image-container:after {
  opacity: 1;
} 
/* KATEGORY LIST - link */
.sppb-section.myKategorieList .myKategorieListLink a {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-indent: -100%;
  overflow: hidden;
  color: transparent;
}
/* KATEGORY LIST - button */
#sp-page-builder .sppb-section.myKategorieList .myKategorieListButton > * {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  border: 1px solid white;
  padding: 14px 28px;
  display: inline-block;
  border-radius: 18px;
  border-top-left-radius: 0px;
  transition: all 0.2s linear 0s;
  background-color: transparent;
}
#sp-page-builder .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListButton > * {
  background-color: #fff;
  color: #000;
}
/* KATEGORY LIST - button 2 */
.sppb-section.myKategorieList .myKategorieListButton2 a {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  border: 1px solid white;
  padding: 14px 28px;
  display: inline-block;
  border-radius: 18px;
  border-top-left-radius: 0px;
  transition: all 0.2s linear 0s;
  background-color: transparent;
}
.sppb-section.myKategorieList .myKategorieListButton2 a:hover {
  background-color: #fff;
  color: #000;
}
/* KATEGORY LIST - Menu */
#sp-page-builder .sppb-section.myKategorieList .myKategorieListMenu {
  transition: opacity 0.2s linear 0s;
  opacity: 0;
  overflow: hidden;
}
#sp-page-builder .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListMenu {
  opacity: 1;
}
.sppb-section.myKategorieList .myKategorieListMenu .sppb-addon-content {
  position: relative;
  transition: left 0.2s linear 0s;
  left: -100%;
}
.sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons:hover .myKategorieListMenu .sppb-addon-content {
  left: 0px;
}
.sppb-section.myKategorieList .myKategorieListMenu,
.sppb-section.myKategorieList .myKategorieListMenu a {
  color: #fff;
}
.sppb-section.myKategorieList .myKategorieListMenu ul {
  list-style-type: none;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
}
.sppb-section.myKategorieList .myKategorieListMenu ul > li {
  
}
.sppb-section.myKategorieList .myKategorieListMenu ul > li a {
  padding-left: 50px;
  display: inline-block;
  position: relative;
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
  text-decoration: none;
}
.sppb-section.myKategorieList .myKategorieListMenu ul > li a:before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  /*background-color: #1e4d94;*/
  /*background-color: #e11e2a;*/
  background-color: #3582f7;
  top: 13px;
  transition: all 0.2s linear 0s;
  left: 0px;
}
.sppb-section.myKategorieList .myKategorieListMenu ul > li a:hover:before {
  left: 10px;
}


/* HEAD IMG BOTTOM */
.sppb-section.myImgHeadBottom > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 82px;
}
#sp-component .sppb-section.myImgHeadBottom > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: auto;
}
#sp-component .sppb-section.myImgHeadBottom > div > .sppb-row > div > .sppb-column.myLeft {
  padding: 0px 20px;
  width: 377px;
  max-width: 100%;
}
.sppb-section.myImgHeadBottom > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
}


/* POPIS KATEGORIE */
body.com-virtuemart.view-category #sp-main-body > .container {
  max-width: 100%;
}
.myContentCatText > .sppb-addon-content {
  font-size: 15px;
  line-height: 172%;
}


/* MANUALNI ZALOZKY */
.sppb-section.myManualTabs > div {
  padding: 20px 10px;
  box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
}
.sppb-section.myManualTabs > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 0px;
  justify-content: center;  
}
#sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div,
.sppb-section.myManualTabs > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: calc(100% / 8);
  padding: 0px 10px;
  position: relative;
  text-align: center;
}
#sp-main-body .sppb-section.myManualTabs.ver1 > div > .sppb-row > div,
.sppb-section.myManualTabs.ver1 > div > .sppb-row > div {
  width: calc(100% / 1);
}
#sp-main-body .sppb-section.myManualTabs.ver4 > div > .sppb-row > div,
.sppb-section.myManualTabs.ver4 > div > .sppb-row > div {
  width: calc(100% / 4);
}
#sp-main-body .sppb-section.myManualTabs.ver6 > div > .sppb-row > div,
.sppb-section.myManualTabs.ver6 > div > .sppb-row > div {
  width: calc(100% / 6);
}
#sp-main-body .sppb-section.myManualTabs.ver7 > div > .sppb-row > div,
.sppb-section.myManualTabs.ver7 > div > .sppb-row > div {
  width: calc(100% / 7);
}
#sp-main-body .sppb-section.myManualTabs.ver9 > div > .sppb-row > div,
.sppb-section.myManualTabs.ver9 > div > .sppb-row > div {
  width: calc(100% / 9);
}
#sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column,
.sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column {
  position: relative;
  cursor: pointer;
  /*padding-bottom: 15px;*/
}
.sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column .sppb-column-addons {
  position: static;
}
.sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column:after {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 2px;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 3px;
  transition: all 0.2s linear 0s;
  background-color: transparent;
}
.sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column:hover:after {
  background-color: #1e4d94;
}
.sppb-section.myManualTabs > div > .sppb-row > div.myOpen > .sppb-column:after {
  background-color: #1dacf3;
}
.sppb-section.myManualTabs > div > .sppb-row > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background-color: #dbd9d9;
  top: 0px;
  bottom: 0px;
  right: calc(100% - 0.5px);
}
/*.sppb-section.myManualTabs > div > .sppb-row > div:nth-of-type(8n+1):before,*/
.sppb-section.myManualTabs > div > .sppb-row > div:nth-of-type(1):before {
  display: none;
}
.sppb-section.myManualTabs > div > .sppb-row > div .sppb-addon-single-image-container {
  display: block;
}
.sppb-section.myManualTabs > div > .sppb-row > div .sppb-addon-single-image-container img {
  display: block;
  width: 100%;
  height: 52px;
  object-fit: scale-down;
}
#sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title,
.sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title {
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  color: #1e4d94;
  margin-top: 17px;
  margin-bottom: 12px;
  display: block;
  text-align: center;
}
.sppb-section.myManualTabs > div > .sppb-row > div .myLink .myText > .sppb-addon-content a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;  
}
/* MANUALNI ZALOZKY - obsah */
.sppb-section.myManualTabsContent > div > .sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
}
#sp-main-body .sppb-section.myManualTabsContent > div > .sppb-row > div,
.sppb-section.myManualTabsContent > div > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
  width: 100%;
}
.sppb-section.myManualTabsContent > div > .sppb-row > div {
  display: none;
}
.sppb-section.myManualTabsContent > div > .sppb-row > div.myOpen {
  display: block;
}


/* VM Category */
.category-view.myCatView {
  margin: 0px;
  padding-top: 20px;
}
.category-view.myCatView .category_description {
  margin-bottom: 0px;  
}
.category-view.myCatView .category_description h1,
.category-view.myCatView .category_description h2 {
  font-size: 30px;
  line-height: 116%;
  font-weight: 700;
  color: #1e4d94;
}
.category-view.myCatView .category_description h1:last-child,
.category-view.myCatView .category_description h2:last-child {
  margin-bottom: 0px;
}
.category-view.myCatView .browse-view {
  margin: 0px;
  margin-top: 20px;
  position: relative;
}
.category-view.myCatView .category_description {
  display: table;
  width: 100%;
}
.category-view.myCatView .browse-view .myProductsCount {
  position: absolute;
  right: 0px;
  bottom: calc(100% + 15px);
  line-height: 100%;
  font-size: 16px;
  background-color: #F3F3F3;
  padding: 7px 8px;
}


/* VM Detail */
.myDetailView {
  /*padding-top: 50px;*/
  padding-top: 30px;
}
.ask-a-question-view {/* popup frame */
  padding: 0px;
}
.myDetailView .back-to-category.mySpButton {
  margin-bottom: 10px;
}
.myDetailView .vm-product-container {

}
.myDetailView .vm-product-container > .vm-product-media-container {
  width: calc(65% - 10px);
  margin: 0px;
}
.myDetailView .vm-product-container > .vm-product-details-container {
  width: 35%;
  margin: 0px;
}
.myDetailView .vm-product-container > .vm-product-media-container > .main-image {
  width: calc(75% - 10px);
  float: left;
  margin-right: 10px;
}
.myDetailView .vm-product-container > .vm-product-media-container > .main-image img {
  height: 488px;
  width: 100%;
  object-fit: cover;
  background-color: #dbd9d9;
}
.myDetailView .vm-product-container > .vm-product-media-container > .additional-images {
  margin: 0px;
}
.myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft {
  width: 25%;
  margin-bottom: 10px;
  display: block;
}
.myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft:nth-of-type(n+4) {
  display: none;
}
.myDetailView .vm-product-container > .vm-product-media-container.myOpen > .additional-images > .floatleft:nth-of-type(n+4) {
  display: block;
}
.myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft a {
  display: block;
  width: calc(100% - 10px);
  height: 156px;
}
.myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft img {
  display: block;
  margin: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #dbd9d9;
}
.myDetailView .product-short-description {
  font-weight: 700;
}
.myDetailView .product-description {
  margin-top: 20px;
}
.myDetailView .product-description table,
.myDetailView .product-description table td {
  width: auto !important;
}
.myDetailView .product-description table td {
  vertical-align: top;
  line-height: 100%;
}
.myDetailView .product-description table > tbody > tr:nth-child(n+2) > td {
  padding-top: 11px;
}
.myDetailView .myVmButtonAks.mySpButton,
.myDetailView .ask-a-question.mySpButton {
  text-align: right;
  margin: 0px;
  margin-top: 15px;
}
.myVmProductsV1 .myVmButtonAks.mySpButton {
  margin-top: 15px;
}
.myDetailView .myDoplnInfo {
  margin-top: 15px;
}
.myDetailView .myDoplnInfo .myNadpis {
  font-weight: 700;
  color: #1e4d94;
}
.myDetailView .myDoplnInfo table td:nth-child(1) {
  font-weight: 700;
}
.myVmDetailModuleContent {
  margin-top: 15px;
  background-color: #F3F3F3;
  text-align: right;
  padding: 10px 14px;
}
.myVmDetailModuleContent p {
  margin: 0px;
}


/* KOTVA VM KATEGORIE */
.myVmCatKotva {
  position: relative;
}
.myVmCatKotva #myVmCatKotva {
  position: absolute;
  top: -99px;
}


/* BLOG Akce */
/*.blogmyBlogStyle.myBlogAkce,
.article-details.myBlogAkce,*/
.blogmyBlogStyle,
.article-details.myBlogStyle {
  padding-top: 20px;
}
.blogmyBlogStyle .category-desc {
  margin-bottom: 25px;
}
.myModuleBlog {

}
.myModuleBlog > .myCoverBlog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px 0px;
  margin: 0px -25px;
}
.myModuleBlog > .myCoverBlog > .myBlogArt {
  width: 33.33%;
  padding: 0px 25px;
}
.myModuleBlog > .myCoverBlog > .myBlogArt > .myCover {
  box-shadow: 0px 0px 14px rgb(0 0 0 / 25%);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.myModuleBlog .myBlogArt .myImg {
  display: block;
  position: relative;
}
.myModuleBlog .myBlogArt .myImg:before {
  content: '';
  display: block;
  padding-top: 51.7084%;
}
.myModuleBlog .myBlogArt .myImg img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myModuleBlog .myBlogArt .myContent {
  padding: 25px;
  line-height: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.myModuleBlog .myBlogArt .myDate {
  font-size: 16px;
  font-weight: 400;
  color: #1e4d94;  
}
.myModuleBlog .myBlogArt .myTitle {
  font-size: 22px;
  font-weight: 700;
  color: #1e4d94;  
}
.myModuleBlog .myBlogArt .myColomText {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  /*min-height: 46px;*/  
}
.myModuleBlog .myBlogArt .mySpButton {
  margin-top: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;  
}


/* MANUALNI GALERIE */
.myMGallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  /*justify-content: center;*/
  justify-content: flex-start;
  /*align-items: center;*/
  align-items: flex-start;
  gap: 10px;
}
.myMGallery.myN6 {
  justify-content: space-between;  
}
.myMGallery > * {
  overflow: hidden;
  display: block;
  text-align: center;
}
.myMGallery.myN6 > * {
  max-width: calc(100% / 6 - 9px);
}
.myMGallery > a {
  position: relative;
}
.myMGallery > *,
.myMGallery > a,
.myMGallery > a:hover {
  color: black;
  text-decoration: none;
}
.myMGallery > a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.2s linear 0s;
  /*background-color: rgb(70 115 195 / 80%);*/
  /*background-color: rgb(29 172 243 / 80%);*//*#1dacf3*/
  background-color: rgb(30 77 148 / 80%);/*#1e4d94*/
  transform: scale(0.8);
  opacity: 0;
}
.myMGallery > a:after {
  content: '+';
  font-family: 'Arial';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 150px;
  font-weight: 400;
  color: #e31f25;
  line-height: 75px;
  width: 87px;
  height: 71px;
  margin: auto;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  transform: scale(0.0);
  opacity: 0;
}
.myMGallery > a:hover:before,
.myMGallery > a:hover:after {
  transform: scale(1.0);
  opacity: 1;
}
.myMGallery img {
  display: block;
  /*width: 346px;*/
  /*height: 194px;*/
  object-fit: cover;  
}
.myMGallery .myImgTitle {
  max-width: 346px;
  font-size: 15px;
  line-height: 19px;
  padding: 4px 0px;
}
.myMGallery.verH img {
  height: 194px;
}


/* MY HORIZONTAL GAP 10 */
.sppb-section.myHGap10 > div > .sppb-row {
  gap: 10px 0px;
}


/* VM no products */
.myEmptyProductsText {
  font-weight: 700;
}


/* OFFCANVAS MENU */
.offcanvas-menu .offcanvas-inner ul.menu li > a,
.offcanvas-menu .offcanvas-inner ul.menu li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu li > a:focus,
.offcanvas-menu .offcanvas-inner ul.menu li > span:hover,
.offcanvas-menu .offcanvas-inner ul.menu li > span:focus,
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #232426;
  text-decoration: none;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active > a {
  color: #1e4d94;
  text-decoration: underline;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li {
  margin-bottom: 10px;
  line-height: 100%;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding: 0px;
}


/* VM Filter */
.myVmFilterBanner {
  margin-top: 10px;
  margin-bottom: 60px;
}
.myVmFilterBanner .myVmFilterBannerTitle {
  display: inline-block;
  padding: 7px 20px;
  padding-bottom: 0px;
  background-color: #f2f3f4;
  font-size: 24px;
  font-weight: 700;
  margin-left: 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.myVmFilterBanner form#myVmFilterForm {
  background-color: #f2f3f4;
  padding: 16px 20px;
  border-radius: 9px;
}
.myVmFilterBanner form#myVmFilterForm .myCover {
  display: flex;
  /*flex-direction: column;*/
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 0px;
  margin: 0px -20px;
}
.myVmFilterBanner .myVmFilterBannerContent {
  /*min-width: calc(100% / 2);*/
  min-width: 100%;
  padding: 0px 20px;
}
.myVmFilterBanner .myVmFilterBannerContentTitle {
  font-size: 18px;
  font-weight: 600;
  color: #1e4d94;
}
.myVmFilterBanner .mySelect.myVmFilterBannerContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 0px 8px;
}
.myVmFilterBanner select.myVmFilterBannerContentValues {
  width: auto;
  height: auto;
  padding: 7px 18px !important;
  padding-left: 7px !important;
  cursor: pointer;
}
.myVmFilterBanner ul.myVmFilterBannerContentValues {
  padding: 0px;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px 30px;
  line-height: 100%;
  margin-top: 8px;
}
.myVmFilterBanner ul.myVmFilterBannerContentValues li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px 7px;
}
.myVmFilterBanner ul.myVmFilterBannerContentValues li input {
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.myVmFilterBanner ul.myVmFilterBannerContentValues li label {
  cursor: pointer;
}


/* Filtr Ceny */
.myFilterPrice {
  margin-top: 20px;
}
#slider {
  width: 100%;
  width: calc(100% - 110px);
  margin: auto;
  height: 10px;
  background: #ccc;
  position: relative;
  /*margin-top: 8px;*/
  margin-top: 35px;
  margin-bottom: 35px;
}
.range-bar {
  height: 10px;
  background: #1dacf3;
  position: absolute;
  top: 0;
}
.handle {
  width: 20px;
  height: 20px;
  background: #1e4d94;
  position: absolute;
  top: -5px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: -10px;
}
.handle > span {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  visibility: hidden;
  white-space: nowrap;
}
.handle#handle-max > span {
  top: auto;
  bottom: 100%;
}
.myVal {
  margin-left: -50%;
  display: inline-block;
  visibility: visible;
  line-height: 100%;
}


/* MY POP UP FORM !!! */
.sp-module.myPopUpFormStyle .myCloseButton {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 28px;
  height: 28px;
  background-color: #e30613;
  color: white;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
}
.sp-module.myPopUpFormStyle .myCloseButton:hover {
  background-color: black;
  color: white;
}
.sp-module.myPopUpFormStyle .myCloseButton:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 100%;
}
.sp-module.myPopUpFormStyle .myCloseCover {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 0;
  cursor: pointer;
}
#sp-footer .sp-module.myPopUpFormStyle,
.sp-module.myPopUpFormStyle {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background-color: rgb(255 255 255 / 90%);*/
  background-color: rgb(0 0 0 / 50%);
  /*z-index: 10000;*/
  z-index: 10000001;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: none;
  margin: 0px;
}
#sp-footer .sp-module.myPopUpFormStyle.myOpen,
.sp-module.myPopUpFormStyle.myOpen {
  display: flex;
}
.sp-module.myPopUpFormStyle > div.sp-module-content {
  display: block;
  max-height: calc(100% - 40px);
  overflow: auto;
  max-width: calc(100% - 40px);
  position: relative;
  z-index: 1;
}
.sp-module.myPopUpFormStyle > div.sp-module-content > div {
  margin: 0;
  border-radius: 7px;
  /* background */  
  background-color: #fff;
  /*color: #000;*/
}
.sp-module.myPopUpFormStyle > div.sp-module-content > div > div {
  padding: 15px;
  width: 733px;
  max-width: 100%;
}
/* MY POP UP FORM !!! - popis pole */
span.myHelp {
  display: inline-block;
  border: 1px solid black;
  border-radius: 100%;
  height: 17px;
  line-height: 17px;
  width: 17px;
  vertical-align: top;
  text-align: center;
  margin-left: 4px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
span.myHelp p.formDescription {
  position: absolute;
  z-index: 1;
  color: black;
  background-color: white;
  border: 1px solid black;
  padding: 5px;
  line-height: 100%;
  bottom: calc(100% - 10px);
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  visibility: hidden;
}
span.myHelp:hover p.formDescription {
  visibility: visible;
}
/* radek produktu */
#sp-footer-long #sp-footer-top .sppb-section.myVmDotazSkriptIn {
  border-bottom: 1px solid #CAC9C9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.sppb-section.myVmDotazSkriptIn > * > .sppb-row {
  gap: 10px 2%;
}
#sp-footer-top .sppb-section.myVmDotazSkriptIn > * > .sppb-row > div {
  max-width: 100%;
  flex-basis: auto;
}
#sp-footer-top .sppb-section.myVmDotazSkriptIn > * > .sppb-row > div:nth-child(1) {
  width: 68%;
}
#sp-footer-top .sppb-section.myVmDotazSkriptIn > * > .sppb-row > div:nth-child(2) {
  width: 30%;
}
.sppb-section.myVmDotazSkriptIn .sppb-addon-text-block .sppb-addon-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: block;
}
.sppb-section.myVmDotazSkriptIn .sppb-addon-text-block .sppb-addon-content {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 200;
  line-height: 120%;
}
.sppb-section.myVmDotazSkriptIn .sppb-addon-single-image-container {
  display: block;
}
.sppb-section.myVmDotazSkriptIn .sppb-addon-single-image-container > img {
  /*width: 100%;*/
  width: auto;
  height: auto;
}


/* KONTAKT HLAVICKA */
#sp-header .sp-module.myKontaktTop {
  position: absolute;
  top: 7px;
  right: 0px;
  margin: 0px;
}
#sp-header .sp-module.myKontaktTop .mod-custom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 40px;
}
#sp-header .sp-module.myKontaktTop .mod-custom > * {
  margin: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px 4px;
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
}
#sp-header .sp-module.myKontaktTop .mod-custom > * > em {
  font-style: normal;
}
#sp-header .sp-module.myKontaktTop .mod-custom > * > em:after {
  content: ':';
}


/* MODELOVE RADY - Tlacitko Testovaci jizda */
.sppb-div-addon.myModelRadaButtonCover {
  float: right;
  margin-bottom: 10px;
}


/* Loga 1 */
.mySpLoga1 > .sppb-addon-content > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 20px 20px;
}
.mySpLoga1 > .sppb-addon-content > * img {

}


/* TABLE - Kariera */
table.myTableKariera {
  display: block;
}
table.myTableKariera > tbody {
  display: block;
}
table.myTableKariera > tbody > tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 22px 30px;
}
table.myTableKariera > tbody > tr > td {
  display: block;
  padding: 0px;
  border: 0px;
}
@media (min-width: 1280px) {
  table.myTableKariera > tbody > tr {
    flex-wrap: nowrap;
  }
}

/* Obecné zarovnání a spacing */
#akce-a-novinky {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    background-color: #f8f9fa; 
    padding: 60px 0 40px; 
    text-align: center;    
}
#akce-a-novinky.visible {
    opacity: 1;
    transform: translateY(0);
}

#akce-a-novinky .sppb-addon-title {
    margin-bottom: 25px !important;
    font-size: 22px;
    line-height: 116%;
    font-weight: 400;
    color: #1e4d94;
    text-transform: uppercase;
}

/* Tabulka a vstupní pole */
.acym_module_form table.acym_form {
    margin: 0 auto;
    border-collapse: collapse;
}

.acym_module_form td {
    padding: 10px 15px;
    vertical-align: bottom;
}

/* Input fields */
.acym_module_form input[type="text"],
.acym_module_form input[type="email"] {
    border: 1px solid #d5d5d5;
    border-radius: 22px;
    border-top-left-radius: 0;
    padding: 14px 18px;
    font-size: 15px;
    line-height: 100%;
    color: #1e4d94;
    background: #fff;
    transition: all 0.3s ease;
    max-width: 100%;
}

.acym_module_form input[type="text"]:focus,
.acym_module_form input[type="email"]:focus {
    border-color: #1dacf3;
    box-shadow: 0 0 0 3px rgba(29,172,243,0.1);
    outline: none;
}

.acym_module_form input:hover {
    border-color: #1dacf3;
}


/* Popisky polí */
.acym_module_form label .acym__users__creation__fields__title {
    display: block;
    font-weight: 600;
    color: #002a5c;
    margin-bottom: 5px;
}

/* Tlačítko */
.acym_module_form .subbutton {
    transition: all 0.3s ease;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 2px;
    display: inline-block;
    border: 1px solid #1dacf3;
    padding: 16px 26px;
    border-radius: 22px;
    border-top-left-radius: 0px;
    background: transparent;
    color: #1e4d94;
    max-width: 100%;
}

.acym_module_form .subbutton:hover {
    background: #1dacf3;
    color: #ffffff;
}

table.acym_form tr td:nth-of-type(3) {
    display: none;
}

/* Responsivní zobrazení */
@media (max-width: 768px) {
    .acym_module_form input[type="text"], 
    .acym_module_form input[type="email"], 
    .acym_module_form .subbutton {
        width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .acym_module_form td {
        display: block;
        text-align: left;
        padding: 5px 0;
        padding-right: 0 !important;
    }
    
    .acym_module_form label {
        max-width: 100%;
        display: inline-block;
        cursor: pointer;
        width: 100%;
    }    
    
    .acym_module_form .subbutton {
        font-size: 12px;
        max-width: 100%;
    }    
}


/* VIDEO */
video.myVideo1 {
  display: block;
}
.myMVideo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.myMVideo video {
  display: block;
}